{"id":34904,"date":"2019-12-03T02:19:58","date_gmt":"2019-12-03T01:19:58","guid":{"rendered":"https:\/\/kinsta.com\/?p=55649"},"modified":"2023-08-24T13:49:31","modified_gmt":"2023-08-24T12:49:31","slug":"twenty-twenty-tema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/","title":{"rendered":"Twenty Twenty: En introduktion til det nye standard WordPress-tema"},"content":{"rendered":"<p>Twenty Twenty er det nye standard WordPress-tema, der kommer med <a href=\"https:\/\/kinsta.com\/blog\/wordpress-5-3\/\">den seneste version af WordPress 5.3<\/a>. Som sin forg\u00e6nger <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-nineteen-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen<\/a> er Twenty Twenty designet med et specielt fokus p\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a>. Der er dog en stor forskel mellem de to: Twenty Twenty er ikke bygget fra bunden af; det er designet til et eksisterende tema fra WordPress-samfundet i stedet.<\/p>\n<p>Da vi elsker alt om WordPress, kiggede vi n\u00e6rmere p\u00e5 det nye Twenty Twenty-tema og kiggede ind i funktionen.php-filen, stilarket og skabeloner.<\/p>\n<p>Selvom Twenty Twenty langt fra er noget stabilt &#8211; p\u00e5 tidspunktet for dette forfatterskab &#8211; med <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">mange problemer<\/a>, der stadig ikke er fikseret, deler vi i dag med dig vores allerf\u00f8rste tanker om det nye standard WordPress-tema.<\/p>\n<p>Lad os dykke ned i Twenty Twenty WordPress-temaet!<\/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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/twenty-twenty.jpg\" alt=\"Twenty Twenty preview\" width=\"1800\" height=\"1657\"><figcaption class=\"wp-caption-text\">Twenty Twenty WordPress Theme preview (Billedekilde: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Hurtig introduktion til temaet Twenty Twenty<\/h2>\n<p>Twenty Twenty er bygget p\u00e5 <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chaplin<\/a>, et gratis WordPress-tema af <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anders Nor\u00e9n<\/a>, der ogs\u00e5 er Standard Theme Design Lead for WordPress 5.3.<\/p>\n<p>Chaplin kan downloades i <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org-arkivet<\/a>, og if\u00f8lge Anders er det blevet bygget med Block Editor i tankerne:<\/p>\n<blockquote><p>Chaplin er et funktionelt pakket WordPress-tema, der giver dig fuld kontrol over <a href=\"https:\/\/kinsta.com\/blog\/html-fonts\/\">HTML skrifttyper<\/a> og farver p\u00e5 dit websted. Det er bygget fra grunden med den nye Block Editor i tankerne og g\u00f8r det nemt at skabe flotte layout p\u00e5 b\u00e5de indl\u00e6g og sider.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/11\/chaplin.jpg\" alt=\"Chaplin WordPress-tema\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Chaplin WordPress-tema<\/figcaption><\/figure>\n<p>Den samme filosofi ligger bag Twenty Twenty: <strong>fleksibilitet<\/strong>,<strong> klarhed<\/strong> og <strong>l\u00e6sbarhed<\/strong> er fokus-n\u00f8gleordene for det nye tema.<\/p>\n<p>Twenty Twenty kommer med et enkelt kolonnelayout og tre post \/ sideskabeloner, der sigter mod at give <a href=\"https:\/\/kinsta.com\/blog\/wordpress-user-roles\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-administratorer<\/a> og designere <strong>friheden til at oprette deres brugerdefinerede layout direkte i Block Editor <\/strong>ved at drage fordel af bredde og fylde med justeringer til blokelementer som kolonner, billeder og gruppeblokken introduceret med Gutenberg 5.5.<\/p>\n<p>Som Anders forklarer:<\/p>\n<blockquote><p>Twenty Twenty er designet med fleksibilitet i sin kerne. Hvis du vil bruge det til en organisation eller en virksomhed, kan du kombinere kolonner, grupper og medier med brede og fulde justeringer for at oprette dynamiske layouts for at vise dine tjenester eller produkter. Hvis du vil bruge den til en traditionel blog, g\u00f8r den centrerede indholdss\u00f8jle den perfekt til det.<\/p><\/blockquote>\n<p>Derudover kommer Twenty Twenty med et nyt skrifttype: <a href=\"https:\/\/rsms.me\/inter\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inter<\/a>. Det er en <a href=\"https:\/\/github.com\/rsms\/inter\" target=\"_blank\" rel=\"noopener noreferrer\">gratis og open source-fontfamilie<\/a> designet af Rasmus Andersson specielt til l\u00e6sbarhed af tekst med sm\u00e5 og sm\u00e5 bogstaver, is\u00e6r med sm\u00e5 skrifttypest\u00f8rrelser.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/familien-inter-skrifttype.jpg\" alt=\"Familien Inter-skrifttype\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">Familien Inter-skrifttype<\/figcaption><\/figure>\n<p>Inter giver store overskrifter en st\u00e6rkere personlighed, men du f\u00e5r mest ud af det, n\u00e5r du bruger det med skiftede tekstst\u00f8rrelser, som vist i temaforh\u00e5ndsvisningen fra WordPress.org-blogindl\u00e6gget:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/twenty-twenty-typography.jpg\" alt=\"Twenty Twenty typografi: p\u00e5virkning og l\u00e6sbarhed\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Twenty Twenty typografi: p\u00e5virkning og l\u00e6sbarhed<\/figcaption><\/figure>\n<p>Mere end et fuldt udstyret tema, Twenty Twenty er et tema, der markerer et vigtigt nyt skridt mod den fremtidige udvikling af WordPress&#8217; redigeringsgr\u00e6nseflade. Twenty Twenty er i det v\u00e6sentlige afh\u00e6ngige af Block Editor til redigering og layout af indholdet og p\u00e5 Theme Customizer til header, sidefod og yderligere tilpasninger.<\/p>\n<p>N\u00e5r det er sagt, er det tid for os at <a href=\"https:\/\/kinsta.com\/dk\/blog\/sadan-installeres-wordpress-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">installere dette WordPress-tema<\/a> og k\u00f8re det.<\/p>\n<h2 id=\"installing-twenty-twenty\">S\u00e5dan installeres Twenty Twenty<\/h2>\n<p>Det kommende standardtema f\u00f8lger <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.3-frig\u00f8relsesplanen<\/a>. Det betyder, at p\u00e5 det tidspunkt, dette skrives, er Twenty Twenty stadig ikke tilg\u00e6ngelige til download i WordPress tema depotet.<\/p>\n<p>I hvert fald kan du downloade en igangv\u00e6rende version af Twenty Twenty p\u00e5 GitHub og installere den i den aktuelle stabile version af WordPress eller f\u00e5 den med WordPress 5.3. Github-depotet udskrives, n\u00e5r temaet er fusioneret til <a href=\"https:\/\/kinsta.com\/docs\/support\/scope-of-support\/managed-wordpress-scope-of-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">kernen<\/a>. I mellemtiden \u00f8nsker du m\u00e5ske at gemme f\u00f8lgende datoer fra WordPress 5.3-frig\u00f8relsesplan:<\/p>\n<ul>\n<li>september 2019: Beta 1<\/li>\n<li>september 2019: Beta 2<\/li>\n<li>oktober 2019: Beta 3<\/li>\n<li>oktober 2019: Frig\u00f8relse af kandidat 1<\/li>\n<li>oktober 2019: Frig\u00f8relse af kandidat 2<\/li>\n<li>oktober 2019: Frig\u00f8relse af kandidat 3<\/li>\n<li>november 2019: Frig\u00f8relse af kandidat 4 (hvis n\u00f8dvendigt)<\/li>\n<li><strong> november 2019: M\u00e5ldato for frigivelse af WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>F\u00f8lg nedenst\u00e5ende trin for at komme i gang med Twenty Twenty:<\/p>\n<ul>\n<li>Hent zip-pakken fra <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub<\/a>.<\/li>\n<li>Upload zip-filen til din udviklingsinstallation i <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-dashboard<\/a> eller via <a href=\"https:\/\/kinsta.com\/dk\/blog\/saadan-bruger-du-sftp\/\" target=\"_blank\" rel=\"noopener noreferrer\">SFTP<\/a>.<\/li>\n<li>Gennemse til <strong>Udseende \u2192 Temaer<\/strong>, og klik p\u00e5 Aktiv\u00e9r-knappen p\u00e5 tematets eksempelbillede.<\/li>\n<li>G\u00e5 til <strong>Udseende \u2192 Tilpas<\/strong> for at konfigurere 20 Twenty Twenty.<\/li>\n<\/ul>\n<p>Og det er det! Du kan nu begynde at k\u00f8re dine test enten p\u00e5 dit <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\" target=\"_blank\" rel=\"noopener noreferrer\">scenesite<\/a> eller p\u00e5 dit <a href=\"https:\/\/kinsta.com\/dk\/blog\/installeres-wordpress-lokalt\/\" target=\"_blank\" rel=\"noopener noreferrer\">lokale milj\u00f8<\/a><\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty er i \u00f8jeblikket under udvikling, og <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">mange problemer<\/a> er endnu ikke rettet. Du b\u00f8r ikke bruge det i produktionen.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/et-abent-emne-pa-github.jpg\" alt=\"Et \u00e5bent emne p\u00e5 GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Et \u00e5bent emne p\u00e5 GitHub<\/figcaption><\/figure>\n<p>Nu hvor du er klar til at g\u00e5, lad os g\u00e5 videre og dykke i <strong>Twenty Twenty<\/strong> WordPress-temaet.<\/p>\n<h2 id=\"features\">Twenty Twenty&#8217;s Theme Features<\/h2>\n<p>Twenty Twenty er ikke et fuldt udstyret <a href=\"https:\/\/kinsta.com\/dk\/blog\/aenders-wordpress-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-tema<\/a>, men et indskr\u00e6nket og minimalt tema, der sigter mod at give <a href=\"https:\/\/kinsta.com\/blog\/hire-wordpress-developer\/\" target=\"_blank\" rel=\"noopener noreferrer\">udviklere<\/a> og site admins friheden til at oprette tilpassede indholdslayouts til deres indl\u00e6g og sider. Ligesom <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-nineteen-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen<\/a> er Twenty Twenty blevet bygget til Gutenberg og afh\u00e6nger hovedsageligt af Gutenbergs livscyklus (mere om dette emne i <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">denne video<\/a> af Matt Mullenweg p\u00e5 WCEU 2019).<\/p>\n<p>Temaet underst\u00f8tter en r\u00e6kke <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\" target=\"_blank\" rel=\"noopener noreferrer\">temafunktioner<\/a> som indholdsbredde (<code>580<\/code>), automatiske feedlink, <a href=\"https:\/\/kinsta.com\/dk\/blog\/genoprettes-thumbnails\/\">indl\u00e6gs-miniaturer<\/a>, titel tag og flere <a href=\"https:\/\/kinsta.com\/blog\/html-vs-html5\/#what-is-html5\">HTML5-elementer<\/a> (s\u00f8geform, kommentarform, kommentarliste, galleri og billedtekst).<\/p>\n<p>Andre funktioner tilf\u00f8jer indstillinger til <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Customizer<\/a>. Disse inkluderer <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\" target=\"_blank\" rel=\"noopener noreferrer\">tilpassede baggrunde<\/a> og <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\" target=\"_blank\" rel=\"noopener noreferrer\">brugerdefineret logo<\/a>. Kodestykker herunder viser disse funktioner aktiveret i temaets funktionsfil:<\/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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/tema-tilpasser-twenty-twenty.jpg\" alt=\"Tema-tilpasser i Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption class=\"wp-caption-text\">Tema-tilpasser i Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty underst\u00f8tter ogs\u00e5 nogle af <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenbergs specifikke funktioner<\/a>. F\u00f8rst underst\u00f8tter temaet<strong> brede og fulde bredde tilpasninger:<\/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>Editorens farvepalet<\/strong> er aktiveret, hvis brugeren indstiller en accentfarve i Customizer (aktiveret 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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/tilpasning-af-farver-twenty-twenty.png\" alt=\"Tilpasning af farver i Twenty Twenty\" width=\"297\" height=\"380\"><figcaption class=\"wp-caption-text\">Tilpasning af farver i Twenty Twenty<\/figcaption><\/figure>\n<p>Temaet Twenty Twenty leveres med fire <strong>editor-fontst\u00f8rrelser<\/strong>, der er tilg\u00e6ngelige i Block Editor:<\/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', ''Navn p\u00e5 den lille skriftst\u00f8rrelse i Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', ''Kort navn p\u00e5 den lille skriftst\u00f8rrelse i Gutenberg.', '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', ''Navn p\u00e5 den almindelige skriftst\u00f8rrelse i 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', 'Kort navn p\u00e5 den almindelige skriftst\u00f8rrelse i Gutenberg-editoren.', '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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/skriftstorrelser-twenty-twenty.png\" alt=\"Skriftst\u00f8rrelser i redakt\u00f8rens blok Tekstindstillinger\" width=\"280\" height=\"444\"><figcaption class=\"wp-caption-text\">Skriftst\u00f8rrelser i redakt\u00f8rens blok Tekstindstillinger<\/figcaption><\/figure>\n<p>Og det er det. Temaet er ogs\u00e5 ganske minimalt i funktionalitet, men det kan let udvides med et underordnet tema, og vi vil dykke ind i det om et \u00f8jeblik.<\/p>\n<h2 id=\"appearance\">S\u00e5dan tilpasses udseendet p\u00e5 Twenty Twenty<\/h2>\n<p>Twenty Twenty kommer fri for en masse l\u00e6kre features, men giver stor fleksibilitet, n\u00e5r det bruges sammen med Gutenberg (eller med en god <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/\">sidebygger<\/a>).<\/p>\n<h3>Tilpasning af Twenty Twenty tema<\/h3>\n<p><strong>Site Identity<\/strong> h\u00e5ndterer <a href=\"https:\/\/kinsta.com\/dk\/blog\/skjuler-side-posttitler-wordpress\/\">webstitens titel<\/a> og tagline, logo og ikon. Du kan aktivere \/ deaktivere alle disse elementer i afsnittet <strong>Site Identity <\/strong>i Customizer:<\/p>\n<figure style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/webstedsidentitet.png\" alt=\"Webstedsidentitet i Customizer's indstillinger\" width=\"464\" height=\"508\"><figcaption class=\"wp-caption-text\">Webstedsidentitet i Customizer&#8217;s indstillinger<\/figcaption><\/figure>\n<p>Afsnittet Customizers <strong>Cover Template<\/strong> h\u00e5ndterer tilpasningsindstillingerne for sideskabelonen til <strong>Cover Template<\/strong>. Der finder du:<\/p>\n<ul>\n<li>En mulighed for at aktivere en parallax effekt p\u00e5 <a href=\"https:\/\/kinsta.com\/blog\/wordpress-background-image\/\">baggrundsbilledet<\/a> (Fast baggrundsbillede).<\/li>\n<li>Farvev\u00e6lger til at indstille din brugerdefinerede baggrundsfarve og tekstfarve til det fremh\u00e6vede billedoverlay.<\/li>\n<li>En skyder til at kontrollere overlayets opacitet.<\/li>\n<\/ul>\n<figure style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/afsnittet-cover-template-i-customizer.png\" alt=\"Afsnittet Cover Template i Customizer\" width=\"298\" height=\"690\"><figcaption class=\"wp-caption-text\">Afsnittet Cover Template i Customizer<\/figcaption><\/figure>\n<p><strong>Menusektionen<\/strong> indeholder fem menuplaceringer. Du kan inkludere en almindelig vandret menu i overskriften (<strong>Desktop Horizontal Menu<\/strong>) og \/ eller en skiftbar navigationsmenu (<strong>Desktop Expanded Menu<\/strong>). <strong>Mobilmenuen<\/strong> er en bestemt menu til mobile enheder, og <strong>Footer Menu<\/strong> og <strong>Social Menu<\/strong> findes i sidefoden.<\/p>\n<figure style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/menupositioner-twenty-twenty.png\" alt=\"Menupositioner i Twenty Twenty\" width=\"298\" height=\"690\"><figcaption class=\"wp-caption-text\">Menupositioner i Twenty Twenty<\/figcaption><\/figure>\n<p>Sidefoden h\u00e5ndterer placering af sidefoden og Social menu sammen med to widgetomr\u00e5der. F\u00f8lgende billede viser sidefoden med temaet med alle dets elementer p\u00e5 plads:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/skabelonfodtekst-twenty-twenty.png\" alt=\"Skabelonfodtekst i Twenty Twenty\" width=\"1600\" height=\"1014\"><figcaption class=\"wp-caption-text\">Skabelonfodtekst i Twenty Twenty<\/figcaption><\/figure>\n<p>Endelig tillader afsnittet <strong>Yderligere CSS<\/strong> dig at inkludere dine tilpassede stilarter.<\/p>\n<h3>Enkelt indl\u00e6g \/ sideskabeloner<\/h3>\n<p>N\u00e5r det kommer til indl\u00e6g og sidelayout, kan du v\u00e6lge mellem tre forskellige skabeloner. Udover standardskabelonen giver Twenty Twenty en <strong>Cover-skabelon<\/strong> og en fuld <strong>bredde-skabelon<\/strong>, du kan lege med for at tilpasse udseendet og fornemmelsen af dit indhold.<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/indlaeg-sideskabeloner-twenty-twenty.png\" alt=\"Enkelt indl\u00e6g \/ sideskabeloner i Twenty Twenty\" width=\"279\" height=\"223\"><figcaption class=\"wp-caption-text\">Enkelt indl\u00e6g \/ sideskabeloner i Twenty Twenty<\/figcaption><\/figure>\n<h3>Blokeditoren i Twenty Twenty<\/h3>\n<p>P\u00e5 grund af sin minimale tilgang\u00a0er Twenty Twenty&#8217;s udseende mest afh\u00e6ngig af Block Editor. Vi k\u00f8rer vores tests p\u00e5 Twenty Twenty med Gutenberg version 6.4.0. Denne version giver et godt antal nye funktioner, forbedringer og fejlrettelser, der forbedrede redigeringsoplevelsen markant.<\/p>\n<p>Nogle blokke er nyttige, is\u00e6r n\u00e5r man bygger websteder p\u00e5 en side. Blokke som <strong>Media &#038; Text <\/strong>og <strong>Cover<\/strong> er blevet forbedret og ser nu godt ud, n\u00e5r det kommer til at pr\u00e6sentere produkter og \/ eller professionelle <a href=\"https:\/\/kinsta.com\/dk\/blog\/portfolio-hjemmeside\/\" target=\"_blank\" rel=\"noopener noreferrer\">portef\u00f8ljer<\/a>:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/medie-tekst.jpg\" alt=\"Medie- og tekstblok\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Medie- og tekstblok (fuld med justering)<\/figcaption><\/figure>\n<p>Da Gutenberg stadig er et igangv\u00e6rende projekt, kan du m\u00e5ske tage et kig p\u00e5 nogle af de mest popul\u00e6re plugins, der giver mulighed for at tilf\u00f8je flere blokke til redakt\u00f8ren.<\/p>\n<p>Her er en hurtig liste over plugins, der kan v\u00e6re v\u00e6rd at pr\u00f8ve:<\/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 og Block Editor g\u00f8r et godt stykke arbejde, n\u00e5r det kommer til udseende og layout tilpasning, men et child theme kan give dig st\u00f8rre kontrol over udseendet og f\u00f8lelsen af \u200b\u200bdine sider.<\/p>\n<h2 id=\"child-theming\">S\u00e5dan opretter du et child theme til det Twenty Twenty tema<\/h2>\n<p>At opbygge child themes til WordPress kan v\u00e6re sjovt og ogs\u00e5 en god m\u00e5de at starte en karriere som <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-udviklerlon\/\">WordPress-temaudvikle<\/a>r p\u00e5 og Twenty Twenty kunne v\u00e6re et godt parent theme, n\u00e5r man bygger child temaer i WordPress. S\u00e5 hvorfor pr\u00f8ver du ikke det? \ud83d\ude09<\/p>\n<p>Hvis du ikke ved, hvor du skal starte med underordnede temaer, skal du s\u00f8rge for at se vores udvidede guide til <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-child-theme\/\">S\u00e5dan opretter du et child theme i WordPress<\/a>.<\/p>\n<p>Lad os nu opbygge vores f\u00f8rste child theme for Twenty Twenty!<\/p>\n<p>Opret et nyt bibliotek under <code>wp-content\/themes<\/code>, og navngiv det noget som <code>twentytwenty-child<\/code> eller hvad du end vil.<\/p>\n<p>Gennemse til <code>wp-content\/temes\/twentytwenty-child<\/code> og opret en ny <code>style.css-fil<\/code> med f\u00f8lgende overskrift:<\/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>Dern\u00e6st skal vi medtage det overordnede tema\u2019s stilark. Opret i samme bibliotek f\u00f8lgende <code>funktioner.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 til <strong>Udseende \u2192 Temaer<\/strong> og aktiver dit child theme. Du kan nu starte med dine tilpasninger.<\/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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/aktiver-child-theme.jpg\" alt=\"Aktiv\u00e9r child theme\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Aktiv\u00e9r child theme<\/figcaption><\/figure>\n<p>Du kan \u00e6ndre n\u00e6sten alt i 20 Twenty Twenty, fra tilf\u00f8jelse af tilpassede skabeloner til tilf\u00f8jelse af dine brugerdefinerede stilarter eller \u00e6ndring af temaets standardformater.<\/p>\n<p>Her vil jeg vise dig, hvordan du opretter en ny brugerdefineret skabelon til enkeltindl\u00e6g og sider.<\/p>\n<h3>Tilf\u00f8jelse af en brugerdefineret post \/ sideskabelon i Twenty Twenty<\/h3>\n<p>Indtil videre har vi oprettet et child theme for Twenty Twenty og knyttet de overordnede stilarter til child themes typografiark. I eksemplet herunder slipper vi for overskriften og sidefoden og g\u00f8r plads til sidens body i et indl\u00e6g \/ sideskabelonfil.<\/p>\n<h3>Trin 1<\/h3>\n<p>Kopier og inds\u00e6t f\u00f8lgende filer fra overordnet tema til bibliotekets child theme:<\/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>Trin 2<\/h3>\n<p>Omd\u00f8b <code>template-full-width.php<\/code> til <code>template-canvas.php<\/code> (eller hvad du end vil). \u00c5bn filen, slet det aktuelle indhold, og inds\u00e6t f\u00f8lgende:<\/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>Skabelonnavn <\/strong> indstiller navnet p\u00e5 skabelonfilen, som du kan se den i Block Editor, mens <strong>skabelonens posttype <\/strong> definerer de posttyper, der underst\u00f8tter denne skabelonfil. Funktionen <code>get_template_part<\/code> indl\u00e6ser <code>singular.php<\/code> fra overordnet tema (vi har ikke brug for en kopi af denne fil i vores child theme).<\/p>\n<p>G\u00e5 til WordPress-betjeningspanelet, og opret et nyt indl\u00e6g. Nu vil du finde en yderligere sideskabelon i afsnittet <strong>Indl\u00e6g Attributter<\/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\/dk\/wp-content\/uploads\/sites\/12\/2019\/09\/indlaegs-attributter.png\" alt=\"En ny skabelon er tilg\u00e6ngelig i indl\u00e6gs-attributter\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">En ny skabelon er tilg\u00e6ngelig i indl\u00e6gs-attributter<\/figcaption><\/figure>\n<h3>Trin 3<\/h3>\n<p>Og nu kommer den sjove del. \u00c5bn <code>header.php<\/code> i din foretrukne <a href=\"https:\/\/kinsta.com\/dk\/blog\/bedste-teksteditorer\/\">teksteditor<\/a>, og indpak <code>header<\/code> elementet inde i f\u00f8lgende, <code>if<\/code> s\u00e6tning:<\/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>Denne kode kontrollerer, om <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\" target=\"_blank\" rel=\"noopener noreferrer\">sideskabelonen<\/a> ikke er <code>templates\/template-canvas.php<\/code>. Hvis sideskabelonen er <strong>is<\/strong> <code>templates\/template-canvas.php<\/code>, inkluderer den ikke webstedsoverskriften og modalmenuen.<\/p>\n<p>P\u00e5 samme m\u00e5de kan vi fjerne sidefoden fra en postside, n\u00e5r den aktive sideskabelon er vores l\u00e6rred. Bare tilf\u00f8j den samme betingelse i <code>footer.php<\/code> som vist nedenfor:<\/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\" target=\"_blank\" rel=\"noopener noreferrer\">downloade koden til dette eksempel her<\/a>.\u00a0Opret nu et nyt indl\u00e6g eller en side, v\u00e6lg l\u00e6rredskabelonen i egenskaber for indl\u00e6g \/ side og kontroller siden p\u00e5 forsiden.<\/p>\n\n<h2>Resum\u00e9<\/h2>\n<p>Twenty Twenty er et minimalistisk WordPress-tema med et enkelt kolonnelayout. Den m\u00e5de, vi bruger den p\u00e5, afh\u00e6nger hovedsageligt af udviklingen af \u200b\u200bBlock Editor. Som Anders udtrykkeligt siger det:<\/p>\n<blockquote><p>\u201dL\u00f8ftet fra Block Editor er at give brugerne friheden til at designe og strukturere deres websteder, som de synes passende\u201d.<\/p><\/blockquote>\n<p>Efter <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-nineteen-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen<\/a> er det nye Twenty Twenty standardtema det andet i en ny generation af temaer, der sigter mod at &#8220;tillade opbygning af websteder uden manuel kodedigering&#8221;. WordPress-websteder drevet af Twenty Twenty-temaet kommer i alle former og st\u00f8rrelser. For at finde ud af, om et tema bruger Twenty Twenty, skal du tjekke vores praktiske <a href=\"https:\/\/kinsta.com\/dk\/v\u00e6rkt\u00f8jer\/wordpress-theme-detector\/\">WordPress-tema detektor v\u00e6rkt\u00f8j<\/a>.<\/p>\n<p>Hvis du mener, at Gutenberg stadig ikke er helt p\u00e5lidelig til dine projekter endnu, kan du tilf\u00f8je de blokke, du har brug for med plugins som dem, der er anf\u00f8rt ovenfor. Eller simpelthen kan du omfavne en <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/\" target=\"_blank\" rel=\"noopener noreferrer\">tredjeparts sidebygger<\/a>.<\/p>\n<p>Op til dig nu: Installer det nye standard WordPress-tema, leg med det, og lad os vide, hvad dine tanker er her i kommentarerne!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty er det nye standard WordPress-tema, der kommer med den seneste version af WordPress 5.3. Som sin forg\u00e6nger Twenty Nineteen er Twenty Twenty designet med &#8230;<\/p>\n","protected":false},"author":36,"featured_media":34938,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[41,2],"topic":[764],"class_list":["post-34904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-wordpress-temaer"],"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 til det nye standard WordPress-tema<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!\" \/>\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\/dk\/blog\/twenty-twenty-tema\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: En introduktion til det nye standard WordPress-tema\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-03T01:19:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T12:49:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.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 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: En introduktion til det nye standard WordPress-tema\",\"datePublished\":\"2019-12-03T01:19:58+00:00\",\"dateModified\":\"2023-08-24T12:49:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\"},\"wordCount\":2229,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Bedste WordPress Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\",\"name\":\"Twenty Twenty: En introduktion til det nye standard WordPress-tema\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png\",\"datePublished\":\"2019-12-03T01:19:58+00:00\",\"dateModified\":\"2023-08-24T12:49:31+00:00\",\"description\":\"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png\",\"width\":1460,\"height\":730,\"caption\":\"Twenty Twenty tema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress temaer\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-temaer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twenty Twenty: En introduktion til det nye standard WordPress-tema\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"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\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/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\/dk\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty: En introduktion til det nye standard WordPress-tema","description":"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!","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\/dk\/blog\/twenty-twenty-tema\/","og_locale":"da_DK","og_type":"article","og_title":"Twenty Twenty: En introduktion til det nye standard WordPress-tema","og_description":"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!","og_url":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2019-12-03T01:19:58+00:00","article_modified_time":"2023-08-24T12:49:31+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Carlo Daniele","Estimeret l\u00e6setid":"14 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: En introduktion til det nye standard WordPress-tema","datePublished":"2019-12-03T01:19:58+00:00","dateModified":"2023-08-24T12:49:31+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/"},"wordCount":2229,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","keywords":["Gutenberg","WordPress"],"articleSection":["Bedste WordPress Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/","url":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/","name":"Twenty Twenty: En introduktion til det nye standard WordPress-tema","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","datePublished":"2019-12-03T01:19:58+00:00","dateModified":"2023-08-24T12:49:31+00:00","description":"WordPress 5.3 introducerede Twenty Twenty, et tema fokuseret p\u00e5 Block Editor Gutenberg. L\u00e6r alle de vigtigste funktioner i temaet Twenty Twenty!","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/12\/twenty-twenty-teme.png","width":1460,"height":730,"caption":"Twenty Twenty tema"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-tema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress temaer","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-temaer\/"},{"@type":"ListItem","position":3,"name":"Twenty Twenty: En introduktion til det nye standard WordPress-tema"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","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\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/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\/dk\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/34904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=34904"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/34904\/revisions"}],"predecessor-version":[{"id":42026,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/34904\/revisions\/42026"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/translations\/dk"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/34904\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/34938"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=34904"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=34904"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=34904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}