{"id":45525,"date":"2022-10-04T13:02:16","date_gmt":"2022-10-04T12:02:16","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=45525&preview=true&preview_id=45525"},"modified":"2023-08-24T11:27:15","modified_gmt":"2023-08-24T10:27:15","slug":"twenty-twenty-three-tema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-three-tema\/","title":{"rendered":"Twenty Twenty-Three: Et nyt standard WordPress-tema fra f\u00e6llesskabet"},"content":{"rendered":"

Twenty Twenty-Three er det helt nye standard WordPress-tema, der lanceres med WordPress 6.1<\/a>.<\/p>\n

Det er et minimalistisk tema<\/a> uden billeder eller yderligere funktionalitet. Det giver sit bedste som et startertema til at bygge templates og stilvariationer og ogs\u00e5 teste alle de funktioner, der er indf\u00f8rt med de nyeste versioner af WordPress. Temaet kan ses som et rigtigt udviklings- og testmilj\u00f8, selvom den minimalistiske stil, responsivitet og lethed g\u00f8r det til et godt valg til at skabe blogs og websteder, der er velegnede til en lang r\u00e6kke form\u00e5l.<\/p>\n

I sin introduktion til Twenty Twenty-Two<\/a>-temaet skrev Kjell Reigstad om fremtiden for standardtemaer<\/a>:<\/p>\n

Innovationer som theme.json, blokskabeloner og blokm\u00f8nstre g\u00f8r udviklingen af temaer langt enklere og giver brugerne nye m\u00e5der at tilpasse deres websteder p\u00e5. Der er grund til at tro, at f\u00e6llesskabet kan udnytte alt dette til at bygge hyppigere og mere varierede tema- og tilpasningsl\u00f8sninger til vores brugere i de kommende \u00e5r.<\/p><\/blockquote>\n

Og Channing Ritter kom med f\u00f8lgende forslag<\/a>:<\/p>\n

Hvad hvis vi i stedet for at fremh\u00e6ve selve temaet fremh\u00e6vede et s\u00e6t af stilvariationer, der er designet af medlemmer af f\u00e6llesskabet? Vi kunne bruge Twenty Twenty-Two som grundlag for et nyt tema, der er afstemt og minimalistisk \u2014 et tomt l\u00e6rred, der kan lade en bred vifte af stilvariationer skinne.<\/p><\/blockquote>\n

Og det er det, der sker med det nye Twenty Twenty-Three-standardtema. F\u00e6llesskabet er blevet opfordret til at deltage aktivt i udformningen af standard WordPress-temaet, og det kan vi godt lide, fordi det g\u00f8r det nye tema til et resultat af et \u00e6gte arbejde fra de involverede.<\/p>\n

\"Twenty
Twenty Twenty Twenty-Three preview<\/figcaption><\/figure>\n\n

Men f\u00f8r vi afd\u00e6kker de stilvariationer, der kommer i bundt med det nye WordPress-standardtema, skal vi finde ud af de grundl\u00e6ggende funktioner i Twenty Twenty-Three, og hvad det kan passe til.<\/p>\n

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

Sidelayouts og stilarter<\/h2>\n

Som n\u00e6vnt ovenfor er Twenty Twenty-Three en nedtonet version af Twenty Twenty-Two. Det, der er sl\u00e5ende ved det nye standardtema, er dets enkelhed og lethed. Twenty Twenty-Three er fleksibel og perfekt egnet til Gutenbergs nyeste funktioner til redigering af websteder, s\u00e5som redigering af skabeloner, Global Styles<\/a>-variationer, Fluid Typography<\/a> og blokm\u00f8nstre<\/a>.<\/p>\n

S\u00e5 det vil ikke v\u00e6re nogen overraskelse, at du p\u00e5 de sk\u00e6rmbilleder, der vises i denne artikel, vil se minimale sider uden noget tegn p\u00e5 speciel layout, men perfekt egnet til tilpasning og test.<\/p>\n

For at give dig et eksempel p\u00e5 det, viser billedet nedenfor single post-sider med og uden fremh\u00e6vede billeder.<\/p>\n

\"Forh\u00e5ndsvisning
Forh\u00e5ndsvisning af enkelt indl\u00e6g med og uden fremh\u00e6vet billede i Twenty Twenty-Three<\/figcaption><\/figure>\n

P\u00e5 f\u00f8lgende billede sammenlignes forsiden med en arkivside.<\/p>\n

\"Hjemmeside
Hjemmeside sammenlignet med arkivside i Twenty Twenty-Three<\/figcaption><\/figure>\n

Selv om det nye tema er en forenklet version af Twenty Twenty Twenty-Two, er der nogle vigtige forskelle i Twenty Twenty-Three i forhold til det tidligere standardtema.<\/p>\n

For det f\u00f8rste er st\u00f8rrelsen p\u00e5 overskrifterne blevet reduceret, og standardserifskrifttypen er blevet erstattet af en system-los serif-skrifttype.<\/p>\n

\"Overskriftsst\u00f8rrelser
Overskriftsst\u00f8rrelser i Twenty Twenty-Three<\/figcaption><\/figure>\n

Der er ogs\u00e5 blevet anvendt en anden farvepalet. Du kan se den nye Twenty Twenty-Three paletdefinition i f\u00f8lgende kode fra theme.json<\/em>:<\/p>\n

{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#9DFF20\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#345C00\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\",\n\t\t\t\t\t\"slug\": \"tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t}\n}<\/code><\/pre>\n
\"Twenty
Twenty Twenty Twenty-Three standardfarver<\/figcaption><\/figure>\n
Men det vigtigste tr\u00e6k ved det nye standardtema er dets s\u00e6t af stilvariationer. Twenty Twenty-Three leveres med ti globale stilvariationer, som hver is\u00e6r viser en anden kombination af farver, font familie og skriftst\u00f8rrelser.<\/p>\n
\"Twenty
Twenty Twenty Twenty-Three Global Styles<\/figcaption><\/figure>\n
Du finder de tilsvarende JSON-filer i mappen Twenty Twenty Twenty-Three styles<\/em>.<\/p>\n
Fuldst\u00e6ndige forh\u00e5ndsvisninger af sideskemaer, stilarter og stilvariationer af Twenty Twenty-Three er tilg\u00e6ngelige p\u00e5 Figma<\/a>.<\/p>\n
\"Forh\u00e5ndsvisning
Forh\u00e5ndsvisning af Twenty Twenty Twenty-Three Style Variations p\u00e5 Figma<\/figcaption><\/figure>\n
Twenty Twenty Twenty-Three typografi<\/h2>\n
I et minimalt tema som Twenty-Three spiller typografien en vigtig rolle for at g\u00f8re teksten l\u00e6sbar, webstedet tiltalende og i sidste ende give de bes\u00f8gende en givende browseroplevelse, uanset enhed og sk\u00e6rmst\u00f8rrelse.<\/p>\n
Til dette form\u00e5l leveres Twenty Twenty-Three med et nyt s\u00e6t skrifttypefamilier og bruger Fluid Typography, der blev introduceret med WordPress 6.1.<\/p>\n
Skrifttyper<\/h3>\n
Twenty Twenty-Three har et nyt s\u00e6t skrifttyper, der bruges i stilvariationer og er kendetegnet ved enkelhed og variation:<\/p>\n