{"id":45049,"date":"2022-09-09T11:46:06","date_gmt":"2022-09-09T10:46:06","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=45049&preview=true&preview_id=45049"},"modified":"2023-08-24T11:32:28","modified_gmt":"2023-08-24T10:32:28","slug":"wordpress-6-1","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-1\/","title":{"rendered":"Hvad er nyt i WordPress 6.1: Flydende typografi, forbedret skabelonsystem, nye sundhedstjek af webstedet og meget mere!"},"content":{"rendered":"

WordPress 6.1 “Misha” er blevet udgivet den 1. november 2022<\/a>. Den tredje store udgivelse i \u00e5r f\u00f8lger WordPress 6.0 Arturo<\/a>, der blev udgivet den 24. maj, og WordPress 5.9 Josephine<\/a>, der blev udgivet den 25. januar.<\/p>\n

Som det altid sker, bringer nye WordPress-udgivelser nye funktioner, forbedringer og fejlrettelser fra de seneste versioner af Gutenberg-plugin’et ind i kernen. Og WordPress 6.1 er ingen undtagelse, da 11 versioner af Gutenberg-plugin’et<\/a> er blevet fusioneret ind i kernen, fra 13.1 til 14.1.<\/p>\n

I dette indl\u00e6g vil vi tage et kig ind bag bag kulissen og pr\u00e6sentere de nye sp\u00e6ndende funktioner, der kommer med den nye store version af WordPress.<\/p>\n

Matias Ventura gav os et indblik i k\u00f8replanen til 6.1<\/a>, hvor han sagde, at m\u00e5let med 6.1 er at forfine de oplevelser, der blev introduceret med 5.9 og 6.0, og rette nogle ting, da vi n\u00e6rmer os fase 3 af Gutenberg-k\u00f8replanen.<\/p>\n\n

1. Forbedringer af skabeloneditor<\/strong>: En af de vigtigste nye funktioner er Template Editor<\/a>. WordPress 6.1 skulle introducere muligheden for at gennemse, visualisere og redigere strukturen af webstedet.<\/p>\n

2. Skabelonm\u00f8nstre<\/strong>: M\u00e5let er at give blokm\u00f8nstre en central rolle<\/a> i skabelon- og sideoprettelse, tilpasse dem til brugerdefinerede posttyper<\/a> og bloktyper, forbedre l\u00e5sfunktionaliteten, forbedre h\u00e5ndteringen af gemte m\u00f8nstre osv.<\/p>\n

3. Globale stilarter og blokke og designv\u00e6rkt\u00f8jer<\/strong>: WordPress 6.1 vil g\u00f8re det muligt at administrere webfonts, implementere responsiv typografi og udvide det v\u00e6rkt\u00f8jss\u00e6t, der er tilg\u00e6ngeligt for blokke.<\/p>\n

N\u00e5r det er sagt, s\u00e5 lad os se n\u00e6rmere p\u00e5 nogle af de mest kraftfulde funktioner, der kommer med WordPress 6.1.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Fluid typography og spacing<\/h2>\n

WordPress 6.1 tilf\u00f8jer underst\u00f8ttelse<\/a> af Fluid Typography<\/a> via calc<\/code><\/a>\/clamp<\/code><\/a> CSS-funktioner.<\/p>\n

Udtrykket Fluid typography<\/a> beskriver tekstens evne til at tilpasse sig visningsbredden, idet den j\u00e6vnt skaleres fra en minimal til maksimal bredde.<\/p>\n

Det er noget andet end det, du kan opn\u00e5 med media queries, da media queries giver temaer mulighed for at \u00e6ndre tekstst\u00f8rrelsen afh\u00e6ngigt af specifikke visningsportst\u00f8rrelser, men ikke g\u00f8r noget mellem forskellige v\u00e6rdier.<\/p>\n

Nogle temaer underst\u00f8tter allerede fluid typography. Twenty Twenty-Two<\/a> bruger f.eks. CSS-funktionen clamp()<\/code> til flere skriftst\u00f8rrelser. For eksempel:<\/p>\n

\"settings\": {\n\t...\n\t\"custom\": {\n\t\t\"spacing\": {\n\t\t\t\"small\": \"max(1.25rem, 5vw)\",\n\t\t\t\"medium\": \"clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))\",\n\t\t\t\"large\": \"clamp(4rem, 10vw, 8rem)\",\n\t\t\t\"outer\": \"var(--wp--custom--spacing--small, 1.25rem)\"\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"font-size\": {\n\t\t\t\t\"huge\": \"clamp(2.25rem, 4vw, 2.75rem)\",\n\t\t\t\t\"gigantic\": \"clamp(2.75rem, 6vw, 3.25rem)\",\n\t\t\t\t\"colossal\": \"clamp(3.25rem, 8vw, 6.25rem)\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n
Som du kan se i koden ovenfor, bruges flydende skriftst\u00f8rrelsesv\u00e6rdier for hver enkelt skriftst\u00f8rrelse.<\/p>\n
Fra WordPress 6.1 kan temaer nu automatisk generere flydende skriftst\u00f8rrelser<\/a> ved at deklarere den nye egenskab typography.fluid<\/code> p\u00e5 f\u00f8lgende m\u00e5de:<\/p>\n
\"settings\": {\n\t....\n\t\"typography\": {\n\t\t\"fluid\": true,\n\t\t\"fontSizes\": [\n\t\t\t{\n\t\t\t\t\"size\": \"2rem\",\n\t\t\t\t\"fluid\": {\n\t\t\t\t\t\"min\": \"2rem\",\n\t\t\t\t\t\"max\": \"2.5rem\"\n\t\t\t\t},\n\t\t\t\t\"slug\": \"medium\",\n\t\t\t\t\"name\": \"Medium\"\n\t\t\t}\n\t\t]\n}<\/code><\/pre>\n
Ved hj\u00e6lp af typography.fluid<\/code> og typography.fontSizes[].fluid<\/code> beregnes v\u00e6rdien af hver skriftst\u00f8rrelse automatisk ved hj\u00e6lp af f\u00f8lgende formel<\/a>:<\/p>\n
--wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});<\/code><\/pre>\n
Eksempelvis:<\/p>\n
--wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});<\/code><\/pre>\n
Bem\u00e6rk, at i skrivende stund er Fluid Typography en eksperimentel funktion. Du kan dykke ned i de tekniske detaljer i Block supports: add fluid typography<\/a>.<\/p>\n
\n
Fluid typography is a significant improvement for building modern #WordPress<\/a> websites. We just updated @frostwp<\/a> to include this feature. Here\u2019s a great read from @richard_tabor<\/a> into what it is and why it matters. https:\/\/t.co\/Bq5YuHX3wi<\/a><\/p>\n
— Brian Gardner (@bgardner) August 8, 2022<\/a><\/p><\/blockquote>\n