{"id":46080,"date":"2022-10-04T10:22:40","date_gmt":"2022-10-04T10:22:40","guid":{"rendered":"https:\/\/kinqsta.com\/se\/?p=46080&preview=true&preview_id=46080"},"modified":"2023-09-21T12:22:57","modified_gmt":"2023-09-21T12:22:57","slug":"twenty-twenty-three-tema","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/se\/blog\/twenty-twenty-three-tema\/","title":{"rendered":"Twenty Twenty-Three: Ett nytt standardtema f\u00f6r WordPress fr\u00e5n communityt"},"content":{"rendered":"

Twenty Twenty-Three \u00e4r det helt nya standardtemat f\u00f6r WordPress som lanseras med WordPress 6.1<\/a>.<\/p>\n

Det \u00e4r ett minimalistiskt tema<\/a> utan bilder eller ytterligare funktioner. Det fungerar utm\u00e4rkt som ett starttema f\u00f6r att bygga mallar och stilvariationer och \u00e4ven testa alla funktioner som inf\u00f6rs med de senaste versionerna av WordPress. Temat kan ses som en riktig utvecklings- och testmilj\u00f6, \u00e4ven om den minimalistiska stilen, responsiviteten och l\u00e4ttheten g\u00f6r det till ett bra alternativ f\u00f6r att skapa bloggar och webbplatser som l\u00e4mpar sig f\u00f6r m\u00e5nga olika \u00e4ndam\u00e5l.<\/p>\n

I sin introduktion till Twenty Twenty-Two-temat<\/a> skrev Kjell Reigstad om framtiden f\u00f6r standardteman<\/a>:<\/p>\n

Innovationer som theme.json, blockmallar och blockm\u00f6nster g\u00f6r utvecklingen av teman mycket enklare och ger anv\u00e4ndarna nya s\u00e4tt att anpassa sina webbplatser. Det finns anledning att tro att WordPress community kan utnyttja allt detta f\u00f6r att bygga mer frekventa och varierande tema- och anpassningsl\u00f6sningar f\u00f6r v\u00e5ra anv\u00e4ndare under de kommande \u00e5ren.<\/p><\/blockquote>\n

Och Channing Ritter lade fram f\u00f6ljande f\u00f6rslag<\/a>:<\/p>\n

T\u00e4nk om vi i st\u00e4llet f\u00f6r att betona sj\u00e4lva temat skulle framh\u00e4va en upps\u00e4ttning stilvariationer som har utformats av medlemmar i v\u00e5rt community? Vi skulle kunna anv\u00e4nda Twenty Twenty-Two som grund f\u00f6r ett nytt tema som \u00e4r avskalat och minimalistiskt – en tom duk f\u00f6r att l\u00e5ta en m\u00e4ngd olika stilvariationer f\u00e5 gl\u00e4nsa.<\/p><\/blockquote>\n

Och det \u00e4r vad som h\u00e4nder med det nya standardtemat Twenty Twenty-Three. WordPress community har uppmanats att aktivt delta i utformningen av standardtemat f\u00f6r WordPress, och vi uppskattar detta eftersom det g\u00f6r det nya temat till resultatet av ett verkligt deltagande arbete.<\/p>\n

\"Twenty
Twenty Twenty Twenty-Three f\u00f6rhandsgranskning<\/figcaption><\/figure>\n\n

Men innan vi avsl\u00f6jar de stilvariationer som inkluderas i det nya standardtemat f\u00f6r WordPress, ska vi ta reda p\u00e5 de grundl\u00e4ggande funktionerna hos Twenty Twenty-Three och vad det kan passa f\u00f6r.<\/p>\n

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

Sidlayouter och stilar<\/h2>\n

Som n\u00e4mnts ovan \u00e4r Twenty Twenty-Three en avskalad version av Twenty Twenty-Two. Det som \u00e4r sl\u00e5ende med det nya standardtemat \u00e4r dess enkelhet och l\u00e4tthet. Twenty Twenty-Three \u00e4r flexibelt och passar perfekt f\u00f6r Gutenbergs senaste funktioner f\u00f6r redigering av webbplatser, som t.ex. redigering av mallar, variationer av globala stilar<\/a>, flytande typografi<\/a> och blockm\u00f6nster<\/a>.<\/p>\n

S\u00e5 det kommer inte att vara n\u00e5gon \u00f6verraskning att du i sk\u00e4rmdumparna som visas i den h\u00e4r artikeln ser minimala sidor utan n\u00e5gra krusiduller, men som \u00e4r perfekt l\u00e4mpade f\u00f6r anpassning och testning.<\/p>\n

Som ett exempel p\u00e5 detta visar bilden nedan enstaka inl\u00e4ggssidor med och utan utvalda bilder.<\/p>\n

\"F\u00f6rhandsgranskning
F\u00f6rhandsgranskning av ett enda inl\u00e4gg med och utan utvald bild i Twenty Twenty-Three<\/figcaption><\/figure>\n

I f\u00f6ljande bild j\u00e4mf\u00f6rs startsidan med en arkivsida.<\/p>\n

\"Startsida
Startsida j\u00e4mf\u00f6rt med arkivsida i Twenty Twenty-Three<\/figcaption><\/figure>\n

\u00c4ven om det nya temat \u00e4r en f\u00f6renklad version av Twenty Twenty Twenty-Two, s\u00e5 uppvisar Twenty Twenty-Three n\u00e5gra viktiga skillnader j\u00e4mf\u00f6rt med det tidigare standardtemat.<\/p>\n

F\u00f6r det f\u00f6rsta har storleken p\u00e5 rubrikerna minskats och standardtypsnittet med serif har ersatts av ett seriffritt systemtypsnitt.<\/p>\n

\"Storleken
Storleken p\u00e5 rubrikerna i Twenty Twenty-Three<\/figcaption><\/figure>\n

Dessutom har en annan f\u00e4rgpalett anv\u00e4nts. Du kan se den nya palettdefinitionen f\u00f6r Twenty Twenty-Three i f\u00f6ljande kod fr\u00e5n 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\u2019s \u00a0standardf\u00e4rger<\/figcaption><\/figure>\n
Men den viktigaste funktionen hos det nya standardtemat \u00e4r dess upps\u00e4ttning stilvariationer. Twenty Twenty-Three har tio globala stilvariationer, som var och en visar upp en annan kombination av f\u00e4rger, typsnittsfamiljer och typsnittsstorlekar.<\/p>\n
\"Twenty
Twenty Twenty-Three\u2019s globala stilar<\/figcaption><\/figure>\n
Du hittar motsvarande JSON-filer i mappen Twenty Twenty-Three styles<\/em>.<\/p>\n
Fullst\u00e4ndiga f\u00f6rhandsvisningar av sidmallar, stilar och stilvarianter av Twenty Twenty-Three finns tillg\u00e4ngliga p\u00e5 Figma<\/a>.<\/p>\n
\"Twenty
Twenty Twenty Twenty-Three\u2019s f\u00f6rhandsgranskningar av stilvariationer i Figma<\/figcaption><\/figure>\n
Twenty Twenty-Three\u2019s typografi<\/h2>\n
I ett minimalt tema som Twenty-Three spelar typografin en viktig roll f\u00f6r att g\u00f6ra texten l\u00e4sbar, webbplatsen tilltalande och i slut\u00e4ndan ge bes\u00f6karna en givande surfupplevelse, oavsett enhet och sk\u00e4rmstorlek.<\/p>\n
F\u00f6r detta \u00e4ndam\u00e5l kommer Twenty Twenty-Three med en ny upps\u00e4ttning av typsnittsfamiljer och anv\u00e4nder Flytande Typografi som introducerades med WordPress 6.1.<\/p>\n
Typsnitt<\/h3>\n
Twenty Twenty-Three har en ny upps\u00e4ttning typsnitt som anv\u00e4nds i stilvariationer och som k\u00e4nnetecknas av enkelhet och variation:<\/p>\n