{"id":42452,"date":"2022-01-26T14:26:59","date_gmt":"2022-01-26T13:26:59","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=42452&#038;preview=true&#038;preview_id=42452"},"modified":"2023-08-24T11:43:11","modified_gmt":"2023-08-24T10:43:11","slug":"twenty-twenty-two-bloktemaer","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/","title":{"rendered":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer"},"content":{"rendered":"<p>Selvom det er lidt senere end oprindeligt planlagt, f\u00e5r vi et nyt WordPress-standardtema. Navnet er Twenty Twenty-Two!<\/p>\n<p>Det nye WordPress-standardtema kommer med den udgivelse af <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.9<\/a>. Vi var nysgerrige efter at l\u00e6re mere om det nye tema, s\u00e5 vi installerede og testede Twenty Twenty-Two p\u00e5 et <a href=\"https:\/\/kinsta.com\/dk\/devkinsta\/\">lokalt udviklingsmilj\u00f8<\/a>, der k\u00f8rer <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.9<\/a>.<\/p>\n<p>Vi viser dig vores resultater, f\u00f8r vi afslutter vores tanker for at give dig et dybdeg\u00e5ende overblik over det nye WordPress-tema.<\/p>\n<figure id=\"attachment_110731\" aria-describedby=\"caption-attachment-110731\" style=\"width: 2560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110731 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2.jpg\" alt=\"En forh\u00e5ndsvisning af Twenty Twenty-Two, det nye WordPress-standardtema\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">En forh\u00e5ndsvisning af Twenty Twenty-Two, det nye WordPress-standardtema (Billedekilde: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">Twenty Twenty-Two<\/a> er designet til at v\u00e6re det mest fleksible, lette og tilpasselige standardtema nogensinde. Det giver en fantastisk legeplads til at teste blokke, m\u00f8nstre og skabeloner.<\/p>\n<p>Da det er et bloktema, vil det hj\u00e6lpe dig med bedre at udforske fuld redigering af et websted, globale stilarter, navigationsblokke og de nye billedgallerier, som er de mest ventede funktioner, der kommer med WordPress 5.9.<\/p>\n<p>Vi m\u00e5 sige med det samme, at <strong>Twenty Twenty-Two er det f\u00f8rste standard bloktema!<\/strong><\/p>\n<p>Et af de mest ambiti\u00f8se m\u00e5l med det nye tema er at <strong>styrke brugerne<\/strong>. Med s\u00e5 mange m\u00f8nstre og skabeloner tilg\u00e6ngelige direkte, kan brugere bygge komplekse layouts med kun et par klik. Resten er kun stiltilpasning.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty-Two vil blive frigivet med WordPress 5.9. Temaet er stadig under udvikling i skrivende stund, og det, der rapporteres her, kan \u00e6ndre sig v\u00e6sentligt f\u00f8r den endelige udgivelse.<\/p>\n<\/aside>\n\n<p>Fra et teknisk synspunkt er det ikke meget anderledes at skrive om Twenty Twenty-Two fra at skrive om de nyeste og mest kraftfulde funktioner, der kommer med WordPress 5.9. Men Twenty Twenty-Two giver os et forst\u00f8rrelsesglas for bedre at kunne v\u00e6rds\u00e6tte de nye websted redigeringsfunktion og f\u00e5 en bedre id\u00e9 om platformens fremtid.<\/p>\n<p>S\u00e5 her skal vi introducere dig til det nye tema.<\/p>\n<p>F\u00f8rst vil vi udforske det nye <strong>websted redigeringsflow<\/strong>, som brugerne vil opleve med WordPress 5.9 og Twenty Twenty-Two.<\/p>\n<p>Derefter dykker vi ned i hovedbloktema-funktionerne implementeret i Twenty Twenty-Two. Du l\u00e6rer <strong>Global Styles, blokm\u00f8nstre, skabeloner og skabelon dele<\/strong> at kende.<\/p>\n<p>Men der er meget mere at sige om Twenty Twenty-Two og WordPress-bloktemaer. S\u00e5 som et bonuskapitel giver vi et hurtigt overblik over, hvordan man udvider Twenty Twenty-Twos funktioner ved at drage fordel af filen<strong> theme.json<\/strong>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1445800581189160968<\/p>\n<p>Lad os komme i gang med arbejdet og dykke ned i det helt nye Twenty Twenty-Two WordPress-standardtema.<\/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<h2>Twenty Twenty-Two bringer et nyt websteds redigeringsflow<\/h2>\n<p>Adskillige funktioner til fuld redigering af websteder kommer ind i kernen med WordPress 5.9. Webstedsejere, der bruger den seneste WordPress-version med et bloktema, s\u00e5som Twenty Twenty-Two installeret, vil snart v\u00e6re i stand til at:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\">Opret og rediger indl\u00e6g og sider<\/a> ved hj\u00e6lp af flere blokke og m\u00f8nstre<\/li>\n<li>Tilpas de <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">indstillinger og stilarter<\/a>, der er defineret i filen <strong>theme.json<\/strong>\u00a0via Global Styles-gr\u00e6nsefladen<\/li>\n<li>Opret og rediger skabeloner til sider og indl\u00e6g<\/li>\n<li>Opret og rediger template parts til header, footer og andre skabelonomr\u00e5der<\/li>\n<\/ul>\n<p>Med alle disse funktioner sl\u00e5et sammen til kernen, har WordPress kerne-bidragydere diskuteret <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">udviklingen af informationsarkitekturen<\/a>\u00a0og redesignet hele\u00a0<a class=\"c-link\" href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\" data-sk=\"tooltip_parent\" data-remove-tab-index=\"true\">websteds redigeringsflow<\/a>.<\/p>\n<p>Det f\u00f8rste, du m\u00e5ske bem\u00e6rker, n\u00e5r du har aktiveret Twenty Twenty-Two, er, at indgangspunktet til webstedseditoren ikke l\u00e6ngere er placeret i hovedmenuen p\u00e5 dit WordPress-dashboard, men er blevet flyttet under menuen <strong>Udseende<\/strong>.<\/p>\n<figure id=\"attachment_110738\" aria-describedby=\"caption-attachment-110738\" style=\"width: 1980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110738 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-menu-wp-59.jpg\" alt=\"Den nye Udseende-menu i WordPress 5.9\" width=\"1980\" height=\"952\"><figcaption id=\"caption-attachment-110738\" class=\"wp-caption-text\">Den nye Udseende-menu i WordPress 5.9<\/figcaption><\/figure>\n<p>At bringe skabelonen og stilredigeringsfunktionerne under den samme <strong>Udseende-menu<\/strong> b\u00f8r str\u00f8mline redigeringsoplevelsen. Det skulle g\u00f8re det lettere at forst\u00e5, at de funktioner, du har adgang til, vedr\u00f8rer pr\u00e6sentationen af dine sider.<\/p>\n\n<p>Menupunktet <strong>Editor<\/strong> \u00e5bner webstedets hjemmesideskabelon. Afh\u00e6ngigt af dine l\u00e6seindstillinger kan dette enten v\u00e6re din seneste indl\u00e6gsside eller en statisk side.<\/p>\n<figure id=\"attachment_110740\" aria-describedby=\"caption-attachment-110740\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110740 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-site-editor.jpg\" alt=\"Webstedseditoren i WordPress 5.9 med Twenty Twenty-Two\" width=\"2130\" height=\"1002\"><figcaption id=\"caption-attachment-110740\" class=\"wp-caption-text\">Webstedseditoren i WordPress 5.9 med Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Nu, ved at klikke p\u00e5 WordPress-ikonet i \u00f8verste venstre hj\u00f8rne, vises en ny <a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">webstedseditor-navigationsmenu<\/a>, inklusive tre menupunkter: <strong>websted, skabeloner<\/strong> og <strong>template parts<\/strong>.<\/p>\n<p>Lad os se n\u00e6rmere.<\/p>\n<figure id=\"attachment_110741\" aria-describedby=\"caption-attachment-110741\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110741 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editor-navigation-menu.jpg\" alt=\"Editorens navigationsmenu\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">Editorens navigationsmenu<\/figcaption><\/figure>\n<p>Indstillingen <strong>Site<\/strong> \u00e5bner hjemmeside skabelonen (seneste blogartikler eller statisk startside).<\/p>\n<p>Fra menupunktet <strong>Skabeloner<\/strong> f\u00e5r du en liste over de tilg\u00e6ngelige skabeloner. Du kan klikke p\u00e5 en hvilken som helst skabelon p\u00e5 listen for at starte den i editoren.<\/p>\n<p>Pt har Twenty Twenty-Two 11 skabeloner.<\/p>\n<figure id=\"attachment_110746\" aria-describedby=\"caption-attachment-110746\" style=\"width: 2132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110746 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-templates.jpg\" alt=\"Twenty Twenty-Two skabeloner.\" width=\"2132\" height=\"1218\"><figcaption id=\"caption-attachment-110746\" class=\"wp-caption-text\">Twenty Twenty-Two skabeloner.<\/figcaption><\/figure>\n<p>Ved at klikke p\u00e5 ellipse-ikonet (<strong>\ufe19<\/strong>) til h\u00f8jre kan du rydde dine tilpasninger.<\/p>\n<figure id=\"attachment_111357\" aria-describedby=\"caption-attachment-111357\" style=\"width: 1378px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111357 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-clear-customizations.jpg\" alt=\"Ryd skabelontilpasninger\" width=\"1378\" height=\"686\"><figcaption id=\"caption-attachment-111357\" class=\"wp-caption-text\">Ryd skabelontilpasninger<\/figcaption><\/figure>\n<p>I mods\u00e6tning til temaskabeloner kan brugerdefinerede skabeloner kun omd\u00f8bes eller fjernes (men du kan <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#template-editing-mode\">redigere brugerdefinerede skabeloner<\/a> i indl\u00e6gseditoren).<\/p>\n<figure id=\"attachment_111356\" aria-describedby=\"caption-attachment-111356\" style=\"width: 1368px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111356 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wp-59-delete-rename-custom-template.jpg\" alt=\"Omd\u00f8b\/slet brugerdefinerede skabeloner\" width=\"1368\" height=\"382\"><figcaption id=\"caption-attachment-111356\" class=\"wp-caption-text\">Omd\u00f8b\/slet brugerdefinerede skabeloner<\/figcaption><\/figure>\n<p>Menupunktet <strong>Skabelondele<\/strong> viser de tilg\u00e6ngelige template parts, du kan \u00e5bne i editoren til dine tilpasninger.<\/p>\n<p>Du finder fire template parts tilf\u00f8jet til Twenty Twenty-Two som standard. Holder du mark\u00f8ren over en \u00e6ndret skabelon, vises et v\u00e6rkt\u00f8jstip, der fort\u00e6ller dig, at skabelonen er blevet tilpasset.<\/p>\n<figure id=\"attachment_110747\" aria-describedby=\"caption-attachment-110747\" style=\"width: 2128px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-110747\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts.jpg\" alt=\"Twenty Twenty-Two template parts\" width=\"2128\" height=\"1120\"><figcaption id=\"caption-attachment-110747\" class=\"wp-caption-text\">Twenty Twenty-Two template parts.<\/figcaption><\/figure>\n<p>Du kan rydde disse tilpasninger ved at klikke p\u00e5 ellipse-ikonet (<strong>\ufe19<\/strong>) til h\u00f8jre.<\/p>\n<figure id=\"attachment_111354\" aria-describedby=\"caption-attachment-111354\" style=\"width: 2214px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111354 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-clear-customizations.jpg\" alt=\"Ryd skabelondeltilpasninger\" width=\"2214\" height=\"1118\"><figcaption id=\"caption-attachment-111354\" class=\"wp-caption-text\">Ryd skabelondeltilpasninger<\/figcaption><\/figure>\n<h3>Redigering af skabeloner og template parts<\/h3>\n<p><strong>Editoren<\/strong> giver gr\u00e6nsefladen til at tilpasse strukturen af dine <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/create-block-theme\/#required-files-and-file-structure\">skabeloner og template parts<\/a>.<\/p>\n<p>Her kan du nemt tilf\u00f8je eller redigere blokke og m\u00f8nstre, og dine \u00e6ndringer vil automatisk blive anvendt p\u00e5 hver side, der bruger den p\u00e5g\u00e6ldende skabelon.<\/p>\n<figure id=\"attachment_110836\" aria-describedby=\"caption-attachment-110836\" style=\"width: 2534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110836 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-single-post-template.jpg\" alt=\"Redigering af Single Post-skabelonen\" width=\"2534\" height=\"1294\"><figcaption id=\"caption-attachment-110836\" class=\"wp-caption-text\">Redigering af Single Post-skabelonen<\/figcaption><\/figure>\n<p>Billedet nedenfor viser skabelonen p\u00e5 404 sider i editoren. Det er en ret simpel skabelon, der kun inkluderer en overskrift, et afsnit og et s\u00f8gefelt. Alligevel giver det os en god forst\u00e5else af, hvordan brugergr\u00e6nsefladen fungerer.<\/p>\n<figure id=\"attachment_110826\" aria-describedby=\"caption-attachment-110826\" style=\"width: 1796px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110826 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/404-page-template.jpg\" alt=\"Twenty Twenty-Two's 404 blokskabelon i skabeloneditoren\" width=\"1796\" height=\"1350\"><figcaption id=\"caption-attachment-110826\" class=\"wp-caption-text\">Twenty Twenty-Two&#8217;s 404 blokskabelon i skabeloneditoren<\/figcaption><\/figure>\n<p>Her kan du foretage redigeringer og tilpasse skabeloner, s\u00e5 de passer bedst til dine behov. For eksempel vil du m\u00e5ske tilf\u00f8je et <strong>gitter af billedindl\u00e6g m\u00f8nster<\/strong> for at \u00f8ge dine bes\u00f8gendes engagement og invitere dem til at gennemse indholdet p\u00e5 dit websted.<\/p>\n<figure id=\"attachment_111351\" aria-describedby=\"caption-attachment-111351\" style=\"width: 2872px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/grid-of-image-post-pattern.jpg\" alt=\"Tilpasning af Twenty Twenty-Two's 404 blokskabelon\" width=\"2872\" height=\"1314\"><figcaption id=\"caption-attachment-111351\" class=\"wp-caption-text\">Tilpasning af Twenty Twenty-Two&#8217;s 404 blokskabelon<\/figcaption><\/figure>\n<p>Header dropdown emenuen \u00f8verst i skabeloneditoren viser en liste over de tilg\u00e6ngelige <strong>skabelonomr\u00e5der<\/strong>. Den samme liste vises p\u00e5 fanen <strong>Skabelon<\/strong> i sidebar <strong>Indstillinger<\/strong>.<\/p>\n<figure id=\"attachment_110761\" aria-describedby=\"caption-attachment-110761\" style=\"width: 2242px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110761 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-areas.jpg\" alt=\"Skabelonomr\u00e5der i Twenty Twenty-Two\" width=\"2242\" height=\"1036\"><figcaption id=\"caption-attachment-110761\" class=\"wp-caption-text\">Skabelonomr\u00e5der i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Ved at klikke p\u00e5 et vilk\u00e5rligt skabelonomr\u00e5de (f.eks. Header), bliver du direkte bragt til den skabelondel, du vil redigere.<\/p>\n<p>Hvis du klikker p\u00e5 ellipse-ikonet til h\u00f8jre, f\u00e5r du adgang til <strong>editoren til Isoleret skabelondel.<\/strong><\/p>\n<figure id=\"attachment_110748\" aria-describedby=\"caption-attachment-110748\" style=\"width: 2292px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110748 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/editing-template-parts.jpg\" alt=\"Ellipseikonet starter den isolerede skabelondel-editor\" width=\"2292\" height=\"1316\"><figcaption id=\"caption-attachment-110748\" class=\"wp-caption-text\">Ellipseikonet starter den isolerede skabelondel-editor<\/figcaption><\/figure>\n<p>Skabelondel-editoren har ogs\u00e5 et par h\u00e5ndtag, der kan tr\u00e6kkes, s\u00e5 du kan kontrollere, hvordan skabelonen opf\u00f8rer sig ved forskellige sk\u00e6rmopl\u00f8sninger.<\/p>\n<figure id=\"attachment_110762\" aria-describedby=\"caption-attachment-110762\" style=\"width: 2130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110762 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/adjusting-preview-dimension-1.jpg\" alt=\"Justering af dimension til forh\u00e5ndsvisning af skabelondel\" width=\"2130\" height=\"1196\"><figcaption id=\"caption-attachment-110762\" class=\"wp-caption-text\">Justering af dimension til forh\u00e5ndsvisning af skabelondel<\/figcaption><\/figure>\n<p>N\u00e5r du er tilfreds med dine \u00e6ndringer, skal du gemme dine redigeringer og g\u00e5 tilbage til hovedskabeloneditoren for at kontrollere det endelige resultat.<\/p>\n<p>Hvis du vil dykke dybere ned i den nye informationsarkitektur, kan du tjekke f\u00f8lgende artikler:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/15\/site-editing-ia-concepts-how-to-surface-and-access-new-features\/\">Webstedsredigering IA-koncepter: S\u00e5dan f\u00e5r du adgang til nye funktioner<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/design\/2021\/10\/22\/site-editing-ia-concepts-part-2\/\">Webstedsredigering iA-koncepter \u2013 Del 2<\/a><\/li>\n<\/ul>\n<h2>Kernen af Twenty Twenty-Two: Et hurtigt overblik over theme.json<\/h2>\n<p>For fuldt ud at forst\u00e5, hvordan Twenty Twenty-Two og bloktemaer (som <a href=\"https:\/\/www.anarieldesign.com\/themes\/block-based-wordpress-theme\/\">Bricksy<\/a>) fungerer, lad os tage et blik p\u00e5 den nye temakonfiguration og stylingmekanisme baseret p\u00e5 filen <strong>theme.json<\/strong>.<\/p>\n<p>Introduceret med <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">WordPress 5.8<\/a> giver denne nye mekanisme temaudviklere mulighed for at konfigurere editoren og tilf\u00f8je funktionsunderst\u00f8ttelse fra et <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">centralt konfigurationspunkt<\/a>.<\/p>\n<p>I Twenty Twenty-Two har filen <strong>theme.json<\/strong> f\u00f8lgende struktur:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {},\n\t\"styles\": {},\n\t\"customTemplates\": {},\n\t\"templateParts\": {}\n}<\/code><\/pre>\n<p>Lad os tage et hurtigt kig p\u00e5 hver sektion.<\/p>\n<h3>Version<\/h3>\n<p><code>version<\/code>-feltet beskriver specifikationsversionen, som i \u00f8jeblikket er <code>2<\/code>.<\/p>\n<h3>Indstillinger<\/h3>\n<p><code>settings<\/code>-sektionen <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#settings\">definerer indstillinger<\/a> p\u00e5 globalt niveau eller blokniveau. Indstillinger defineret p\u00e5 \u00f8verste niveau p\u00e5virker alle blokke, men blokke kan individuelt tilsides\u00e6tte globale indstillinger. I Twenty Twenty-Two finder du f\u00f8lgende indstillinger:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"color\": {\n\t\t\t\"duotone\": [...],\n\t\t\t\"gradients\": [...],\n\t\t\t\"palette\": [...]\n\t\t},\n\t\t\"custom\": {...},\n\t\t\"spacing\": {...},\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\n\t\t\t\"fontFamilies\": [...],\n\t\t\t\"fontSizes\": [...]\n\t\t},\n\t\t\"layout\": {...}\n\t}\n}<\/code><\/pre>\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#css-custom-properties-presets-custom\">Indstilling standarde<\/a>r kaldes <strong>forudindstillinger<\/strong> og bruges til at <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">generere brugerdefinerede CSS-egenskaber<\/a> og klassenavne baseret p\u00e5 en specifik <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#the-naming-schema-of-css-custom-properties\">navnekonvention<\/a>:<\/p>\n<ul>\n<li>CSS custom property: <code>--wp--preset--{preset-category}--{preset-slug}<\/code><\/li>\n<li>CSS class name: <code>.has-{preset-slug}-{preset-category}<\/code><\/li>\n<\/ul>\n<p>N\u00e5r et tema har defineret dets forudindstillinger, kan de tilsvarende tilpassede CSS-egenskaber bruges til at style blokke og elementer i <code>styles<\/code> sektionen.<\/p>\n<h3>Styles<\/h3>\n<p><code>styles<\/code> sektionen er, hvor temaer definerer blok- og element <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#styles\">default styles<\/a>. Se for eksempel f\u00f8lgende Twenty Twenty-Two-stile til kerneknapblokken<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/button\": {\n\t\t\t\t\"border\": {\n\t\t\t\t\t\"radius\": \"0\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--primary)\",\n\t\t\t\t\t\"text\": \"var(--wp--preset--color--background)\"\n\t\t\t\t},\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSize\": \"var(--wp--preset--typography--font-size--normal)\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Du vil bem\u00e6rke de tilpassede CSS-egenskaber, der bruges i property declarations.<\/p>\n<h3>Brugerdefinerede skabeloner<\/h3>\n<p><code>customTemplates<\/code> sektionen er, hvor et tema erkl\u00e6rer sine <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#customtemplates\">brugerdefinerede skabeloner<\/a>. Navn og titelfelter er obligatoriske. <code>name<\/code> og <code>title<\/code> felter er obligatoriske. Temaer kan ogs\u00e5 erkl\u00e6re, hvilken posttype der kan bruge skabelonen ved at indstille egenskaben <code>postTypes<\/code>.<\/p>\n<p>Twenty Twenty-Two giver fire brugerdefinerede skabeloner:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"customTemplates\": [\n\t\t{\n\t\t\t\"name\": \"blank\",\n\t\t\t\"title\": \"Blank\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\",\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-large-header\",\n\t\t\t\"title\": \"Page (Large Header)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"single-no-separators\",\n\t\t\t\"title\": \"Single Post (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"post\"\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\t\"name\": \"page-no-separators\",\n\t\t\t\"title\": \"Page (No Separators)\",\n\t\t\t\"postTypes\": [\n\t\t\t\t\"page\"\n\t\t\t]\n\t\t}\n\t]\n}<\/code><\/pre>\n<p>Du finder de tilsvarende <strong>.html-filer<\/strong> i mappen <strong>blok skabeloner<\/strong>.<\/p>\n<figure id=\"attachment_111516\" aria-describedby=\"caption-attachment-111516\" style=\"width: 1224px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111516 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-block-templates-folder.jpg\" alt=\"Twenty Twenty-Two's blok-skabelon mappe\" width=\"1224\" height=\"587\"><figcaption id=\"caption-attachment-111516\" class=\"wp-caption-text\">Twenty Twenty-Two&#8217;s <strong>blok-skabelon<\/strong> mappe<\/figcaption><\/figure>\n<h3>Skabelon dele<\/h3>\n<p><code>templateParts<\/code> sektionen indeholder <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#templateparts\">template part definitions<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-large-dark\",\n\t\t\t\"title\": \"Header (Dark, large)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"header-small-dark\",\n\t\t\t\"title\": \"Header (Dark, small)\",\n\t\t\t\"area\": \"header\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\",\n\t\t\t\"area\": \"footer\"\n\t\t}\n\t]\n}<\/code><\/pre>\n<p><code>name<\/code> og <code>title<\/code> er obligatoriske. Temaer kan ogs\u00e5 erkl\u00e6re et <code>area<\/code> term, hvor template parts vil blive gengivet i editoren.<\/p>\n<figure id=\"attachment_111360\" aria-describedby=\"caption-attachment-111360\" style=\"width: 1616px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-template-parts-1.jpg\" alt=\"Twenty Twenty-Two template parts\" width=\"1616\" height=\"1128\"><figcaption id=\"caption-attachment-111360\" class=\"wp-caption-text\">Twenty Twenty-Two template parts<\/figcaption><\/figure>\n<p>Skabelondele <strong>.html<\/strong> filer er placeret i mappen <strong>template parts<\/strong>.<\/p>\n<p>Nu hvor du ved mere om Twenty Twenty-Twos <strong>theme.json<\/strong>, kan vi udforske temaets funktioner og den nye redigerings gr\u00e6nseflade mere grundigt.<\/p>\n<p>Lad os dykke ned i <strong>Twenty Twenty-Two&#8217;s Global Styles<\/strong>.<\/p>\n<h2>Globale stilarter i Twenty Twenty-Two<\/h2>\n<p>Hvis du ser p\u00e5 Twenty Twenty-Two&#8217; <strong>style.css, vil du m\u00e5ske blive overrasket over at bem\u00e6rke, at den indeholder et minimalt antal CSS-deklarationer. \u00c5rsagen er, at styles er deklareret i filen theme.json i blokbaserede temaer.<\/strong><\/p>\n<p>WordPress 5.9 vil bringe tingene et skridt videre og introducere en ny funktion, der g\u00f8r det muligt for brugere af bloktemaer at tilpasse udseendet af webstedselementer fra en brugergr\u00e6nseflade kaldet <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">Global Styles<\/a>.<\/p>\n<p>Global Styles-gr\u00e6nsefladen kan tilg\u00e5s fra det nye <strong>Styles<\/strong> ikon placeret i \u00f8verste h\u00f8jre hj\u00f8rne af Editoren (se ogs\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">Global Styles Interface<\/a>).<\/p>\n<p>Ved at klikke p\u00e5 det ikon vises en ny <strong>Styles<\/strong> sidebar inklusive tre separate paneler:<\/p>\n<ul>\n<li>Et <strong>Preview<\/strong> panel, der viser en forh\u00e5ndsvisning af dine tilpasninger<\/li>\n<li>Et panel med <strong>globale styles<\/strong> giver adgang til specifikke grupper af kontrolelementer for <strong>typografi<\/strong>, <strong>farver<\/strong> og <strong>layout<\/strong><\/li>\n<li>Et <strong>Blocks<\/strong> item, der giver adgang til stilindstillinger p\u00e5 blokniveau<\/li>\n<\/ul>\n<figure id=\"attachment_110852\" aria-describedby=\"caption-attachment-110852\" style=\"width: 1606px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110852 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/styles-sidebar.jpg\" alt=\"Styles-sidebar i Twenty Twenty-Two\" width=\"1606\" height=\"1336\"><figcaption id=\"caption-attachment-110852\" class=\"wp-caption-text\">Styles-sidebar i Twenty Twenty-Two<\/figcaption><\/figure>\n<h3>Twenty Twenty-Two&#8217;s farvepalet<\/h3>\n<p>Panelet <strong>Farver<\/strong> kan hj\u00e6lpe dig med at redigere de tilg\u00e6ngelige paletter og tildele eller \u00e6ndre farver til<strong> baggrund, tekst <\/strong>eller<strong> links.<\/strong><\/p>\n<p>I <strong>palet<\/strong> panelet kan du tilpasse <strong>tema<\/strong>&#8211; eller <strong>standard<\/strong> pattern og endda oprette din brugerdefinerede palet.<\/p>\n<figure id=\"attachment_110941\" aria-describedby=\"caption-attachment-110941\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110941 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-settings.jpg\" alt=\"Farveindstillinger i Twenty Twenty-Two\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110941\" class=\"wp-caption-text\">Farveindstillinger i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Har du fundet koden, der genererer farvekontrollerne endnu?<\/p>\n<p>Hvis ikke, skal du \u00e5bne Twenty Twenty-Two&#8217;s <strong>theme.json<\/strong> i din foretrukne <a href=\"https:\/\/kinsta.com\/dk\/blog\/bedste-teksteditorer\/\">kodeeditor<\/a>. Du finder f\u00f8lgende farvepaleterkl\u00e6ringer:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#000000\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#ffffff\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#1a4548\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#ffe2c7\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#F6F6F6\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Billedet nedenfor viser, hvordan koden ovenfor matcher Twenty Twenty-Twos farvepalet.<\/p>\n<figure id=\"attachment_111011\" aria-describedby=\"caption-attachment-111011\" style=\"width: 1314px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111011 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-color-palette.jpg\" alt=\"Twenty Twenty-Twos farvepalet\" width=\"1314\" height=\"972\"><figcaption id=\"caption-attachment-111011\" class=\"wp-caption-text\">Twenty Twenty-Twos farvepalet<\/figcaption><\/figure>\n<p>Lad os nu antage, at du vil \u00e6ndre standard baggrundsfarven for en bestemt blok. At v\u00e6lge en anden farve til blokkens baggrund vil simpelthen tildele en anden <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/--*\">CSS-variabel<\/a> til elementets <code>background-color<\/code> egenskab. Billedet nedenfor giver et eksempel p\u00e5 det:<\/p>\n<figure id=\"attachment_111012\" aria-describedby=\"caption-attachment-111012\" style=\"width: 2036px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111012 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-custom-property.jpg\" alt=\"Twenty Twenty-Two's prim\u00e6re farve brugt som baggrundsfarve\" width=\"2036\" height=\"860\"><figcaption id=\"caption-attachment-111012\" class=\"wp-caption-text\">Twenty Twenty-Two&#8217;s prim\u00e6re farve brugt som baggrundsfarve<\/figcaption><\/figure>\n<p>Og det er alt! Du beh\u00f8ver ikke at tilf\u00f8je en enkelt linje tilpasset CSS-kode til Customizer eller oprette et child theme til det.<\/p>\n<p>Men lad os forts\u00e6tte med at udforske Twenty Twenty-Two&#8217;s Global Styles med nogle yderligere eksempler.<\/p>\n<h3>Typografiindstillinger<\/h3>\n<p><strong>Typografi-panelet<\/strong> er, hvor du kan tilpasse typografistile til dit websteds <strong>tekst<\/strong>&#8211; og <strong>links <\/strong>elementer p\u00e5 globalt plan.<\/p>\n<p>Hvert element giver adgang til en gruppe kontrolelementer, s\u00e5 du kan tilpasse skrifttype familie, st\u00f8rrelse og linjeh\u00f8jde.<\/p>\n<figure id=\"attachment_110847\" aria-describedby=\"caption-attachment-110847\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110847 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-typography-settings.jpg\" alt=\"Typografiindstillinger i Twenty Twenty-Two\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-110847\" class=\"wp-caption-text\">Typografiindstillinger i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Undrer du dig over, hvilken kode der genererer disse kontroller?<\/p>\n<p>\u00c5bn Twenty Twenty-Two&#8217;s <strong>theme.json<\/strong> og find <code>typography<\/code> sektionen. Du vil se f\u00f8lgende indstillinger:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"appearanceTools\": true,\n\t\t\"typography\": {\n\t\t\t\"dropCap\": false,\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\t\t\t\"name\": \"System Font\",\n\t\t\t\t\t\"slug\": \"system-font\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"fontFamily\": \"\\\"Source Serif Pro\\\", serif\",\n\t\t\t\t\t\"name\": \"Source Serif Pro\",\n\t\t\t\t\t\"slug\": \"source-serif-pro\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Small\",\n\t\t\t\t\t\"size\": \"1rem\",\n\t\t\t\t\t\"slug\": \"small\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Normal\",\n\t\t\t\t\t\"size\": \"1.125rem\",\n\t\t\t\t\t\"slug\": \"normal\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Medium\",\n\t\t\t\t\t\"size\": \"1.75rem\",\n\t\t\t\t\t\"slug\": \"medium\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Large\",\n\t\t\t\t\t\"size\": \"clamp(1.75rem, 3vw, 2.25rem)\",\n\t\t\t\t\t\"slug\": \"large\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Huge\",\n\t\t\t\t\t\"size\": \"clamp(2.5rem, 4vw, 3rem)\",\n\t\t\t\t\t\"slug\": \"huge\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n}<\/code><\/pre>\n<p>Forventede du at se to skrifttypefamilier og fem skriftst\u00f8rrelser fra koden ovenfor. Og du ville have g\u00e6ttet rigtigt.<\/p>\n<p>Her er, hvordan koden ovenfor overs\u00e6ttes til Global Styles <strong>Typography-indstillinger<\/strong>:<\/p>\n<figure id=\"attachment_110848\" aria-describedby=\"caption-attachment-110848\" style=\"width: 1300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-110848 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/font-family-font-size.jpg\" alt=\"Typografistile i Twenty Twenty-Two\" width=\"1300\" height=\"1196\"><figcaption id=\"caption-attachment-110848\" class=\"wp-caption-text\">Typografistile i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Du kan g\u00e6tte, hvilken indstilling der genererer <strong>linjeh\u00f8jde<\/strong> kontrollen. I Twenty Twenty-Two finder du ikke en specifik indstilling for det, fordi det er aktiveret af egenskaben <code>appearanceTools<\/code> som er en genvej til flere indstillingserkl\u00e6ringer (se n\u00e6ste afsnit).<\/p>\n<h3>V\u00e6rkt\u00f8jer til layout og appearanceTools<\/h3>\n<p>Det sidste element i Global Styles-sidebar er <strong>Layout<\/strong>. I skrivende stund inkluderer den kun en <code>padding<\/code> kontrol.<\/p>\n<figure id=\"attachment_111192\" aria-describedby=\"caption-attachment-111192\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111192 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layout.jpg\" alt=\"Layoutindstillinger i Twenty Twenty-Two\" width=\"1790\" height=\"1212\"><figcaption id=\"caption-attachment-111192\" class=\"wp-caption-text\">Layoutindstillinger i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>I Twenty Twenty-Two er Layout-panelet aktiveret af <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">setting property<\/a> <code>appearanceTools<\/code> en booleanv\u00e6rdi, der kan bruges til at <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/issues\/261\">aktivere flere indstillinge<\/a>r p\u00e5 \u00e9n gang:<\/p>\n<pre><code class=\"language-json\">{\n\t\"settings\": {\n\t\t\"appearanceTools\": true\n\t}\n}<\/code><\/pre>\n<p><code>\"appearanceTools\": true<\/code> true erstatter blot <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36646\">f\u00f8lgende blok af erkl\u00e6ringer<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t'settings': {\n\t\t'border': {\n\t\t\t'color': true,\n\t\t\t'radius': true,\n\t\t\t'style': true,\n\t\t\t'width': true\n\t\t},\n\t\t'color': {\n\t\t\t'link': true\n\t\t},\n\t\t'spacing': {\n\t\t\t'blockGap': true,\n\t\t\t'margin': true,\n\t\t\t'padding': true\n\t\t},\n\t\t'typography': {\n\t\t\t'lineHeight': true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>OK &#8211; du forst\u00e5r nu forh\u00e5bentlig, hvordan indstillingerne erkl\u00e6ret i <strong>theme.json-filen<\/strong> matcher de tilsvarende Global Styles-kontroller.<\/p>\n<p>Der mangler stadig en brik i vores puslespil for at f\u00e5 det komplette billede af det nye WordPress-standardtema: <strong>blokm\u00f8nstre<\/strong>.<\/p>\n<h2>Twenty Twenty-Two Blokm\u00f8nstre<\/h2>\n<p>Man kan sige, at Twenty Twenty-Two mest er en <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">samling af m\u00f8nstre<\/a> &#8211; og det er det stort set. I Twenty Twenty-Two finder du tonsvis af klar-til-brug <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">blokm\u00f8nstre<\/a>, som du kan v\u00e6lge imellem for at bygge fantastiske og uforudsigelige strukturer af indlejrede blokke til dine websider.<\/p>\n<p>N\u00f8glebegrebet her er <strong>user empowerment<\/strong>. Og det passer, fordi du med blokm\u00f8nstre kan bygge alle mulige ting, lige fra en tiltalende portef\u00f8lje til en enkeltsidet promoverende hjemmeside, selvom du ikke har noget kendskab til HTML eller CSS!<\/p>\n<p>Og WordPress 5.9 bringer betydelige forbedringer til m\u00f8nstersystemet med den nye <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">Pattern Explorer<\/a>, et v\u00e6rkt\u00f8j, der giver dig mulighed for at gennemse m\u00f8nstre i en fuldsk\u00e6rmsmodal.<\/p>\n<figure id=\"attachment_111407\" aria-describedby=\"caption-attachment-111407\" style=\"width: 2442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-explorer.jpg\" alt=\"The Pattern Explorer i Twenty Twenty-Two\" width=\"2442\" height=\"1378\"><figcaption id=\"caption-attachment-111407\" class=\"wp-caption-text\">The Pattern Explorer i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Det nye v\u00e6rkt\u00f8j giver dig ogs\u00e5 mulighed for hurtigt og nemt at importere blokm\u00f8nstre direkte fra <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a>. Dette \u00e5bner op for nye muligheder for b\u00e5de WordPress-brugere og <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/\">udviklere<\/a>, s\u00e5 brugen vil sandsynligvis stige betydeligt i fremtiden<\/p>\n<figure id=\"attachment_111408\" aria-describedby=\"caption-attachment-111408\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111408 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/wordpress-patterns-directory.jpg\" alt=\"WordPress m\u00f8nstre bibliotek\" width=\"2880\" height=\"2959\"><figcaption id=\"caption-attachment-111408\" class=\"wp-caption-text\">WordPress m\u00f8nstre bibliotek<\/figcaption><\/figure>\n<p>Twenty Twenty-Two indeholder <a href=\"https:\/\/github.com\/WordPress\/twentytwentytwo\/pull\/204\">masser af m\u00f8nstre<\/a> (over 65) p\u00e5 tv\u00e6rs af fem kategorier.<\/p>\n<figure id=\"attachment_111409\" aria-describedby=\"caption-attachment-111409\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111409 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/pattern-categories-dropdown.jpg\" alt=\"Twenty Twenty-To m\u00f8nsterkategorier\" width=\"1522\" height=\"1250\"><figcaption id=\"caption-attachment-111409\" class=\"wp-caption-text\">Twenty Twenty-To m\u00f8nsterkategorier<\/figcaption><\/figure>\n<p>Dette solide s\u00e6t m\u00f8nstre passer perfekt sammen med skabeloner og skabelondele, der kommer med det nye standardtema, hvilket giver en virkelig fantastisk redigeringsoplevelse.<\/p>\n<figure id=\"attachment_111410\" aria-describedby=\"caption-attachment-111410\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111410 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/layered-images-with-duotone-pattern.jpg\" alt=\"Lagdelte billeder med duotone\" width=\"2880\" height=\"1332\"><figcaption id=\"caption-attachment-111410\" class=\"wp-caption-text\">Lagdelte billeder med duotone<\/figcaption><\/figure>\n<figure id=\"attachment_111411\" aria-describedby=\"caption-attachment-111411\" style=\"width: 2880px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111411 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/video-with-header-and-details.jpg\" alt=\"Video med header og detaljer\" width=\"2880\" height=\"2544\"><figcaption id=\"caption-attachment-111411\" class=\"wp-caption-text\">Video med header og detaljer<\/figcaption><\/figure>\n<figure id=\"attachment_111412\" aria-describedby=\"caption-attachment-111412\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111412 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/two-images-with-text.jpg\" alt=\"To billeder med tekst\" width=\"2002\" height=\"2160\"><figcaption id=\"caption-attachment-111412\" class=\"wp-caption-text\">To billeder med tekst<\/figcaption><\/figure>\n<p>Hvis du endnu ikke har haft mulighed for at eksperimentere med blokm\u00f8nstre, viser vi dig, hvorfor de betragtes som s\u00e5 kraftfulde v\u00e6rkt\u00f8jer med et simpelt eksempel.<\/p>\n<p>Antag, at du vil fjerne standardsidefoden fra Index- og Single Post-skabelonerne og erstatte den med et andet Twenty Twenty-Two blokm\u00f8nster.<\/p>\n<p>Start webstedseditoren fra menuen <strong>Udseende<\/strong> eller knappen ved WordPress frontend-v\u00e6rkt\u00f8jslinjen for at tilpasse indeksskabelonen.<\/p>\n<p>Klik p\u00e5 knappen <strong>Indeks<\/strong> for at f\u00e5 vist rullemenuen med headeren, der viser listen over tilg\u00e6ngelige skabelonomr\u00e5der p\u00e5 siden. Klik p\u00e5 ellipseknappen ved siden af <strong>footer<\/strong> og derefter p\u00e5 <strong>Rediger foooter<\/strong>.<\/p>\n<figure id=\"attachment_111413\" aria-describedby=\"caption-attachment-111413\" style=\"width: 1534px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111413 size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-inspector.jpg\" alt=\"Skabeloninspekt\u00f8ren\" width=\"1534\" height=\"812\"><figcaption id=\"caption-attachment-111413\" class=\"wp-caption-text\">Skabeloninspekt\u00f8ren<\/figcaption><\/figure>\n<p>Som n\u00e6vnt ovenfor vil dette starte den isolerede skabelondel-editor.<\/p>\n<figure id=\"attachment_111414\" aria-describedby=\"caption-attachment-111414\" style=\"width: 2358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111414 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/isolated-template-part-editor.jpg\" alt=\"Standard Twenty Twenty-Two footer i den isolerede skabelondel-editor\" width=\"2358\" height=\"848\"><figcaption id=\"caption-attachment-111414\" class=\"wp-caption-text\">Standard Twenty Twenty-Two footer i den isolerede skabelondel-editor<\/figcaption><\/figure>\n<p>\u00c5bn nu blokinds\u00e6tteren og klik p\u00e5 <strong>M\u00f8nstre<\/strong>.<\/p>\n<p>Start det nye <strong>Pattern Explorer-v\u00e6rkt\u00f8j<\/strong>, v\u00e6lg kategorien <strong>Twenty Twenty-Two Footers<\/strong>, og v\u00e6lg den footer du \u00f8nsker.<\/p>\n<figure id=\"attachment_111415\" aria-describedby=\"caption-attachment-111415\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111415 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt2-pattern-explorer.jpg\" alt=\"M\u00f8nsterudforskeren i Twenty Twenty-Two\" width=\"2360\" height=\"1338\"><figcaption id=\"caption-attachment-111415\" class=\"wp-caption-text\">M\u00f8nsterudforskeren i Twenty Twenty-Two<\/figcaption><\/figure>\n<p>Tilf\u00f8j og rediger nu blokkene efter dine behov.<\/p>\n<figure id=\"attachment_111416\" aria-describedby=\"caption-attachment-111416\" style=\"width: 2360px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111416 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/new-footer-in-isolated-template-editor.jpg\" alt=\"Redigering af foter i den isolerede skabelondel-editor\" width=\"2360\" height=\"996\"><figcaption id=\"caption-attachment-111416\" class=\"wp-caption-text\">Redigering af foter i den isolerede skabelondel-editor<\/figcaption><\/figure>\n<p>Gem headeren, og tjek dit websted igen, n\u00e5r du er tilfreds med dine \u00e6ndringer.<\/p>\n<p>Billedet nedenfor sammenligner tre skabeloner (indeks, enkelt indl\u00e6g og enkelt indl\u00e6g uden separatorer) med forskellige header- og footer tilpasninger:<\/p>\n<figure id=\"attachment_111417\" aria-describedby=\"caption-attachment-111417\" style=\"width: 2400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111417 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/template-comparison.jpg\" alt=\"Header- og footer tilpasninger sammenlignet i forskellige Twenty Twenty-Two skabeloner\" width=\"2400\" height=\"2223\"><figcaption id=\"caption-attachment-111417\" class=\"wp-caption-text\">Header- og footer tilpasninger sammenlignet i forskellige Twenty Twenty-Two skabeloner<\/figcaption><\/figure>\n<h2>Udvidelse af Twenty Twenty-Two med et child-tema<\/h2>\n<p>Oprettelse af et <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\">child theme til et bloktema<\/a> er helt anderledes end at oprette et <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-child-theme\/\">child theme til et klassisk tema<\/a>.<\/p>\n<p>Men n\u00e5r du f\u00f8rst har en god forst\u00e5else af et <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#what-is-the-structure-of-a-block-theme\">bloktemas struktur<\/a>, vil du ikke finde det sv\u00e6rt at oprette et child theme til Twenty Twenty-Two eller et hvilket som helst andet bloktema.<\/p>\n<p>S\u00e5 lad os finde ud af, hvordan du tilpasser udseendet og f\u00f8lelsen af dit Twenty Twenty-Two-baserede websted.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\"><div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc><\/span><\/p>\n<h3>1. Ops\u00e6tning af et child theme for Twenty Twenty-Two<\/h3>\n<p>I din <strong>\/wp-content\/themes<\/strong> mappe skal du o<a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#1-create-a-child-theme-folder\">prette en ny mappe<\/a> og navngive den, hvad du vil (i henhold til <a href=\"https:\/\/codex.wordpress.org\/Theme_Development#Theme_Development_Standards\">temaudviklings standarder<\/a>). I dette eksempel kaldte vi underordnet temamappe <em>twentytwentytwo-child<\/em>.<\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/#2-create-a-stylesheet-style-css\">Nu skal du bruge<\/a> en <strong>style.css-fil<\/strong>. \u00c5bn din yndlings kodeeditor og opret f\u00f8lgende stylesheet:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: Twenty Twenty-Two Child\nTheme URI: https:\/\/example.com\/\nAuthor: Your name\nAuthor URI: https:\/\/example.com\/\nDescription: A child theme for TT2.\nRequires at least: 5.8\nTested up to: 5.9\nRequires PHP: 5.6\nVersion: 0.2\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentytwentytwo-child\nTemplate: twentytwentytwo\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments\n\nTwenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org\nTwenty Twenty-Two Child is distributed under the terms of the GNU GPL.\n*\/<\/code><\/pre>\n<p>Som altid kan du redigere felter efter dine behov.<\/p>\n<p>Dit barnetema er nu tilg\u00e6ngeligt til forh\u00e5ndsvisning. Du kan aktivere det p\u00e5 sk\u00e6rmbilledet <strong>Udseende &gt; Temaer<\/strong>.<\/p>\n<h3>2. Tilpasning af globale indstillinger<\/h3>\n<p>Siden WordPress 5.9 har child temaer med en <strong>theme.json-fil<\/strong> arvet det parent temaets indstillinger. Hvis barnets <strong>theme.json<\/strong> definerer et s\u00e6t stilarter, s\u00e5 g\u00e6lder disse stilarter oven p\u00e5 dets for\u00e6ldres stile.<\/p>\n<p>S\u00e5 vi kan oprette en <strong>theme.json-fil<\/strong>, der kun indeholder en lille brugerdefineret blok med indstillings- og stildefinitioner i stedet for at omdefinere alle vores oprindelige valg.<\/p>\n<p>S\u00e5dan erkl\u00e6rer du en brugerdefineret farvepalet<\/p>\n<p>N\u00e5r du bygger et child theme til Twenty Twenty-Two, er den nemmeste opgave at udskifte farvepaletten. Alt du skal g\u00f8re er at definere en ny farvepalet i dit barns <strong>theme.json<\/strong> som vist nedenfor:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"foreground\",\n\t\t\t\t\t\"color\": \"#FFFFFF\",\n\t\t\t\t\t\"name\": \"Foreground\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"background\",\n\t\t\t\t\t\"color\": \"#001F29\",\n\t\t\t\t\t\"name\": \"Background\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"primary\",\n\t\t\t\t\t\"color\": \"#D6FDFF\",\n\t\t\t\t\t\"name\": \"Primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"secondary\",\n\t\t\t\t\t\"color\": \"#FDFCDC\",\n\t\t\t\t\t\"name\": \"Secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"tertiary\",\n\t\t\t\t\t\"color\": \"#FED9B7\",\n\t\t\t\t\t\"name\": \"Tertiary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"accent\",\n\t\t\t\t\t\"color\": \"#E94435\",\n\t\t\t\t\t\"name\": \"Accent\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Gem din fil og g\u00e5 tilbage til webstedseditoren. Farvepaletten defineret ovenfor skulle have erstattet standard Twenty Twenty-Two&#8217;s farvepalet.<\/p>\n<figure id=\"attachment_111460\" aria-describedby=\"caption-attachment-111460\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111460 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-color-palette.jpg\" alt=\"En child themes farvepalet\" width=\"2264\" height=\"1076\"><figcaption id=\"caption-attachment-111460\" class=\"wp-caption-text\">En child themes farvepalet<\/figcaption><\/figure>\n<p>Farverne vil blive <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-support\/#block-color-palettes\">vist i r\u00e6kkef\u00f8lge p\u00e5 selve paletten<\/a>, og deres navne skal f\u00f8lge de <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/#h-frequently-asked-questions\">bedste praksisser<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">navnekonventioner diskuteret p\u00e5 Github<\/a>.<\/p>\n<p>Du kan l\u00e6se meget mere om <strong>theme.json-farvemuligheder<\/strong> i denne <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\">dybdeg\u00e5ende oversigt af Carolina Nymark<\/a>.<\/p>\n<h4>S\u00e5dan erkl\u00e6rer du brugerdefinerede duotone-filtre<\/h4>\n<p>Du kan ogs\u00e5 erstatte standard duotone farver med dit brugerdefinerede s\u00e6t af filtre.<\/p>\n<p>For at g\u00f8re det skal du blot tilf\u00f8je f\u00f8lgende kode til dit barns <strong>theme.json-indstillinger<\/strong> p\u00e5 samme niveau som <code>palette<\/code> genskaben:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [...],\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [\n\t\t\t\t\t\t\"#001F29\",\n\t\t\t\t\t\t\"#FFFFFF\"\n\t\t\t\t\t],\n\t\t\t\t\t\"slug\": \"default-filter\",\n\t\t\t\t\t\"name\": \"Default filter\"\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Gem din fil og tjek resultatet i blokeditoren. Du b\u00f8r kun se et enkelt duotone filter.<\/p>\n<figure id=\"attachment_111461\" aria-describedby=\"caption-attachment-111461\" style=\"width: 1564px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111461 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-duotone-filter.jpg\" alt=\"Et duotone-filter med child theme\" width=\"1564\" height=\"1122\"><figcaption id=\"caption-attachment-111461\" class=\"wp-caption-text\">Et duotone-filter med child theme<\/figcaption><\/figure>\n<h3>3. Tilpasning af blokstile<\/h3>\n<p>Som vi n\u00e6vnte tidligere, med WordPress 5.9, kan du nu tilpasse <strong>theme.json-indstillinger<\/strong> og stilarter fra Global Styles-gr\u00e6nsefladen.<\/p>\n<p>Blokstile kan kun tilpasses fra Global Styles-gr\u00e6nsefladen, <strong>hvis blokken erkl\u00e6rer underst\u00f8ttelse af specifik funktionalitet<\/strong> i den tilsvarende <strong>block.json-fil<\/strong>. Men du kan tilsides\u00e6tte standard blokindstillinger i dit child themes <strong>theme.json<\/strong>.<\/p>\n<p>Antag nu, at du vil tilsides\u00e6tte posttitel- og gruppeblokstile. Alt du skal g\u00f8re er at definere de stilarter, du vil tilf\u00f8je eller tilsides\u00e6tte, som vist nedenfor:<\/p>\n<pre><code class=\"language-json\">{\n\"version\": 2,\n\t\"settings\": {...},\n\t\"styles\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\"\n\t\t\t\t},\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"var(--wp--preset--color--tertiary)\"\n\t\t\t\t},\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"padding\": \"var(--wp--custom--spacing--small)\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/group\": {\n\t\t\t\t\"spacing\": {\n\t\t\t\t\t\"margin\": {\n\t\t\t\t\t\t\"top\": \"0\",\n\t\t\t\t\t\t\"bottom\": \"0\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>I eksemplet ovenfor \u00e6ndrede vi skrifttype familien, baggrundsfarven og udfyldningsv\u00e6rdierne for <code>core\/post-title<\/code>, samt top- og bundmargener for <code>core\/group<\/code>.<\/p>\n<p>Billedet nedenfor viser resultatet, som det ville se ud p\u00e5 det offentlige websted:<\/p>\n<figure id=\"attachment_111462\" aria-describedby=\"caption-attachment-111462\" style=\"width: 2264px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-111462 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/child-theme-styles-post-title.jpg\" alt=\"En tilpasset post title block\" width=\"2264\" height=\"832\"><figcaption id=\"caption-attachment-111462\" class=\"wp-caption-text\">En tilpasset post title block<\/figcaption><\/figure>\n<p>Og det var den anmeldelse!<\/p>\n<p>Vi vil ikke dykke dybere ned i child themes for nu, da det ville g\u00e5 ud over omfanget af dette indl\u00e6g. I mellemtiden finder du flere eksempler p\u00e5 <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/tree\/add\/tt2-child-themes\">Twenty Twenty-Two child themes<\/a> p\u00e5 Github.<\/p>\n\n<h2>Opsummering<\/h2>\n<p>Mens vi kiggede n\u00e6rmere p\u00e5 det nye WordPress standardtema Twenty Twenty-Two og dets funktioner (som g\u00f8r det til det mest fleksible standardtema, der nogensinde er udgivet), afsl\u00f8rede vi den nye informationsarkitektur introduceret med WordPress 5.9. Vi fik endda et smugkig p\u00e5 den nye Global Styles-gr\u00e6nseflade.<\/p>\n<p>Der er mange sp\u00e6ndende nye funktioner p\u00e5 vej, og det synes klart, at det nye redigeringsmilj\u00f8 bliver mere robust, p\u00e5lideligt og funktionelt med tiden.<\/p>\n<p>Mens mange nye WordPress-funktioner er p\u00e5 vej, forsvinder andre eller aftager i betydning. Mange brugere undrer sig over, hvad der vil ske med <a href=\"https:\/\/kinsta.com\/blog\/how-to-customize-wordpress-theme\/#customizing-your-theme-via-the-customizer\">Customizer<\/a>, og hvordan man bedst opretholder bagudkompatibilitet med eksisterende temaer.<\/p>\n<p>Du skal dog ikke forvente pludselig at springe fra traditionelle temaer til at blokere temaer i en enkelt gr\u00e6nse. Vi har i \u00f8jeblikket fire forskellige typer temaer at v\u00e6lge imellem:<\/p>\n<ul>\n<li><strong>Bloktemaer<\/strong>: Temaer designet til FSE<\/li>\n<li><strong>Universelle temaer<\/strong>: Temaer, der fungerer med b\u00e5de Customizer og Site Editor<\/li>\n<li><strong>Hybride temaer<\/strong>: Klassiske temaer, der underst\u00f8tter FSE-funktioner som <strong>theme.json<\/strong><\/li>\n<li><strong>Klassiske temaer<\/strong>: Temaer med PHP-skabeloner, functions.php osv.<\/li>\n<\/ul>\n<p>S\u00e5 frygt ikke for nu &#8211; der er stadig masser af l\u00f8sninger at v\u00e6lge imellem, hvis du ikke f\u00f8ler dig klar til at skifte til bloktemaer endnu.<\/p>\n<p><em>Og nu er det op til dig! Er du klar til at tage det store spring og nu begynde at bruge bloktemaer? Del dine tanker med os i kommentarerne nedenfor.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selvom det er lidt senere end oprindeligt planlagt, f\u00e5r vi et nyt WordPress-standardtema. Navnet er Twenty Twenty-Two! Det nye WordPress-standardtema kommer med den udgivelse af WordPress &#8230;<\/p>\n","protected":false},"author":36,"featured_media":42454,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[345,123],"topic":[764],"class_list":["post-42452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-twenty-twenty-two","tag-wordpress-themes","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>Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.\" \/>\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-two-bloktemaer\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\" \/>\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=\"2022-01-26T13:26:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T10:43:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\" \/>\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=\"25 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-two-bloktemaer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer\",\"datePublished\":\"2022-01-26T13:26:59+00:00\",\"dateModified\":\"2023-08-24T10:43:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\"},\"wordCount\":3623,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\",\"keywords\":[\"Twenty Twenty-Two\",\"wordpress themes\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\",\"name\":\"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\",\"datePublished\":\"2022-01-26T13:26:59+00:00\",\"dateModified\":\"2023-08-24T10:43:11+00:00\",\"description\":\"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#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\":\"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer\"}]},{\"@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":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer","description":"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.","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-two-bloktemaer\/","og_locale":"da_DK","og_type":"article","og_title":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer","og_description":"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.","og_url":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2022-01-26T13:26:59+00:00","article_modified_time":"2023-08-24T10:43:11+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Carlo Daniele","Estimeret l\u00e6setid":"25 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer","datePublished":"2022-01-26T13:26:59+00:00","dateModified":"2023-08-24T10:43:11+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/"},"wordCount":3623,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","keywords":["Twenty Twenty-Two","wordpress themes"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/","url":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/","name":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","datePublished":"2022-01-26T13:26:59+00:00","dateModified":"2023-08-24T10:43:11+00:00","description":"Twenty Twenty-Two er standardbloktemaet, der introduceres med WordPress 5.9. Se alle dets n\u00f8glefunktioner i denne dybdeg\u00e5ende guide.","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/01\/twenty-twenty-two-bloktemaer.jpeg","width":1460,"height":730,"caption":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#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":"Et dybt dyk ned i Twenty Twenty-Two og WordPress bloktemaer"}]},{"@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\/42452","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=42452"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/42452\/revisions"}],"predecessor-version":[{"id":43887,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/42452\/revisions\/43887"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/translations\/dk"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42452\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/42454"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=42452"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=42452"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=42452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}