{"id":31733,"date":"2019-11-07T00:15:49","date_gmt":"2019-11-07T08:15:49","guid":{"rendered":"https:\/\/kinsta.com\/?p=55649"},"modified":"2025-05-16T14:39:11","modified_gmt":"2025-05-16T14:39:11","slug":"twenty-twenty-tema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/","title":{"rendered":"Twenty Twenty: En introduktion till WordPress nya standardtema"},"content":{"rendered":"<p>Twenty Twenty \u00e4r <a href=\"https:\/\/kinsta.com\/se\/blog\/snabbaste-wordpress-theme\/\">WordPress nya standardtema<\/a> som kommer med den <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">senaste versionen av WordPress 5.3<\/a>. Liksom f\u00f6reg\u00e5ngaren <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-nineteen-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen<\/a> har Twenty Twenty designats med s\u00e4rskilt fokus p\u00e5 <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a>. Det finns dock en stor skillnad mellan de tv\u00e5: Twenty Twenty \u00e4r inte byggt fr\u00e5n grunden; det \u00e4r utformat p\u00e5 ett befintligt tema fr\u00e5n WordPress-gemenskapen ist\u00e4llet.<\/p>\n<p>Eftersom vi \u00e4lskar allt om WordPress, tog vi en n\u00e4rmare titt p\u00e5 det nya Twenty Twenty-temat, kikade in i functions.php-filen, stilmallen och mallarna.<\/p>\n<p>\u00c4ven om Twenty Twenty \u00e4r l\u00e5ngt ifr\u00e5n att vara n\u00e5gorlunda stabil \u2013 vid skrivande stund \u2013 med <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">m\u00e5nga problem<\/a> fortfarande ol\u00f6sta, delar vi idag med oss av v\u00e5ra allra f\u00f6rsta tankar om det nya standardtemat<\/p>\n<p>L\u00e5t oss dyka in WordPress-temat Twenty Twenty!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty.jpg\" alt=\"Twenty Twenty WordPresstema-f\u00f6rhandsvisning\" width=\"1800\" height=\"1657\"><figcaption class=\"wp-caption-text\">Twenty Twenty WordPresstema-f\u00f6rhandsvisning (bildk\u00e4lla: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Snabbt intro till Twenty Twenty-temat<\/h2>\n<p>Twenty Twenty har byggts p\u00e5 <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chaplin<\/a>, ett gratis WordPress-tema av <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anders Nor\u00e9n<\/a> som ocks\u00e5 \u00e4r huvuddesigner f\u00f6r standardtemat f\u00f6r WordPress 5.3.<\/p>\n<p>Chaplin \u00e4r tillg\u00e4ngligt f\u00f6r nedladdning i <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org-arkivet<\/a> och enligt Anders har det byggts med Blockredigeraren i \u00e5tanke:<\/p>\n<blockquote><p>Chaplin \u00e4r ett funktionssp\u00e4ckat WordPress-tema som ger dig full kontroll \u00f6ver <a href=\"https:\/\/kinsta.com\/blog\/html-fonts\/\">HTML-typsnitt<\/a> och f\u00e4rger p\u00e5 din webbplats. Det \u00e4r byggt fr\u00e5n grunden med den nya Blockredigeraren i \u00e5tanke och g\u00f6r det enkelt att skapa snygga layouter p\u00e5 b\u00e5de inl\u00e4gg och sidor.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2018\/11\/chaplin.jpg\" alt=\"Chaplin WordPress-tema\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Chaplin WordPress-tema<\/figcaption><\/figure>\n<p>Samma filosofi ligger bakom Twenty Twenty: <strong>flexibilitet<\/strong>, <strong>tydlighet<\/strong> och <strong>l\u00e4sbarhet<\/strong> \u00e4r fokus-s\u00f6kord f\u00f6r det nya temat.<\/p>\n<p>Twenty Twenty kommer med en enda kolumnlayout och tre inl\u00e4ggs\/sidmallar, som syftar till att ge <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-anvanderroller\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-administrat\u00f6rer<\/a> och designers <strong>frihet att skapa sina egna layouter direkt i Blockredigeraren<\/strong> genom att dra nytta av breda och fulla anpassningar f\u00f6r blockelement som kolumner, bilder och <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\" target=\"_blank\" rel=\"noopener noreferrer\">gruppblocket<\/a> introducerat med Gutenberg 5.5.<\/p>\n<p>Som Anders f\u00f6rklarar:<\/p>\n<blockquote><p>Twenty Twenty \u00e4r utformat med flexibilitet i k\u00e4rnan. Om du vill anv\u00e4nda det f\u00f6r en organisation eller ett f\u00f6retag kan du kombinera kolumner, grupper och media med breda och fullbreda anpassningar f\u00f6r att skapa dynamiska layouter f\u00f6r att visa upp dina tj\u00e4nster eller produkter. Om du vill anv\u00e4nda det till en traditionell blogg, \u00e4r den centrerade inneh\u00e5llskolumnen perfekt f\u00f6r det ocks\u00e5.<\/p><\/blockquote>\n<p>F\u00f6rutom det kommer Twenty Twenty med ett nytt typsnitt:\u00a0<a href=\"https:\/\/rsms.me\/inter\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inter<\/a>. Det \u00e4r en <a href=\"https:\/\/github.com\/rsms\/inter\" target=\"_blank\" rel=\"noopener noreferrer\">gratis och \u00f6ppen k\u00e4llkod-typsnittsfamilj<\/a> designad av Rasmus Andersson speciellt f\u00f6r l\u00e4sbarhet f\u00f6r text med blandade versaler och gemener, s\u00e4rskilt vid sm\u00e5 teckenstorlekar.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/inter.jpg\" alt=\"Inter typsnittsfamilj\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">Inter typsnittsfamilj<\/figcaption><\/figure>\n<p>Inter ger en starkare personlighet till stora rubriker, men du f\u00e5r ut det mesta av det n\u00e4r du anv\u00e4nder det med blandade textstorlekar, som visas i tema-f\u00f6rhandsgranskningen fr\u00e5n WordPress.orgs blogginl\u00e4gg:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-pa-skrivbordet.jpg\" alt=\"twenty twenty pa-skrivbordet\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Twenty Twenty-typografi: p\u00e5verkan och l\u00e4sbarhet<\/figcaption><\/figure>\n<p>Twenty Twenty \u00e4r mer \u00e4n ett fullfj\u00e4drat tema, det \u00e4r ett tema som markerar ett viktigt nytt steg mot den framtida utvecklingen av WordPress redigerings-UI. Twenty Twenty bygger i huvudsak p\u00e5 Blockredigeraren f\u00f6r redigering och placering av inneh\u00e5llet, och p\u00e5 Theme Customizern f\u00f6r sidhuvud, sidfot och ytterligare anpassningar.<\/p>\n<p>Med det sagt \u00e4r det dags f\u00f6r oss att <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-du-ett-wordpress-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">installera detta WordPress-tema<\/a> och k\u00f6ra det.<\/p>\n<h2 id=\"installing-twenty-twenty\">S\u00e5 installerar du Twenty Twenty<\/h2>\n<p>Den kommande standardtemat kommer att f\u00f6lja <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.3 release-plan<\/a>. Detta inneb\u00e4r, vid skrivande stund, att Twenty Twenty fortfarande inte \u00e4r tillg\u00e4ngligt f\u00f6r nedladdning i WordPress tema-katalog.<\/p>\n<p>Hur som helst kan du ladda ner en p\u00e5g\u00e5ende version av Twenty Twenty p\u00e5 GitHub och installera det i den nuvarande stabila versionen av WordPress eller skaffa det med WordPress 5.3. GitHub-arkivet kommer att avvecklas n\u00e4r temat sl\u00e5s samman till <a href=\"https:\/\/kinsta.com\/docs\/support\/scope-of-support\/managed-wordpress-scope-of-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">k\u00e4rnan<\/a>. Under tiden kanske du vill spara f\u00f6ljande datum fr\u00e5n WordPress 5.3 release-schema:<\/p>\n<ul>\n<li>23 September 2019: Beta 1<\/li>\n<li>30 September 2019: Beta 2<\/li>\n<li>7 oktober 2019: Beta 3<\/li>\n<li>15 oktober 2019: Release-kandidat 1<\/li>\n<li>22 oktober 2019: Release-kandidat 2<\/li>\n<li>29 oktober 2019: Release-kandidat 3<\/li>\n<li>5 November 2019: Release-kandidat 4 (om det beh\u00f6vs)<\/li>\n<li><strong>12 November 2019: M\u00e5ldatum f\u00f6r release av WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>F\u00f6r att komma ig\u00e5ng med Twenty Twenty, f\u00f6lj stegen nedan:<\/p>\n<ol>\n<li>H\u00e4mta zip-paketet fr\u00e5n <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub<\/a>.<\/li>\n<li>Ladda upp zip-filen till din utvecklingsinstallation i <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-admin\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-panelen<\/a> eller via <a href=\"https:\/\/kinsta.com\/se\/blog\/hur-du-anvander-sftp\/\" target=\"_blank\" rel=\"noopener noreferrer\">SFTP<\/a>.<\/li>\n<li>Bl\u00e4ddra till <strong>Utseende \u2192 Teman<\/strong> och klicka p\u00e5 knappen <strong>Aktivera<\/strong> p\u00e5 temats f\u00f6rhandsgranskningsbild.<\/li>\n<li>G\u00e5 till <strong>Utseende \u2192 Anpassa<\/strong> f\u00f6r att konfigurera Twenty Twenty.<\/li>\n<\/ol>\n<p>Och det var allt! Du kan nu b\u00f6rja k\u00f6ra dina tester antingen p\u00e5 din <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\" target=\"_blank\" rel=\"noopener noreferrer\">stagingwebbplats<\/a> eller p\u00e5 din <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-wordpress-lokalt\/\" target=\"_blank\" rel=\"noopener noreferrer\">lokala milj\u00f6<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty \u00e4r f\u00f6r n\u00e4rvarande under utveckling och <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">m\u00e5nga problem<\/a> har inte \u00e5tg\u00e4rdats \u00e4nnu. Anv\u00e4nd det inte p\u00e5 produktionswebbplatsen.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-problem-num-185-1.jpg\" alt=\"Ett \u00f6ppet problem p\u00e5 GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Ett \u00f6ppet problem p\u00e5 GitHub<\/figcaption><\/figure>\n<p>Nu n\u00e4r du \u00e4r redo att g\u00e5, l\u00e5t oss g\u00e5 vidare och dyka in i WordPress-temat<strong> Twenty Twenty<\/strong>.<\/p>\n\n<h2 id=\"features\">Twenty Twenty Tema-funktioner<\/h2>\n<p>Twenty Twenty \u00e4r inte ett fullfj\u00e4drat <a href=\"https:\/\/kinsta.com\/se\/blog\/andrar-wordpresstema\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-tema<\/a>, men ett nedkrympt och minimalt tema som syftar till att ge <a href=\"https:\/\/kinsta.com\/blog\/hire-wordpress-developer\/\" target=\"_blank\" rel=\"noopener noreferrer\">utvecklare<\/a> och webbplatsadministrat\u00f6rer frihet att bygga anpassade inneh\u00e5llslayouter f\u00f6r sina inl\u00e4gg och sidor. Liksom <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-nineteen-tema\/\">Twenty Nineteen<\/a> har Twenty Twenty byggts f\u00f6r Gutenberg och f\u00f6rlitar sig mestadels p\u00e5 Gutenbergs livscykel (mer om detta \u00e4mne i <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">den h\u00e4r videon<\/a> av Matt Mullenweg p\u00e5 WCEU 2019).<\/p>\n<p>Temat st\u00f6der ett antal <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\" target=\"_blank\" rel=\"noopener noreferrer\">temafunktioner<\/a> som inneh\u00e5llsbredd (<code>580<\/code>), automatiska feed-l\u00e4nkar, <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-regenererar-du-miniatyrer\/\">inl\u00e4ggsminiatyrer<\/a>, titeltaggar och flera <a href=\"https:\/\/kinsta.com\/se\/blog\/html-vs-html5\/#what-is-html5\">HTML5<\/a>-element (s\u00f6kformul\u00e4r, kommentarformul\u00e4r, kommentarlista, galleri och bildtext).<\/p>\n<p>Andra funktioner l\u00e4gger till alternativ till <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Customizer<\/a>. Dessa inkluderar <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\" target=\"_blank\" rel=\"noopener noreferrer\">anpassade bakgrunder<\/a> och <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\" target=\"_blank\" rel=\"noopener noreferrer\">anpassad logotyp<\/a>. Kodavsnitten nedan visar dessa funktioner aktiverade i temats functions-fil:<\/p>\n<pre><code class=\"language-php\">\/\/ Custom background color\nadd_theme_support(\n\t'custom-background',\n\tarray(\n\t\t'default-color'\t=&gt; 'F5EFE0'\n\t)\n);<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Custom logo\nadd_theme_support(\n\t'custom-logo',\n\tarray(\n\t\t'height'      =&gt; 240,\n\t\t'width'       =&gt; 320,\n\t\t'flex-height' =&gt; true,\n\t\t'flex-width'  =&gt; true,\n\t\t'header-text' =&gt; array( 'site-title', 'site-description' ),\n\t)\n);<\/code><\/pre>\n<figure style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-theme-customizer.jpg\" alt=\"Theme Customizer i Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption class=\"wp-caption-text\">Theme Customizer i Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty st\u00f6der ocks\u00e5 n\u00e5gra av <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenbergs specifika egenskaper<\/a>. F\u00f6r det f\u00f6rsta st\u00f6der temat <strong>breda och fullbredds-justeringar<\/strong>:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p><strong>Redigerarens f\u00e4rgpalett<\/strong> \u00e4r aktiverad om anv\u00e4ndaren anger en accentf\u00e4rg i Customizer (aktiverad som standard):<\/p>\n<pre><code class=\"language-php\">\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n\tadd_theme_support( 'editor-color-palette', $editor_color_palette );\n}<\/code><\/pre>\n<figure style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-anpassa-farger.png\" alt=\"Anpassa f\u00e4rger i Twenty Twenty\" width=\"297\" height=\"380\"><figcaption class=\"wp-caption-text\">Anpassa f\u00e4rger i Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty-temat kommer med fyra <strong>teckensnittsstorlekar<\/strong> som finns i blockredigeraren:<\/p>\n<pre><code class=\"language-php\">\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 16,\n\t\t'slug' \t\t=&gt; 'small',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 18,\n\t\t'slug' \t\t=&gt; 'regular',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 24,\n\t\t'slug' \t\t=&gt; 'large',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 32,\n\t\t'slug' \t\t=&gt; 'larger',\n\t),\n) );<\/code><\/pre>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-teckenstorlekar .png\" alt=\"Teckenstorlekar i redigerarens blocktextinst\u00e4llningar\" width=\"280\" height=\"444\"><figcaption class=\"wp-caption-text\">Teckenstorlekar i redigerarens blocktextinst\u00e4llningar<\/figcaption><\/figure>\n<p>Och det \u00e4r allt. Temat \u00e4r ganska minimalt ocks\u00e5 i funktionalitet, men det \u00e4r l\u00e4tt att f\u00f6rl\u00e4nga med ett barntema, och vi dyker in i det om en liten stund.<\/p>\n<h2 id=\"appearance\">S\u00e5 anpassar du utseendet p\u00e5 Twenty Twenty<\/h2>\n<p>Twenty Twenty kommer fri fr\u00e5n alla extrafinesser, men ger stor flexibilitet n\u00e4r det anv\u00e4nds tillsammans med Gutenberg (eller med en bra <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/\" target=\"_blank\" rel=\"noopener noreferrer\">sidbyggare<\/a>).<\/p>\n<h3>Anpassa Twenty Twenty-temet<\/h3>\n<p><strong>Webbplatsidentitet<\/strong> hanterar <a href=\"https:\/\/kinsta.com\/blog\/hide-page-title-wordpress\/\">webbplatstitel<\/a> och tagline, logotyp och ikon. Du kan aktivera\/inaktivera alla dessa element i avsnittet <strong>Webbplatsidentitet<\/strong> i Customizer:<\/p>\n<figure style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-webbplatsidentitet .png\" alt=\"Webbplatsidentitet i Customizer-inst\u00e4llningar\" width=\"464\" height=\"508\"><figcaption class=\"wp-caption-text\">Webbplatsidentitet i Customizer-inst\u00e4llningar<\/figcaption><\/figure>\n<p>Customizer-avsnittet &#8221;<strong>Omslagsmall<\/strong>&#8221; hanterar anpassningsinst\u00e4llningarna f\u00f6r sidmallen <strong>Omslagsmall<\/strong>. D\u00e4r hittar du:<\/p>\n<ul>\n<li>Ett alternativ f\u00f6r att aktivera en parallax-effekt p\u00e5 <a href=\"https:\/\/kinsta.com\/blog\/wordpress-background-image\/\">bakgrundsbilden<\/a> (fast bakgrundsbild).<\/li>\n<li>F\u00e4rgv\u00e4ljare f\u00f6r att st\u00e4lla in din anpassade bakgrundsf\u00e4rg och textf\u00e4rg f\u00f6r overlay \u00f6ver den utvalda bilden.<\/li>\n<li>En slider f\u00f6r att styra overlay-opacitet.<\/li>\n<\/ul>\n<figure style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/omslagsmall-avsnittet-i-customizer.png\" alt=\"Omslagsmall-avsnittet i Customizer\" width=\"298\" height=\"690\"><figcaption class=\"wp-caption-text\">Omslagsmall-avsnittet i Customizer<\/figcaption><\/figure>\n<p>Avsnittet <strong>Menyer<\/strong> inneh\u00e5ller fem menyplatser. Du kan inkludera en vanlig horisontell meny i headern (<strong>Station\u00e4r horisontell meny<\/strong>) och\/eller en v\u00e4xlingsbar navigeringsmeny (<strong>Station\u00e4r expanderad meny)<\/strong>. Den <strong>mobila menyn<\/strong> \u00e4r en specifik meny f\u00f6r Mobila enheter, och <strong>Sidfotmenyn <\/strong>och <strong>Sociala menyn<\/strong> finns i sidfoten.<\/p>\n<figure style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-menyplatser.png\" alt=\"Menyplatser i Twenty Twenty\" width=\"298\" height=\"690\"><figcaption class=\"wp-caption-text\">Menyplatser i Twenty Twenty<\/figcaption><\/figure>\n<p>Sidfoten hanterar Sidfotmenyn och Sociala meny-platserna tillsammans med tv\u00e5 widget omr\u00e5den. F\u00f6ljande bild visar temats sidfot med alla dess element p\u00e5 plats:<\/p>\n<figure id=\"attachment_55668\" aria-describedby=\"caption-attachment-55668\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55668 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/09\/twenty-twenty-footer.png\" alt=\"Sidfotmall i Twenty Twenty\" width=\"1600\" height=\"1014\"><figcaption id=\"caption-attachment-55668\" class=\"wp-caption-text\">Sidfotmall i Twenty Twenty<\/figcaption><\/figure>\n<p>Slutligen, l\u00e5ter avsnittet <strong>Ytterligare CSS<\/strong> dig att inkludera dina egna stilar.<\/p>\n<h3>Enstaka Inl\u00e4gg\/Sidmallar<\/h3>\n<p>N\u00e4r det g\u00e4ller inl\u00e4gg- och sidlayouter kan du v\u00e4lja mellan tre olika mallar. F\u00f6rutom standardmallen, ger Twenty Twenty en <strong>Omslagsmall<\/strong> och en <strong>Fullbreddsmall<\/strong> du kan leka med f\u00f6r att anpassa utseendet p\u00e5 ditt inneh\u00e5ll.<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-post-page-sidmallar.png\" alt=\"Enstaka inl\u00e4gg\/sidmallar i Twenty Twenty\" width=\"279\" height=\"223\"><figcaption class=\"wp-caption-text\">Enstaka inl\u00e4gg\/sidmallar i Twenty Twenty<\/figcaption><\/figure>\n<h3>Blockredigeraren i Twenty Twenty<\/h3>\n<p>P\u00e5 grund av dess minimala tillv\u00e4gag\u00e5ngss\u00e4tt bygger Twenty Twentys utseende mestadels p\u00e5 Blockredigeraren. Vi k\u00f6r v\u00e5ra tester p\u00e5 Twenty Twenty med Gutenberg version 6.4.0. Den h\u00e4r versionen ger ett bra antal nya funktioner, f\u00f6rb\u00e4ttringar och buggfixar som v\u00e4sentligt f\u00f6rb\u00e4ttrade redigeringsupplevelsen.<\/p>\n\n<p>Vissa block kommer v\u00e4l till pass, s\u00e4rskilt n\u00e4r man bygger ensides-webbplatser. Block som <strong>Media &#038; Text<\/strong> och <strong>Omslag<\/strong> har f\u00f6rb\u00e4ttrats och ser nu bra ut n\u00e4r det g\u00e4ller att presentera produkter och\/eller professionella <a href=\"https:\/\/kinsta.com\/se\/blog\/portfoliowebbplats\/\" target=\"_blank\" rel=\"noopener noreferrer\">portfolios<\/a>:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/media-text.jpg\" alt=\"media och text\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Media &#038; Text-block (fullbredds-justering)<\/figcaption><\/figure>\n<p>Eftersom Gutenberg \u00e4r ett p\u00e5g\u00e5ende projekt, kanske du vill ta en titt p\u00e5 n\u00e5gra av de mest popul\u00e4ra pluginsen som g\u00f6r det m\u00f6jligt att l\u00e4gga till fler block till redigeraren.<\/p>\n<p>H\u00e4r \u00e4r en snabb lista \u00f6ver plugins som kan vara v\u00e4rt ett f\u00f6rs\u00f6k:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Blocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">CoBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a><\/li>\n<\/ul>\n<p>Theme Customizer och Blockredigeraren g\u00f6r ett bra jobb n\u00e4r det g\u00e4ller utseende och layout-anpassning, men ett barntema kan ge dig st\u00f6rre kontroll \u00f6ver utseendet p\u00e5 dina sidor.<\/p>\n<h2 id=\"child-theming\">S\u00e5 skapar du ett barntema f\u00f6r Twenty Twenty-temat<\/h2>\n<p>Att bygga barnteman f\u00f6r WordPress kan vara roligt och ocks\u00e5 ett bra s\u00e4tt att starta en karri\u00e4r som <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-utvecklarloner\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-temautvecklare<\/a> och Twenty Twenty kan vara ett bra f\u00f6r\u00e4ldratema n\u00e4r man bygger barnteman i WordPress. S\u00e5 varf\u00f6r g\u00f6r du inte ett f\u00f6rs\u00f6k? \ud83d\ude09<\/p>\n<p>Om du inte vet var du ska b\u00f6rja med barnteman, se till att kolla in v\u00e5r ut\u00f6kade guide om <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\" target=\"_blank\" rel=\"noopener noreferrer\">hur du skapar ett barntema i WordPress<\/a>.<\/p>\n<p>Skapa en ny katalog under <code>wp-content\/themes<\/code> och namnge det n\u00e5got som <code>twentytwenty-child<\/code> eller vad du vill.<\/p>\n<p>Bl\u00e4ddra till <code>wp-content\/themes\/twentytwenty-child<\/code> och skapa en ny <code>style.css<\/code>-fil med f\u00f6ljande rubrik:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>D\u00e4refter m\u00e5ste vi inkludera f\u00f6r\u00e4ldratemats stilmall. I samma katalog skapar du f\u00f6ljande <code>functions.php<\/code>-fil:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>G\u00e5 nu till <strong>Utseende \u2192 Teman<\/strong> och aktivera ditt barntema. Du kan nu b\u00f6rja med dina anpassningar.<\/p>\n<figure id=\"attachment_57636\" aria-describedby=\"caption-attachment-57636\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57636 size-full\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/aktivera-barntemat.jpg\" alt=\"Aktivera barntemat\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Aktivera barntemat<\/figcaption><\/figure>\n<p>Du kan \u00e4ndra n\u00e4stan vad som helst i Twenty Twenty, fr\u00e5n att l\u00e4gga till egna mallar till dina egna stilar eller \u00e4ndra temats standardformat.<\/p>\n<p>H\u00e4r visar jag dig hur du skapar en ny anpassad mall f\u00f6r enskilda inl\u00e4gg och sidor.<\/p>\n<h3>L\u00e4gga till en anpassad inl\u00e4gg\/sidmall i Twenty Twenty<\/h3>\n<p>Hittills har vi skapat ett barntema f\u00f6r Twenty Twenty och bifogat f\u00f6r\u00e4ldrastilarna till barntemats stilmall. I exemplet nedan kommer vi att g\u00f6ra oss av med sidhuvudet och sidfoten, vilket g\u00f6r plats f\u00f6r sidans kropp i en inl\u00e4gg\/sidmallfil.<\/p>\n<h3>Steg 1<\/h3>\n<p>Kopiera och klistra in f\u00f6ljande filer fr\u00e5n f\u00f6r\u00e4ldratemat till barntemats katalog:<\/p>\n<ul>\n<li>templates\/template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Steg 2<\/h3>\n<p>D\u00f6p om <code>template-full-width.php<\/code> till <code>template-canvas.php<\/code> (eller vad du vill). \u00d6ppna filen, ta bort det aktuella inneh\u00e5llet och klistra in f\u00f6ljande:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>Mallnamn<\/strong> anger namnet p\u00e5 mallfilen som du ser den i Blockredigeraren, Medan <strong>Mall inl\u00e4ggstyp<\/strong> definierar inl\u00e4ggstyperna som st\u00f6der den h\u00e4r mallfilen. Funktionen <code>get_template_part<\/code> laddar <code>singular.php<\/code>-filen fr\u00e5n f\u00f6r\u00e4ldratemat (vi beh\u00f6ver inte en kopia av den h\u00e4r filen i v\u00e5rt barntema).<\/p>\n<p>G\u00e5 till WordPress-panelen och skapa ett nytt inl\u00e4gg. Nu ska du hitta en ytterligare sidmall i avsnittet <strong>Inl\u00e4ggsattribut<\/strong>.<\/p>\n<figure id=\"attachment_57637\" aria-describedby=\"caption-attachment-57637\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57637 size-full\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/09\/twenty-twenty-inlaggsattribut.png\" alt=\"En ny mall finns i Inl\u00e4ggsattribut\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">En ny mall finns i Inl\u00e4ggsattribut<\/figcaption><\/figure>\n<h3>Steg 3<\/h3>\n<p>Och nu kommer den roliga delen. \u00d6ppna header.php i din favorit <a href=\"https:\/\/kinsta.com\/se\/blog\/basta-textredigerarna\/\" target=\"_blank\" rel=\"noopener noreferrer\">textredigerare<\/a> och sl\u00e5 in <code>header<\/code>-elementet i f\u00f6ljande <code>if<\/code>-funktion:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' );\n}<\/code><\/pre>\n<p>Den h\u00e4r koden kontrollerar om <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\" target=\"_blank\" rel=\"noopener noreferrer\">om sidmallen<\/a> inte \u00e4r <code>templates\/template-canvas.php<\/code>. Om sidmallen <strong>\u00e4r<\/strong> <code>templates\/template-canvas.php<\/code>, d\u00e5 kommer det inte att inkludera sidhuvudet och modal-menyn.<\/p>\n<p>P\u00e5 samma s\u00e4tt kan vi ta bort sidfoten fr\u00e5n en inl\u00e4ggssida n\u00e4r den aktiva sidmallen \u00e4r v\u00e5r canvas. L\u00e4gg bara till samma villkor i <code>footer.php<\/code> som visas nedan:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Du kan <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\">ladda ner koden f\u00f6r detta exempel h\u00e4r<\/a>.<\/p>\n<p>Skapa nu ett nytt inl\u00e4gg eller en sida, v\u00e4lj Canvasmallen i <strong>Inl\u00e4gg\/Sidattribut<\/strong> och kontrollera sidan p\u00e5 frontenden.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>Twenty Twenty \u00e4r ett minimalistiskt WordPress-tema, med en layout med en enda kolumn. Hur vi anv\u00e4nder det beror oftast p\u00e5 utvecklingen av Blockredigeraren. Som Anders uttryckligen s\u00e4ger:<\/p>\n<blockquote><p>&#8221;L\u00f6ftet hos Blockredigeraren \u00e4r att ge anv\u00e4ndarna frihet att designa och strukturera sina webbplatser som de sj\u00e4lva vill&#8221;.<\/p><\/blockquote>\n<p>Efter <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-nineteen-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen<\/a> \u00e4r Twenty Twenty det andra nya standardtemat i en ny generation av teman som syftar till att &#8221;till\u00e5ta byggandet av webbplatser utan manuell kodredigering&#8221;.\u00a0WordPress-webbplatser som drivs av Twenty Twenty-temat finns i alla former och storlekar. F\u00f6r att ta reda p\u00e5 om ett tema anv\u00e4nder Twenty Twenty, kolla in v\u00e5rt praktiska <a href=\"https:\/\/kinsta.com\/se\/verktyg\/wordpress-theme-detector\/\">temadetektorverktyg f\u00f6r WordPress<\/a>.<\/p>\n<p>Om du tror att Gutenberg fortfarande inte \u00e4r helt tillf\u00f6rlitlig f\u00f6r dina projekt \u00e4nnu, kan du l\u00e4gga till de block du beh\u00f6ver med plugins som de som anges ovan. Eller, helt enkelt, anv\u00e4nda en <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/\" target=\"_blank\" rel=\"noopener noreferrer\">tredjeparts sidbyggare<\/a>.<\/p>\n<p>Up to you now: install the new default WordPress theme, play around with it, and let us know what your thoughts are here in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty \u00e4r WordPress nya standardtema som kommer med den senaste versionen av WordPress 5.3. Liksom f\u00f6reg\u00e5ngaren Twenty Nineteen har Twenty Twenty designats med s\u00e4rskilt fokus &#8230;<\/p>\n","protected":false},"author":36,"featured_media":31751,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[37,29],"topic":[],"class_list":["post-31733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Twenty Twenty: En introduktion till WordPress nya standardtema<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: En introduktion till WordPress nya standardtema\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-07T08:15:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-16T14:39:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: En introduktion till WordPress nya standardtema\",\"datePublished\":\"2019-11-07T08:15:49+00:00\",\"dateModified\":\"2025-05-16T14:39:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\"},\"wordCount\":2268,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"De b\u00e4sta handledningarna f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\",\"name\":\"Twenty Twenty: En introduktion till WordPress nya standardtema\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\",\"datePublished\":\"2019-11-07T08:15:49+00:00\",\"dateModified\":\"2025-05-16T14:39:11+00:00\",\"description\":\"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty-tema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Twenty Twenty: En introduktion till WordPress nya standardtema\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty: En introduktion till WordPress nya standardtema","description":"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/","og_locale":"sv_SE","og_type":"article","og_title":"Twenty Twenty: En introduktion till WordPress nya standardtema","og_description":"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!","og_url":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2019-11-07T08:15:49+00:00","article_modified_time":"2025-05-16T14:39:11+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Carlo Daniele","Ber\u00e4knad l\u00e4stid":"14 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: En introduktion till WordPress nya standardtema","datePublished":"2019-11-07T08:15:49+00:00","dateModified":"2025-05-16T14:39:11+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/"},"wordCount":2268,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","keywords":["Gutenberg","WordPress"],"articleSection":["De b\u00e4sta handledningarna f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/","url":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/","name":"Twenty Twenty: En introduktion till WordPress nya standardtema","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","datePublished":"2019-11-07T08:15:49+00:00","dateModified":"2025-05-16T14:39:11+00:00","description":"WordPress 5.3 introducerade Twenty Twenty, ett tema fokuserat p\u00e5 Blockredigeraren Gutenberg. L\u00e4r dig alla de viktigaste funktionerna hos Twenty Twenty-temat!","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/11\/twenty-twenty-tema.png","width":1460,"height":730,"caption":"Twenty Twenty-tema"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Twenty Twenty: En introduktion till WordPress nya standardtema"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/31733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=31733"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/31733\/revisions"}],"predecessor-version":[{"id":58047,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/31733\/revisions\/58047"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/translations\/dk"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/31733\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/31751"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=31733"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=31733"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=31733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}