{"id":42530,"date":"2022-02-03T16:08:36","date_gmt":"2022-02-03T15:08:36","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=42530&#038;preview=true&#038;preview_id=42530"},"modified":"2023-08-24T11:41:15","modified_gmt":"2023-08-24T10:41:15","slug":"wordpress-5-9","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/","title":{"rendered":"Hvad er nyt i WordPress 5.9 &#8211; Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#8217;er, UI-forbedringer og meget mere"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2022\/01\/josephine\/\">WordPress 5.9 Josephine<\/a> er her! \u00c5rets f\u00f8rste WordPress-version var oprindeligt planlagt til udgivelse den 14. december 2021. P\u00e5 grund af flere \u00e5bne problemer og ul\u00f8ste fejl, var den endelige <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/22\/wordpress-5-9-revised-release-schedule\/\">udgivelse blevet forsinket<\/a> og er nu endelig blevet frigivet den 25. januar 2022.<\/p>\n<p>Hvis du undrer dig over, hvad der er nyt i WordPress 5.9, er det korte svar <strong>Full Site Editing<\/strong> (FSE).<\/p>\n<p>Og faktisk er mange 5.9-funktioner kun tilg\u00e6ngelige, hvis du bruger et tema, der underst\u00f8tter fuld webstedsredigering, s\u00e5som det helt nye standardtema, <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\">Twenty Twenty-Two<\/a>.<\/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>Med WordPress 5.9 kommer vi til hjertet af anden fase af <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">Gutenberg roadmap<\/a>: <strong>Tilpasningsfasen<\/strong>, som for det meste er fokuseret p\u00e5 redigering af hele webstedet, blok patterns, blokkatalog og blokbaserede temaer.<\/p>\n<blockquote><p><em>Med 5.9, som udkommer i n\u00e6ste m\u00e5ned, er vi &#8211; vil jeg sige &#8211; p\u00e5 MVP, det mindste levedygtige produkt i denne tilpasningsfase af Gutenberg.<\/em><\/p><\/blockquote>\n<p>Disse ord fra Matt Mullenweg i <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">2021 State of the Word<\/a> opsummerer bedst n\u00f8glefunktionerne i den nye WordPress-udgivelse.<\/p>\n<figure id=\"attachment_113486\" aria-describedby=\"caption-attachment-113486\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113486 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/gutenberg-roadmap-2.jpg\" alt=\"Gutenberg roadmap.\" width=\"1940\" height=\"1120\"><figcaption id=\"caption-attachment-113486\" class=\"wp-caption-text\">Gutenberg roadmap. (Billedekilde: <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">Matt Mullenweg: 2021 State of the Word<\/a>)<\/figcaption><\/figure>\n<p>N\u00e5r det er sagt, hvad er nyt med den f\u00f8rste WordPress-udgivelse i 2022?<\/p>\n<p>Lad os finde ud af det!<\/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>Global Styles: A Graphic Interface til theme.json<\/h2>\n<p>Med <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">udgivelsen af \u200b\u200bWordPress 5.8<\/a> i 2021 blev manipulation af filen <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/theme-json-reference\/\">theme.json<\/a> standardm\u00e5den for temaudviklere til at tilpasse editorindstillinger og stilarter.<\/p>\n<p>WordPress 5.9 tager tingene til n\u00e6ste niveau ved at introducere en grafisk gr\u00e6nseflade, der giver brugerne mulighed for at tilpasse <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">style presets<\/a> til deres websteder, enten globalt eller p\u00e5 blokniveau, uden at skrive en enkelt kodelinje.<\/p>\n<p>Global Styles-mekanismen burde i v\u00e6sentlig grad \u00e6ndre den m\u00e5de, du er vant til at tilpasse udseendet af dine websteder p\u00e5, da <a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\">Global Styles<\/a> p\u00e5virker flere aspekter af WordPress-webesign.<\/p>\n<p>For det f\u00f8rste erstatter Global Styles-gr\u00e6nsefladen <a href=\"https:\/\/kinsta.com\/blog\/how-to-customize-wordpress-theme\/#customizing-your-theme-via-the-customizer\">Customizer<\/a> og er nu den eneste m\u00e5de at tilpasse indstillinger og stilarter med bloktemaer. Tilsvarende vil der ikke l\u00e6ngere v\u00e6re behov for administratorsider med komplekse temaindstillinger. Dette giver en ny standard m\u00e5de at konfigurere temaindstillinger og stilarter p\u00e5, og det b\u00f8r p\u00e5 samme tid str\u00f8mline temaudviklingens workflow.<\/p>\n<p>Med Global Styles f\u00e5r WordPress-brugere mere kontrol over pr\u00e6sentationen af \u200b\u200bderes websteder, b\u00e5de globalt og pr. bloktype, ud over konteksten af \u200b\u200bindividuelle sider eller indl\u00e6g.<\/p>\n<p>En ny sidebj\u00e6lke er nu tilg\u00e6ngelig i webstedseditoren, \u00f8verst p\u00e5 hvilken du finder et lille forh\u00e5ndsvisningspanel og fire komponenter i f\u00f8lgende r\u00e6kkef\u00f8lge:<\/p>\n<ul>\n<li><a href=\"#typography\">Typografi<\/a><\/li>\n<li><a href=\"#colors\">Farver<\/a><\/li>\n<li><a href=\"#layout\">Layout<\/a><\/li>\n<li><a href=\"#blocks\">Blokke<\/a><\/li>\n<\/ul>\n<p>Vi kan forvente, at der kommer nye komponenter <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">til med tiden<\/a>.<\/p>\n<figure id=\"attachment_112441\" aria-describedby=\"caption-attachment-112441\" style=\"width: 1962px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112441 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-sidebar.jpg\" alt=\"Global Styles-sidebar med Blockbase-temaet fra Automattic.\" width=\"1962\" height=\"1290\"><figcaption id=\"caption-attachment-112441\" class=\"wp-caption-text\">Global Styles-sidebar med <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">Blockbase-temaet<\/a> fra Automattic.<\/figcaption><\/figure>\n<p>Lad os se n\u00e6rmere p\u00e5 den nye gr\u00e6nseflade.<\/p>\n\n<h3>Preview af stil<\/h3>\n<p>Det f\u00f8rste element i Global Styles-sidebar er et preview panel. Dette panel giver dig mulighed for at kontrollere resultatet af dine tilpasninger og er is\u00e6r nyttigt, n\u00e5r dine \u00e6ndringer g\u00e6lder for elementer, der ikke er synlige i webstedseditorens l\u00e6rred.<\/p>\n<p>F\u00f8lgende billede viser tre forskellige stilkombinationer sammenlignet:<\/p>\n<figure id=\"attachment_112425\" aria-describedby=\"caption-attachment-112425\" style=\"width: 1826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112425 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-styles-preview.jpg\" alt=\"Preview af Global Styles sammenlignet.\" width=\"1826\" height=\"1230\"><figcaption id=\"caption-attachment-112425\" class=\"wp-caption-text\">Preview af Global Styles sammenlignet.<\/figcaption><\/figure>\n<h3>Typografi<\/h3>\n<p>Typografi-panelet er det sted, hvor du styrer typografien p\u00e5 dit websted. De tilg\u00e6ngelige kontroller i dette panel afh\u00e6nger naturligvis af dine <strong>theme.json<\/strong>-indstillinger.<\/p>\n<p>For eksempel erkl\u00e6rer temaet <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty Twenty-One Blocks<\/a> (TT1 Blocks) f\u00f8lgende typografiegenskaber:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t\"typography\": {\n\t\t\"customLineHeight\": true,\n\t\t\"fontSizes\": [],\n\t\t\"fontFamilies\": []\n\t}\n}<\/code><\/pre>\n<p>Det n\u00e6ste billede viser de resulterende typografiindstillinger i Global Styles-sidebar:<\/p>\n<figure id=\"attachment_112443\" aria-describedby=\"caption-attachment-112443\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112443 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-typography-settings.jpg\" alt=\"Typografiindstillinger i TT1 Blocks Global Styles.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112443\" class=\"wp-caption-text\">Typografiindstillinger i TT1 Blocks Global Styles.<\/figcaption><\/figure>\n<p>Lad os dykke lidt dybere og se, hvordan TT1 Blocks-temaet erkl\u00e6rer <code>fontFamilies<\/code>:<\/p>\n<pre><code class=\"language-json\">\"fontFamilies\": [\n\t{\n\t\t\"fontFamily\": \"-apple-system,BlinkMacSystemFont,\\\"Segoe UI\\\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\\\"Helvetica Neue\\\",sans-serif\",\n\t\t\"slug\": \"system-font\",\n\t\t\"name\": \"System Font\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n\t\t\"slug\": \"helvetica-arial\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Geneva, Tahoma, Verdana, sans-serif\",\n\t\t\"slug\": \"geneva-verdana\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Cambria, Georgia, serif\",\n\t\t\"slug\": \"cambria-georgia\"\n\t},\n\t{\n\t\t\"fontFamily\": \"Hoefler Text, Baskerville Old Face, Garamond, Times New Roman, serif\",\n\t\t\"slug\": \"hoefler-times-new-roman\"\n\t}\n]<\/code><\/pre>\n<p>Du kan kontrollere disse skrifttype familier i preview panelet Global Styles:<\/p>\n<figure id=\"attachment_112427\" aria-describedby=\"caption-attachment-112427\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112427 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-font-preview.jpg\" alt=\"Skrifttype familier tilg\u00e6ngelige i Twenty Twenty-One blokke.\" width=\"1682\" height=\"804\"><figcaption id=\"caption-attachment-112427\" class=\"wp-caption-text\">Skrifttype familier tilg\u00e6ngelige i Twenty Twenty-One blokke.<\/figcaption><\/figure>\n<h3>Farver<\/h3>\n<p>I sektionen Farver kan du se og redigere farvepaletter og tilpasse farven p\u00e5 flere webstedselementer.<\/p>\n<figure id=\"attachment_112428\" aria-describedby=\"caption-attachment-112428\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112428 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/colors-panel-in-tt1b.jpg\" alt=\"Farver panel i Twenty Twenty-One blokke\" width=\"1522\" height=\"1348\"><figcaption id=\"caption-attachment-112428\" class=\"wp-caption-text\">Farver panel i Twenty Twenty-One blokke<\/figcaption><\/figure>\n<p>Ved at klikke p\u00e5 disse elementer f\u00e5r du adgang til et nyt panel, hvor du kan v\u00e6lge farver fra tre farvepaletter: Kerne, Tema og Brugerdefineret palet (l\u00e6s mere i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">Standardfarver, Temafarver og Brugerdefinerede farver<\/a>).<\/p>\n<figure id=\"attachment_112445\" aria-describedby=\"caption-attachment-112445\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/tt1b-color-settings.jpg\" alt=\"Farveindstillinger i Twenty Twenty-One blokke\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112445\" class=\"wp-caption-text\">Farveindstillinger i Twenty Twenty-One blokke<\/figcaption><\/figure>\n<p>I dette panel vil du v\u00e6re i stand til at indstille og \u00e6ndre farven for det aktuelle element.<\/p>\n<figure id=\"attachment_112430\" aria-describedby=\"caption-attachment-112430\" style=\"width: 1522px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112430 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/color-picker-1.jpg\" alt=\"Tilpasning af linkfarve i Global Styles.\" width=\"1522\" height=\"1286\"><figcaption id=\"caption-attachment-112430\" class=\"wp-caption-text\">Tilpasning af linkfarve i Global Styles.<\/figcaption><\/figure>\n<h3>Layout<\/h3>\n<p>Den sidste gruppe v\u00e6rkt\u00f8jer er beregnet til layouttilpasninger. I den globale sammenh\u00e6ng er dette begr\u00e6nset til webstedscontaineren.<\/p>\n<figure id=\"attachment_112431\" aria-describedby=\"caption-attachment-112431\" style=\"width: 2404px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112431 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/global-padding-setting.jpg\" alt=\"Layoutindstillinger i Twenty Twenty-One blokke.\" width=\"2404\" height=\"1350\"><figcaption id=\"caption-attachment-112431\" class=\"wp-caption-text\">Layoutindstillinger i Twenty Twenty-One blokke.<\/figcaption><\/figure>\n<h3>Blokke<\/h3>\n<p>Med implementeringen af Global Styles-mekanismen er det nu ogs\u00e5 muligt at \u00e6ndre udseendet for specifikke blokke, s\u00e5som afsnit (typografi og farver), knapper (layout) og kolonne (farver og layout).<\/p>\n<p>Bem\u00e6rk, at <strong>blokstile kun kan tilpasses fra Global Styles-gr\u00e6nsefladen, hvis blokken erkl\u00e6rer underst\u00f8ttelse af specifik funktionalitet i den tilsvarende block.json-fil.<\/strong> For eksempel underst\u00f8tter <code>core\/post-title<\/code> blokken i \u00f8jeblikket f\u00f8lgende stilarter:<\/p>\n<pre><code class=\"language-json\">\"supports\": {\n\t\"align\": [ \"wide\", \"full\" ],\n\t\"html\": false,\n\t\"color\": {\n\t\t\"gradients\": true,\n\t\t\"link\": true\n\t},\n\t\"spacing\": {\n\t\t\"margin\": true\n\t},\n\t\"typography\": {\n\t\t\"fontSize\": true,\n\t\t\"lineHeight\": true,\n\t\t\"__experimentalFontFamily\": true,\n\t\t\"__experimentalFontWeight\": true,\n\t\t\"__experimentalFontStyle\": true,\n\t\t\"__experimentalTextTransform\": true,\n\t\t\"__experimentalLetterSpacing\": true,\n\t\t\"__experimentalDefaultControls\": {\n\t\t\t\"fontSize\": true,\n\t\t\t\"fontAppearance\": true,\n\t\t\t\"textTransform\": true\n\t\t}\n\t}\n},<\/code><\/pre>\n<p>Da <code>core\/post-title<\/code> blokken\u00a0 underst\u00f8tter farver, mellemrum og typografi, finder du de tilsvarende poster i Global Styles-indstillingerne i Post Title-blokken.<\/p>\n<p>F\u00f8lgende billede viser typografi indstillinger, som du nemt kan sammenligne med ovenst\u00e5ende kode:<\/p>\n<figure id=\"attachment_112449\" aria-describedby=\"caption-attachment-112449\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112449 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/post-tytle-typography-settings.jpg\" alt=\"Tilpasning af typografi indstillinger for post title\" width=\"1790\" height=\"1308\"><figcaption id=\"caption-attachment-112449\" class=\"wp-caption-text\">Tilpasning af typografi indstillinger for post title<\/figcaption><\/figure>\n<p>Det er v\u00e6rd at bem\u00e6rke, at WordPress 5.9 kun leverer den f\u00f8rste implementering af Global Styles-gr\u00e6nsefladen. Som <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">Matias Ventura p\u00e5peger<\/a>, kan vi med rimelighed forvente yderligere udvikling af den nye stil kontrolfunktion:<\/p>\n<blockquote><p>I fremtiden vil der v\u00e6re flows indbygget i systemet, der giver dig mulighed for at flytte fra lokale stilarter til globale &#8211; som at lave tilpasninger til en button block og v\u00e6lge at anvende dem globalt \u00e6ndringer p\u00e5 tv\u00e6rs af alle knapper af den type.<\/p><\/blockquote>\n<p>S\u00e5 vi kan snart se store forbedringer. Billedet nedenfor er blot et eksempel p\u00e5, hvad vi kan forvente:<\/p>\n<figure id=\"attachment_112432\" aria-describedby=\"caption-attachment-112432\" style=\"width: 1586px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112432 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/link-state-color.jpg\" alt=\"I fremtiden kan du kontrollere linktilstandsfarven.\" width=\"1586\" height=\"872\"><figcaption id=\"caption-attachment-112432\" class=\"wp-caption-text\">I fremtiden kan du kontrollere linktilstandsfarven. (Billedekilde <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">GitHub<\/a>)<\/figcaption><\/figure>\n<p>Yderligere forbedringer kunne omfatte <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/pull\/292\">muligheden for temaer<\/a> til at <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36304\">give alternative farvepaletter<\/a> og flere <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35619\">globale stil variationer<\/a>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1460270505513082881<\/p>\n<p>Udviklere kan dykke dybere ned i den globale stylingmekanisme i supportartiklen <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Settings &#038; Styles (theme.json)<\/a>. Du finder yderligere eksempler i vores introduktion til <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#global-styles-in-twenty-twentytwo\">Twenty Twenty-Two standardtemaet<\/a>.<\/p>\n<h2>Navigationsblokken<\/h2>\n<p>Navigationsblokken <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">er blevet kaldt<\/a> &#8220;en af de mest virkningsfulde temablokke&#8221;, og vi er ikke bange for at sige, at vi er enige.<\/p>\n<p>Blokken har v\u00e6ret i den embryonale fase i et stykke tid (se ogs\u00e5 Navigation Block <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/27593\">Tracking Issue<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/35521\">Tracking Issue i2<\/a>). Alligevel, nu hvor alle <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36556\">afventende problemer og blokeringer,<\/a> der er angivet som WordPress 5.9 must-haves, er blevet rettet, kan vi endelig begynde at bruge <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34041\">en af de mest kraftfulde funktioner<\/a> fusioneret ind i kernen med <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">WordPress 5.9<\/a>.<\/p>\n<h3>Et hurtigt overblik over navigations blok gr\u00e6nsefladen<\/h3>\n<p>At bruge den nye blok kan v\u00e6re lidt forvirrende i starten, men n\u00e5r du f\u00f8rst har f\u00e5et styr p\u00e5 det, vil du v\u00e6rds\u00e6tte dets fulde potentiale.<\/p>\n<figure id=\"attachment_112667\" aria-describedby=\"caption-attachment-112667\" style=\"width: 1382px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112667 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-placeholder.jpg\" alt=\"Placeholder for navigationsblokken\" width=\"1382\" height=\"404\"><figcaption id=\"caption-attachment-112667\" class=\"wp-caption-text\">Placeholder for navigationsblokken<\/figcaption><\/figure>\n<p>N\u00e5r du f\u00f8rst tilf\u00f8jer en navigationsblok, giver blokpladsholderen tre muligheder for at v\u00e6lge en eksisterende blokbaseret menu, oprette en menu med alle sider eller starte p\u00e5 en frisk med en tom menu.<\/p>\n<figure id=\"attachment_112672\" aria-describedby=\"caption-attachment-112672\" style=\"width: 1412px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112672 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/select-navigation-menu.jpg\" alt=\"Valg af en eksisterende navigationsmenu.\" width=\"1412\" height=\"860\"><figcaption id=\"caption-attachment-112672\" class=\"wp-caption-text\">Valg af en eksisterende navigationsmenu.<\/figcaption><\/figure>\n<p>Den nye navigationsmenu giver dig ogs\u00e5 mulighed for at importere menuer oprettet via <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\">Appearance Menus Screen<\/a>, der er tilg\u00e6ngelig med klassiske temaer.<\/p>\n<p>Dette betyder, at hvis du skifter fra et klassisk tema til et bloktema, beh\u00f8ver du ikke genopbygge dine eksisterende menuer. Du skal bare v\u00e6lge en af dine aktuelt tilg\u00e6ngelige &#8220;klassiske menuer&#8221;, og den bliver automatisk <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">konverteret til en blokbaseret navigationsmenu<\/a>.<\/p>\n<figure id=\"attachment_113474\" aria-describedby=\"caption-attachment-113474\" style=\"width: 1352px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113474 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/importing-cassic-menus.jpg\" alt=\"Valg af en klassisk menu.\" width=\"1352\" height=\"1280\"><figcaption id=\"caption-attachment-113474\" class=\"wp-caption-text\">Valg af en klassisk menu.<\/figcaption><\/figure>\n<p>Du kan tilf\u00f8je navigationsblokken hvor som helst p\u00e5 dine sider. For eksempel kan du finde det nyttigt i <a href=\"https:\/\/kinsta.com\/blog\/long-form-articles\/\">artikler i lang form<\/a> at oprette en <a href=\"https:\/\/kinsta.com\/dk\/blog\/anchor-links\/\">indholdsfortegnelse<\/a>, s\u00e5 brugerne kan hoppe til specifikke indholdssektioner.<\/p>\n<figure id=\"attachment_112673\" aria-describedby=\"caption-attachment-112673\" style=\"width: 1424px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112673 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/internal-links-navigation.jpg\" alt=\"Tilf\u00f8jelse af anchor links til en navigationsmenu.\" width=\"1424\" height=\"1024\"><figcaption id=\"caption-attachment-112673\" class=\"wp-caption-text\">Tilf\u00f8jelse af anchor links til en navigationsmenu.<\/figcaption><\/figure>\n<p>Nye navigationslinks tilf\u00f8jes \u00f8jeblikkeligt til navigationsblokken ved at klikke p\u00e5 plus (<strong>+<\/strong>) ikonet i h\u00f8jre side (se ogs\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">Gutenberg 11.7 release notes<\/a>), <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34899\">medmindre andre typer blokke<\/a> allerede er blevet tilf\u00f8jet til menuen.<\/p>\n<figure id=\"attachment_112662\" aria-describedby=\"caption-attachment-112662\" style=\"width: 1416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112662 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-appender.jpg\" alt=\"Navigation Block Appender, der viser navigationslinks.\" width=\"1416\" height=\"1246\"><figcaption id=\"caption-attachment-112662\" class=\"wp-caption-text\">Navigation Block Appender, der viser navigationslinks.<\/figcaption><\/figure>\n<p>Ved at klikke p\u00e5 knappen <strong>Rediger<\/strong> i v\u00e6rkt\u00f8jslinjen Navigation Link-blok konverteres et menupunkt til et brugerdefineret link. Dette giver dig mulighed for at tilf\u00f8je, redigere, omarrangere og fjerne elementer individuelt.<\/p>\n<figure id=\"attachment_112674\" aria-describedby=\"caption-attachment-112674\" style=\"width: 1426px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112674 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/converting-navigation-menu-items.jpg\" alt=\"Konvertering af en navigationsmenu til individuelle sidelinks.\" width=\"1426\" height=\"770\"><figcaption id=\"caption-attachment-112674\" class=\"wp-caption-text\">Konvertering af en navigationsmenu til individuelle sidelinks.<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">transformere links til blokke<\/a> ved at klikke p\u00e5 knappen <strong>Transformer<\/strong> p\u00e5 blok v\u00e6rkt\u00f8jslinjen. Dette giver dig mulighed for at tilf\u00f8je <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34978\">specifikke blokke direkte til navigationsmenuen<\/a>.<\/p>\n<figure id=\"attachment_112675\" aria-describedby=\"caption-attachment-112675\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112675 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/transform-links-to-blocks-in-navigation-menu.jpg\" alt=\"mdannelse af navigationslinks til blokke.\" width=\"1398\" height=\"700\"><figcaption id=\"caption-attachment-112675\" class=\"wp-caption-text\">mdannelse af navigationslinks til blokke.<\/figcaption><\/figure>\n<p>Custom Link, Spacer, Site Logo, Home Link, Social Icons og Search-blokke er nu eksponeret for brugere, n\u00e5r de tilf\u00f8jer blokke til navigationsmenuer.<\/p>\n<p>I sidebar Indstillinger finder du et omfattende s\u00e6t muligheder for at kontrollere flere aspekter af dine navigationsmenuer.<\/p>\n<p>Layoutpanelet indeholder kontroller til <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35077\">justering<\/a>, orientering og ombrydning.<\/p>\n<figure id=\"attachment_112666\" aria-describedby=\"caption-attachment-112666\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112666 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-layout-settings.jpg\" alt=\"Indstillinger for navigation block layout\" width=\"1688\" height=\"644\"><figcaption id=\"caption-attachment-112666\" class=\"wp-caption-text\">Indstillinger for navigation block layout<\/figcaption><\/figure>\n<p>Navigationsblokken har ogs\u00e5 et <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">forbedret panel med sk\u00e6rmindstillinger<\/a> med mulighed for en burgermenu, der altid er t\u00e6ndt.<\/p>\n<figure id=\"attachment_112664\" aria-describedby=\"caption-attachment-112664\" style=\"width: 1682px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112664 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-display-settings.jpg\" alt=\"Et forbedret panel for sk\u00e6rmindstillinger til navigationsblokken.\" width=\"1682\" height=\"1008\"><figcaption id=\"caption-attachment-112664\" class=\"wp-caption-text\">Et forbedret panel for sk\u00e6rmindstillinger til navigationsblokken.<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 tilpasse tekst- og baggrundsfarver til dine menuer og undermenuer.<\/p>\n<figure id=\"attachment_112663\" aria-describedby=\"caption-attachment-112663\" style=\"width: 1686px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112663 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-color-settings.jpg\" alt=\"Farveindstillinger for navigationsblok.\" width=\"1686\" height=\"1162\"><figcaption id=\"caption-attachment-112663\" class=\"wp-caption-text\">Farveindstillinger for navigationsblok.<\/figcaption><\/figure>\n<p>En anden nyttig <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">tilf\u00f8jelse, der for nylig<\/a> er tilf\u00f8jet til navigationsblokken, er <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">Block Gap support<\/a>, som tilf\u00f8jer brugerens mulighed for at kontrollere afstanden mellem menupunkter.<\/p>\n<figure id=\"attachment_112669\" aria-describedby=\"caption-attachment-112669\" style=\"width: 1684px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112669 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-spacing.jpg\" alt=\"Block spacing kontrol p\u00e5 navigationsblokken.\" width=\"1684\" height=\"1114\"><figcaption id=\"caption-attachment-112669\" class=\"wp-caption-text\">Block spacing kontrol p\u00e5 navigationsblokken.<\/figcaption><\/figure>\n<p>Typografi-panelet indeholder et s\u00e6t kontrolelementer til skrifttypefamilie, udseende, linjeh\u00f8jde, dekoration og store og sm\u00e5 bogstaver. Alle disse kontroller kan sl\u00e5s til\/fra fra en rullemenu, der vises, n\u00e5r du klikker p\u00e5 ellipseikonet til h\u00f8jre.<\/p>\n<figure id=\"attachment_112670\" aria-describedby=\"caption-attachment-112670\" style=\"width: 1688px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112670 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-typography-settings.jpg\" alt=\"Typografiindstillinger for navigationsblok.\" width=\"1688\" height=\"964\"><figcaption id=\"caption-attachment-112670\" class=\"wp-caption-text\">Typografiindstillinger for navigationsblok.<\/figcaption><\/figure>\n<h3>Navigationsblokken: Bag kulissen<\/h3>\n<p>Navigationsblokdata gemmes i databasen ved hj\u00e6lp af en <code>wp_navigation<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35746\">dedikeret posttype<\/a>.<\/p>\n<p>Hvorfor er dette interessant for WordPress-brugere, og hvordan fungerer det?<\/p>\n<p>Lad os sige, at du har oprettet en navigationsmenu best\u00e5ende af to brugerdefinerede links og et s\u00f8gefelt. Med <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\">Twenty Twenty-Two-temaet<\/a> installeret, kunne menuen se ud som vist p\u00e5 f\u00f8lgende billede:<\/p>\n<figure id=\"attachment_112665\" aria-describedby=\"caption-attachment-112665\" style=\"width: 1610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112665 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-block-example.jpg\" alt=\"Eksempel p\u00e5 navigationsblok\" width=\"1610\" height=\"246\"><figcaption id=\"caption-attachment-112665\" class=\"wp-caption-text\">Eksempel p\u00e5 navigationsblok<\/figcaption><\/figure>\n<p>Navigationsblokken ovenfor er gemt i databasen som <code>wp_navigation<\/code> post type som f\u00f8lger:<\/p>\n<pre><code class=\"language-html\">&lt;!-- wp:navigation-link {\"label\":\"Contacts\",\"type\":\"page\",\"id\":7,\"url\":\"http:\/\/wordpress-59.local\/?page_id=7\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:navigation-link {\"label\":\"About Us\",\"type\":\"page\",\"id\":10,\"url\":\"http:\/\/wordpress-59.local\/?page_id=10\",\"kind\":\"post-type\",\"isTopLevelLink\":true} \/--&gt;\n\n&lt;!-- wp:search {\"showLabel\":false,\"placeholder\":\"Search the site\",\"buttonPosition\":\"button-inside\",\"buttonUseIcon\":true} \/--&gt;<\/code><\/pre>\n<p>Lagring af navigationsblokkens indhold i databasen g\u00f8r det muligt for brugere at bruge de samme navigationsmenuer p\u00e5 tv\u00e6rs af forskellige bloktemaer. Hvis menuen ikke umiddelbart er synlig, v\u00e6lger du blot den \u00f8nskede navigationsmenu i menuv\u00e6lgeren (se ogs\u00e5 nummer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36087\">#36087<\/a> og PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36178\">#36178<\/a>).<\/p>\n<p>F\u00f8lgende billede viser menuen ovenfor med <a href=\"https:\/\/kinsta.com\/blog\/twenty-twenty-one-theme\/#the-twenty-twentyone-blocks-experiment\">Twenty-Twenty-One Blocks-temaet<\/a>:<\/p>\n<figure id=\"attachment_112671\" aria-describedby=\"caption-attachment-112671\" style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112671 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/navigation-menu-selector-tt1b.jpg\" alt=\"V\u00e6lg menu Twenty Twenty-One Blocks.\" width=\"1158\" height=\"708\"><figcaption id=\"caption-attachment-112671\" class=\"wp-caption-text\">V\u00e6lg menu Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<p>Navigationsblokken har gennemg\u00e5et flere gentagelser. Du kan dykke dybere ned i hver implementering i Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a>, og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a> release notes.<\/p>\n<p>Du kan ogs\u00e5 l\u00e6se mere om Navigationsblokken i den <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">nye Navigation Block dev note<\/a> og <a href=\"https:\/\/wordpress.org\/support\/article\/navigation-block\/\">Navigation block support artikel<\/a>.<\/p>\n<h2>Billedgalleri, udvalgte billeder og webstedsikoner<\/h2>\n<p>Med det form\u00e5l at f\u00e5 billeder til at opf\u00f8re sig mere konsistent p\u00e5 tv\u00e6rs af forskellige sammenh\u00e6nge, \u200b\u200bleverer WordPress 5.9 nye funktioner og forbedringer til flere blokke. Galleriblokken er blevet fuldst\u00e6ndig revideret, mens forskellige \u00e6ndringer i blokkene Udvalgt billede og webstedsikon giver brugerne mere detaljeret kontrol over de respektive billeder.<\/p>\n<h3>En Refactored Gallery Block<\/h3>\n<p>I WordPress 5.8 var muligheden for at tilpasse udseendet af billeder i gallerier noget begr\u00e6nset. Der var ingen m\u00e5de at \u00e6ndre billedstil eller anvende et duotone filter.<\/p>\n<p>Derudover manglede vigtige funktioner i galleri billeder, s\u00e5som tilf\u00f8jelse af brugerdefinerede links til individuelle billeder i et galleri.<\/p>\n<p>For bedre at forst\u00e5 \u00e5rsagen til denne asymmetri mellem billeder i de to forskellige kontekster af et enkelt billede og et billede i et galleri, lad os tage et kig p\u00e5 Galleri-blokken i kodevisning i WordPress 5.8:<\/p>\n<figure id=\"attachment_112457\" aria-describedby=\"caption-attachment-112457\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112457 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-8.jpg\" alt=\"Gallery Block i kodevisning i WordPress 5.8.\" width=\"1896\" height=\"494\"><figcaption id=\"caption-attachment-112457\" class=\"wp-caption-text\">Gallery Block i kodevisning i WordPress 5.8.<\/figcaption><\/figure>\n<p>Bem\u00e6rk, at billeddetaljer kun gemmes i Galleri-blok adskilleren (se ogs\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/#what-is-a-gutenberg-block\">What Is a Gutenberg Block?<\/a>).<\/p>\n<figure id=\"attachment_112461\" aria-describedby=\"caption-attachment-112461\" style=\"width: 1822px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112461 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-8.jpg\" alt=\"Inspicerer galleriblok i WordPress 5.8.\" width=\"1822\" height=\"778\"><figcaption id=\"caption-attachment-112461\" class=\"wp-caption-text\">Inspicerer galleriblok i WordPress 5.8.<\/figcaption><\/figure>\n<p>Dette fik <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/11436\">individuelle billeder til at opf\u00f8re sig anderledes end billeder i gallerier<\/a>.<\/p>\n<p>For at f\u00e5 billeder til at opf\u00f8re sig ensartet i de to forskellige sammenh\u00e6nge, introducerer WordPress 5.9 en <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">fuldst\u00e6ndig omdannet Galleri-blok<\/a>, der nu <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">opf\u00f8rer sig som en beholder til en samling af figurelementer<\/a> i stedet for en uordnet liste af billeder.<\/p>\n<p>I WordPress 5.9 indlejres galleribilleder ved hj\u00e6lp af de <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/#innerblocks-component\">core <code>innerBlocks<\/code> APIs<\/a>, og hvert billede gemmer sit eget s\u00e6t af detaljer, pr\u00e6cis som individuelle billeder.<\/p>\n<figure id=\"attachment_112458\" aria-describedby=\"caption-attachment-112458\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112458 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-code-view-wordpress-5-9.jpg\" alt=\"Galleriblok i kodevisning i WordPress 5.9\" width=\"1896\" height=\"628\"><figcaption id=\"caption-attachment-112458\" class=\"wp-caption-text\">Galleriblok i kodevisning i WordPress 5.9<\/figcaption><\/figure>\n<p>Det er en stor forbedring, da <strong>Galleri-blok billeder nu underst\u00f8tter de samme funktioner, der er tilg\u00e6ngelige i kernebilledblokke<\/strong>, s\u00e5som billeddimensioner og <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#duotone-block-support\">duotone-filtre<\/a>, samt standard blockfunktioner, s\u00e5som drag n drop, kopier, dupliker og fjern funktioner .<\/p>\n<figure id=\"attachment_112462\" aria-describedby=\"caption-attachment-112462\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112462 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-wordpress-5-9.jpg\" alt=\"Inspicerer galleriblok i WordPress 5.9\" width=\"1604\" height=\"864\"><figcaption id=\"caption-attachment-112462\" class=\"wp-caption-text\">Inspicerer galleriblok i WordPress 5.9<\/figcaption><\/figure>\n<p>Med den nye Galleri-blok vil du v\u00e6re i stand til at style billeder individuelt. Dette giver en bred vifte af tilpasningsmuligheder.<\/p>\n<p>Billedet nedenfor viser flere billeder i et galleri, hver med forskelligt afrundede hj\u00f8rner:<\/p>\n<figure id=\"attachment_112459\" aria-describedby=\"caption-attachment-112459\" style=\"width: 1642px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112459 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-full-wordpress-5-9.jpg\" alt=\"Den nye Galleri-blok er en indpakning til individuelle billede blokke.\" width=\"1642\" height=\"1274\"><figcaption id=\"caption-attachment-112459\" class=\"wp-caption-text\">Den nye Galleri-blok er en indpakning til individuelle billede blokke.<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 bruge forskellige duotone-filtre p\u00e5 forskellige billeder i det samme galleri.<\/p>\n<figure id=\"attachment_112460\" aria-describedby=\"caption-attachment-112460\" style=\"width: 1728px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112460 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/gallery-block-image-duotone-filters.jpg\" alt=\"Forskellige duotone-filtre anvendt p\u00e5 forskellige billeder i en Galleri-blok\" width=\"1728\" height=\"1048\"><figcaption id=\"caption-attachment-112460\" class=\"wp-caption-text\">Forskellige duotone-filtre anvendt p\u00e5 forskellige billeder i en Galleri-blok<\/figcaption><\/figure>\n<p>Og du kan selvf\u00f8lgelig tildele en specifik CSS-klasse til hvert billede, hvilket giver dig yderligere superkr\u00e6fter til at tilf\u00f8je den tilpasning, du har brug for, til dine gallery billeder.<\/p>\n<p>For et n\u00e6rmere overblik over den nye galleriblok, se ogs\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">Gallery Block Refactor Dev Note<\/a>, <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">Kommende Gallery Block-forbedringe<\/a>r og <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">Gutenberg 11.4 release notes<\/a>.<\/p>\n<h3>Udvalgte billedforbedringer<\/h3>\n<p>Adskillige forbedringer er ogs\u00e5 blevet bragt til Featured Image-blokken.<\/p>\n<h4>Kontrolelementer til grundl\u00e6ggende dimensioner<\/h4>\n<p>Udvalgte billede blokken har nu et nyt Dimensions-indstillingspanel, der giver <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31634\">h\u00f8jde, bredde og skalakontrol<\/a>.<\/p>\n<figure id=\"attachment_112828\" aria-describedby=\"caption-attachment-112828\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112828 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-1.jpg\" alt=\"Udvalgte billeddimensioner panel.\" width=\"2032\" height=\"1128\"><figcaption id=\"caption-attachment-112828\" class=\"wp-caption-text\">Udvalgte billeddimensioner panel.<\/figcaption><\/figure>\n<p>Dimensionskontrol g\u00e6lder ogs\u00e5 for fremh\u00e6vede billeder i Query Loop-blokke, som vist p\u00e5 f\u00f8lgende billede:<\/p>\n<figure id=\"attachment_112829\" aria-describedby=\"caption-attachment-112829\" style=\"width: 2876px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112829 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-dimensions-control-2.jpg\" alt=\"Udvalgte billeddimensioner i en Query Loop-blok.\" width=\"2876\" height=\"1202\"><figcaption id=\"caption-attachment-112829\" class=\"wp-caption-text\">Udvalgte billeddimensioner i en Query Loop-blok.<\/figcaption><\/figure>\n<h4>Duotone-filtre p\u00e5 udvalgte billeder<\/h4>\n<p>Vi n\u00e6vnte ovenfor, at vi nu kan anvende duotone-filteret i billeder pakket ind i den nye refactored Gallery-blok.<\/p>\n<p>Nu, startende med WordPress 5.9, er <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#duotone-block-support\">duotone-filtre<\/a> ogs\u00e5 tilg\u00e6ngelige i udvalgte billede blokke i enhver sammenh\u00e6ng, fra post- og sideskabeloner til Query Loop-blokke.<\/p>\n<figure id=\"attachment_112830\" aria-describedby=\"caption-attachment-112830\" style=\"width: 2110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112830 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/featured-image-duotone-filter.jpg\" alt=\"Duotone-filter p\u00e5 fremh\u00e6vede billeder i en Query Loop-blok.\" width=\"2110\" height=\"1042\"><figcaption id=\"caption-attachment-112830\" class=\"wp-caption-text\">Duotone-filter p\u00e5 fremh\u00e6vede billeder i en Query Loop-blok.<\/figcaption><\/figure>\n<p>Denne funktion \u00e5bner d\u00f8ren til kreative og ensartede farvekombinationer p\u00e5 hele webstedet.<\/p>\n<h3>Billedbesk\u00e6ring i webstedslogo<\/h3>\n<p>F\u00f8r WordPress 5.9 (og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">Gutenberg 11.6<\/a>) kunne logobilleder kun redigeres, f\u00f8r de blev uploadet. Med WordPress 5.9 kan du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31607\">besk\u00e6re, zoome og rotere billeder<\/a> brugt i webstedslogoblokken direkte fra blokv\u00e6rkt\u00f8jslinjen.<\/p>\n<figure id=\"attachment_112831\" aria-describedby=\"caption-attachment-112831\" style=\"width: 1258px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112831 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/editing-logo-image.jpg\" alt=\"Redigering af websteds logobillede.\" width=\"1258\" height=\"1272\"><figcaption id=\"caption-attachment-112831\" class=\"wp-caption-text\">Redigering af websteds logobillede.<\/figcaption><\/figure>\n<h2>Nye designv\u00e6rkt\u00f8jer, blokke og UI-forbedringer<\/h2>\n<p>Elleve Gutenberg-versioner bliver fusioneret ind i kernen med WordPress 5.9 og leverer s\u00e5 mange funktioner, forbedringer og fejlrettelser, at det ikke ville v\u00e6re muligt at d\u00e6kke dem alle i en enkelt artikel.<\/p>\n<p>S\u00e5 vi valgte nogle af dem, som vi fandt mest opm\u00e6rksomhedsv\u00e6rdige. For et dybere overblik over disse funktioner og forbedringer kan du ogs\u00e5 tjekke udgivelsesindl\u00e6ggene for Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/10\/whats-new-in-gutenberg-10-8-9-june\/\">10.8<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">10.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/09\/whats-new-in-gutenberg-11-0-0-9-july\/\">11.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">11.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">11.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">11.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">11.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">11.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">11.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">11.7<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">11.8<\/a>, og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">11.9<\/a>.<\/p>\n<p>N\u00e5r det er sagt, vil dette afsnit d\u00e6kke f\u00f8lgende \u00e6ndringer:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Border underst\u00f8tter UI<\/h3>\n<p>Startende med WordPress 5.9, n\u00e5r <strong>theme.json<\/strong> erkl\u00e6rer <code>border<\/code> indstillinger, og en blok erkl\u00e6rer gr\u00e6nseunderst\u00f8ttelse via <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">Block Supports API<\/a>, vil et nyt indstillingspanel give kontrol for <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31585\">border radius, bredde, stil, farve<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33315\">enheder<\/a> (se ogs\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">Gutenberg 11.1<\/a>).<\/p>\n<p><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/group\">Kernegruppeblokken<\/a> er et godt eksempel p\u00e5 denne nyttige UI-forbedring. <strong>Block.json<\/strong>-filen for gruppeblokken inkluderer nu f\u00f8lgende <code>supports<\/code> erkl\u00e6ringer:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"supports\": {\n\t\t\"align\": [ \"wide\", \"full\" ],\n\t\t\"anchor\": true,\n\t\t\"html\": false,\n\t\t\"color\": {\n\t\t\t\"gradients\": true,\n\t\t\t\"link\": true\n\t\t},\n\t\t\"spacing\": {\n\t\t\t\"padding\": true,\n\t\t\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"padding\": true\n\t\t\t}\n\t\t},\n\t\t\"__experimentalBorder\": {\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\t\"__experimentalDefaultControls\": {\n\t\t\t\t\"color\": true,\n\t\t\t\t\"radius\": true,\n\t\t\t\t\"style\": true,\n\t\t\t\t\"width\": true\n\t\t\t}\n\t\t},\n\t\t...\n\t},\n\t...\n}<\/code><\/pre>\n<p>Denne funktion giver brugerne mulighed for at skabe fantastiske grafiske effekter p\u00e5 deres websteder med minimal indsats. Du kan se det i aktion med det nye Twenty Twenty-Two-tema.<\/p>\n<p>I et nyt indl\u00e6g eller en ny side skal du oprette en ny gruppeblok og v\u00e6lge den. Du vil se et <strong>border<\/strong> panel i sidebar med blokindstillinger. Skift kantbredde og stil efter behov, og nyd resultatet.<\/p>\n<figure id=\"attachment_112693\" aria-describedby=\"caption-attachment-112693\" style=\"width: 1868px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112693 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/border-controls.jpg\" alt=\"En gruppeblok med en brugerdefineret border konfiguration med Twenty Twenty-Two.\" width=\"1868\" height=\"1222\"><figcaption id=\"caption-attachment-112693\" class=\"wp-caption-text\">En gruppeblok med en brugerdefineret border konfiguration med Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Hvis du er en temaudvikler og \u00f8nsker at tilf\u00f8je denne funktion til dine temaer, skal du \u00e5bne din <strong>theme.json<\/strong>-fil og erkl\u00e6re border underst\u00f8ttelse som vist i f\u00f8lgende kode:<\/p>\n<pre><code class=\"language-json\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"border\": {\n\t\t\t\"customColor\": true,\n\t\t\t\"customRadius\": true,\n\t\t\t\"customStyle\": true,\n\t\t\t\"customWidth\": true\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Gem filen og g\u00e5 tilbage til dit WordPress-dashboard. I et nyt indl\u00e6g eller en ny side skal du oprette en ny gruppeblok og v\u00e6lge den. Du skulle nu se et Border-panel i sidebar med blokindstillinger (se ogs\u00e5 dette <a href=\"https:\/\/gist.github.com\/aaronrobertshaw\/8ed108e4a024b81297a55fc498ef3a57\">eksperimentelle tema.json<\/a>).<\/p>\n<h3>Listevisningsforbedringer<\/h3>\n<p>Med WordPress 5.9 er listevisningen blevet forbedret og har nu drag n drop, sammenklappelige sektioner og HTML-anchors.<\/p>\n<h4>drag n drop i listevisning<\/h4>\n<p>Som n\u00e6vnt i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33320\">pull request #33320<\/a> er tr\u00e6k-og-slip blevet implementeret i listevisningen, men blev deaktiveret p\u00e5 grund af ydeevneproblemer.<\/p>\n<p>Fra og med WordPress 5.9 er drag n drop i listevisning blevet genimplementeret. Du kan igen <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">drag n drop blokke<\/a> og grupper af blokke hvor som helst i listevisningen. Dette er en stor forbedring af editorens brugervenlighed, da det giver dig mulighed for hurtigt og nemt at flytte blokke og grupper af blokke rundt p\u00e5 dine sider. Det er medvirkende til <a href=\"https:\/\/kinsta.com\/blog\/long-form-articles\/\">langformede artikler<\/a> og sider og styring af komplekse strukturer af indlejrede blokke.<\/p>\n<figure id=\"attachment_112560\" aria-describedby=\"caption-attachment-112560\" style=\"width: 1994px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112560 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/drag-and-drop-in-list-view.jpg\" alt=\"drag n drop i listevisning.\" width=\"1994\" height=\"1180\"><figcaption id=\"caption-attachment-112560\" class=\"wp-caption-text\">drag n drop i listevisning.<\/figcaption><\/figure>\n<h4>Listevisning sammenklappelige sektioner<\/h4>\n<p>En anden v\u00e6sentlig forbedring af listevisningen er evnen til at <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">udvide\/skjule sektioner af indlejrede blokke<\/a>. Dette giver dig mulighed for nemt at navigere i komplekse blokstrukturer, udvide enkelte grupper af blokke, mens resten efterlades kollapset.<\/p>\n<p>Du kan ogs\u00e5 udvide og skjule listevisning sektioner <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32117\">ved hj\u00e6lp af venstre og h\u00f8jre pile<\/a>.<\/p>\n<figure id=\"attachment_112561\" aria-describedby=\"caption-attachment-112561\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112561 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/group-block-expanded.jpg\" alt=\"En udvidet gruppe af blokke.\" width=\"1996\" height=\"1102\"><figcaption id=\"caption-attachment-112561\" class=\"wp-caption-text\">En udvidet gruppe af blokke.<\/figcaption><\/figure>\n<h4>HTML-ankre p\u00e5 listevisningselementer<\/h4>\n<p>Endnu en nyttig forbedring er muligheden for at tilf\u00f8je HTML-anchors til dine blokke i listevisning og se dem p\u00e5 et \u00f8jeblik.<\/p>\n<figure id=\"attachment_112562\" aria-describedby=\"caption-attachment-112562\" style=\"width: 1997px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112562 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/html-anchors-list-view.jpg\" alt=\"HTML-ankre i listevisning.\" width=\"1997\" height=\"1112\"><figcaption id=\"caption-attachment-112562\" class=\"wp-caption-text\">HTML-ankre i listevisning.<\/figcaption><\/figure>\n<h3>Block gap spacing control<\/h3>\n<p>F\u00f8rst introduceret i <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4<\/a> og nu fusioneret ind i kernen med WordPress 5.9, giver den nye Block Spacing control dig mulighed for at indstille en tilpasset afstand mellem elementer inden for en blok. Nedenfor kan du se en forh\u00e5ndsvisning med forskellige blok spacing v\u00e6rdier i en kolonneblok med Twenty Twenty-Two standardtemaet:<\/p>\n<figure id=\"attachment_113303\" aria-describedby=\"caption-attachment-113303\" style=\"width: 1966px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113303 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/block-spacing-90.jpg\" alt=\"Styring af kolonner Block spacing i WordPress 5.9.\" width=\"1966\" height=\"1166\"><figcaption id=\"caption-attachment-113303\" class=\"wp-caption-text\">Styring af kolonner Block spacing i WordPress 5.9.<\/figcaption><\/figure>\n<p>Gap Spacing er i f\u00f8rste omgang tilg\u00e6ngelig for specifikke blokke, herunder knapper, billeder, kolonner, titler og navigation, men support b\u00f8r udvides til flere blokke i fremtiden.<\/p>\n<p>Temaer b\u00f8r aktivere Gap Spacing i <strong>theme.json<\/strong> ved hj\u00e6lp af den nye egenskab for appearanceTools. Du kan l\u00e6se mere om udseendev\u00e6rkt\u00f8jer i vores <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#layout-and-appearance-tools\">dyb dyk ned i Twenty Twenty-Two<\/a>. Se ogs\u00e5 pull-anmodninger <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">#33991<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34630\">#34630<\/a>.<\/p>\n<h3>Rich URL Preview til Link Control<\/h3>\n<p>Ved at drage fordel af det nye REST <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">url-details-slutpunkt<\/a>, giver Link-kontrollen nu et <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">rigt URL-eksempel<\/a>, der viser detaljer for en linkm\u00e5lressource.<\/p>\n<figure id=\"attachment_112702\" aria-describedby=\"caption-attachment-112702\" style=\"width: 1390px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112702 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/rich-url-preview.jpg\" alt=\"Rich URL-preview i indl\u00e6gseditoren.\" width=\"1390\" height=\"1002\"><figcaption id=\"caption-attachment-112702\" class=\"wp-caption-text\">Rich URL-preview i indl\u00e6gseditoren.<\/figcaption><\/figure>\n<p>I sin <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31464\">f\u00f8rste implementering<\/a> var denne funktion kun tilg\u00e6ngelig i <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/#using-richtext-component\">rich text-komponenten<\/a> Post Editor. I skrivende stund er den ogs\u00e5 tilg\u00e6ngelig i webstedseditoren, men ikke i navigations- og widget-editorer.<\/p>\n<h3>Opret sider fra Link Popup<\/h3>\n<p>WordPress 5.9 har ogs\u00e5 en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">forbedret inline link UI<\/a>, der viser en helt ny knap til at <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35083\">oprette nye sider direkte fra inline link popup<\/a>. Denne funktion er kun tilg\u00e6ngelig i <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\">Post Editor<\/a>.<\/p>\n<figure id=\"attachment_113304\" aria-describedby=\"caption-attachment-113304\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113304 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/create-pages-from-link-popup.jpg\" alt=\"WordPress 5.9 har en ny inline link-brugergr\u00e6nseflade.\" width=\"1332\" height=\"1100\"><figcaption id=\"caption-attachment-113304\" class=\"wp-caption-text\">WordPress 5.9 har en ny inline link-brugergr\u00e6nseflade.<\/figcaption><\/figure>\n<h3>Forbedringer af s\u00f8geblokken<\/h3>\n<p>S\u00f8geblokken viser nu knap- og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">border farveindstillinger<\/a>.<\/p>\n<figure id=\"attachment_113295\" aria-describedby=\"caption-attachment-113295\" style=\"width: 2032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113295 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-color-settings.jpg\" alt=\"S\u00f8g blok farveindstillinger.\" width=\"2032\" height=\"1068\"><figcaption id=\"caption-attachment-113295\" class=\"wp-caption-text\">S\u00f8g blok farveindstillinger.<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 nu tilpasse <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32416\">baggrunds- og tekstfarve<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31783\">border farve og radius<\/a>.<\/p>\n<figure id=\"attachment_113294\" aria-describedby=\"caption-attachment-113294\" style=\"width: 2028px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113294 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/search-block-border-settings.jpg\" alt=\"S\u00f8g Bloker border farve og radiusindstillinger.\" width=\"2028\" height=\"1100\"><figcaption id=\"caption-attachment-113294\" class=\"wp-caption-text\">S\u00f8g Bloker border farve og radiusindstillinger.<\/figcaption><\/figure>\n<h3>Nye kontroller til blokdimensioner<\/h3>\n<p>Et nyt Dimensions-indstillingspanel er <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28356\">nu tilg\u00e6ngeligt<\/a>, s\u00e5 brugerne kan kontrollere <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">den plads, der optages af en blok<\/a> p\u00e5 siden. Panelet skal indeholde h\u00f8jde, bredde, polstring, margin og muligvis justering, men ikke alle attributter vil v\u00e6re tilg\u00e6ngelige for hver blok.<\/p>\n<figure id=\"attachment_113296\" aria-describedby=\"caption-attachment-113296\" style=\"width: 2026px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113296 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/dimensions-panel-group-block.jpg\" alt=\"Padding kontrol for en gruppeblok i WordPress 5.9.\" width=\"2026\" height=\"616\"><figcaption id=\"caption-attachment-113296\" class=\"wp-caption-text\">Padding kontrol for en gruppeblok i WordPress 5.9.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/\">Blokudviklere<\/a> vil finde <code>&lt;DimensionControl \/&gt;<\/code>-komponenten <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/components\/src\/dimension-control\/README.md\">dokumenteret p\u00e5 GitHub<\/a>, men bem\u00e6rk, at den stadig er markeret som en eksperimentel funktion og kan v\u00e6re genstand for brydende \u00e6ndringer p\u00e5 tidspunktet for denne skrivning.<\/p>\n<h3>En ny widget gruppe blok tilf\u00f8jet til widgetsk\u00e6rmen<\/h3>\n<p>En ny <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/22\/core-editor-improvement-introducing-the-widget-group-block\/\">widget gruppe blok<\/a> er <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">nu tilg\u00e6ngelig<\/a> i den blokbaserede widgeteditor. Den seneste blok giver dig mulighed for at <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34484\">tilf\u00f8je en gruppe af blokke i en widget<\/a> med en titel i de klassiske temaers Widgets Editor og Customizer.<\/p>\n<figure id=\"attachment_113297\" aria-describedby=\"caption-attachment-113297\" style=\"width: 1398px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113297 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/widget-group-block.jpg\" alt=\"Widget-gruppe blok i Twenty-Twenty-One-temaet.\" width=\"1398\" height=\"1122\"><figcaption id=\"caption-attachment-113297\" class=\"wp-caption-text\">Widget-gruppe blok i Twenty-Twenty-One-temaet.<\/figcaption><\/figure>\n<p>Du kan l\u00e6se mere om widgets-editoren i <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#blockbased-widgets-editor-and-block-widgets-in-the-customizer\">Block-Based Widgets Editor og Block Widgets i Customizer<\/a>.<\/p>\n<h3>Flex Layout og den nye row blok<\/h3>\n<p>Oprindeligt introduceret som en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33359\">eksperimentel funktion<\/a> med <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">Gutenberg 11.2<\/a>, er <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">flex layout<\/a> blevet udvidet til flere blokke, herunder <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34493\">Social Links<\/a> og gruppeblokke.<\/p>\n<p>Nogle blokke, s\u00e5som blokken Sociale links, giver nu et s\u00e6t v\u00e6rkt\u00f8jslinje kontroller og sidebar indstillinger, der giver dig mulighed for at tilpasse det fleksible layout.<\/p>\n<figure id=\"attachment_112704\" aria-describedby=\"caption-attachment-112704\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112704 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/social-links-layout-controls.jpg\" alt=\"Layoutkontroller i blok v\u00e6rkt\u00f8jslinjen Sociale links.\" width=\"1358\" height=\"524\"><figcaption id=\"caption-attachment-112704\" class=\"wp-caption-text\">Layoutkontroller i blok v\u00e6rkt\u00f8jslinjen Sociale links.<\/figcaption><\/figure>\n<p>Den samme funktionalitet er tilg\u00e6ngelig i <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#the-navigation-block\">navigationsblokken<\/a> og <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34535\">row block<\/a>, en ny variant af gruppeblokken introduceret med <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">Gutenberg 11.5<\/a>.<\/p>\n<p>F\u00f8lgende billede viser row block med layoutkontroller i indstillings sidebar:<\/p>\n<figure id=\"attachment_112706\" aria-describedby=\"caption-attachment-112706\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112706 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-with-layout-settings.jpg\" alt=\"Den nye row block med layoutindstillinger.\" width=\"2046\" height=\"772\"><figcaption id=\"caption-attachment-112706\" class=\"wp-caption-text\">Den nye row block med layoutindstillinger.<\/figcaption><\/figure>\n<p>Nedenfor kan du se den samme r\u00e6kkeblok p\u00e5 frontenden og i Chromes <a href=\"https:\/\/kinsta.com\/blog\/inspect-element\/\">inspector tool<\/a>.<\/p>\n<figure id=\"attachment_112705\" aria-describedby=\"caption-attachment-112705\" style=\"width: 2460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112705 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/row-block-flex-props.jpg\" alt=\"En row block i Chrome-inspector tool.\" width=\"2460\" height=\"880\"><figcaption id=\"caption-attachment-112705\" class=\"wp-caption-text\">En row block i Chrome-inspector tool.<\/figcaption><\/figure>\n<h2>Block pattern forbedringer<\/h2>\n<p>F\u00f8rst <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">introduceret med WordPress 5.5<\/a>, lock patterns tillader WordPress-brugere at inkludere <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">komplekse klar-til-brug strukturer af indlejrede blokke<\/a> i deres indhold med blot et par klik.<\/p>\n<p>Nu flytter WordPress 5.9 tingene et skridt fremad mod design demokratisering og brugerbef\u00f8jelse ved at introducere et par forbedringer til blokm\u00f8nstersystemet.<\/p>\n<p>S\u00e5 hvad er nyt med blokm\u00f8nstre i WordPress 5.9?<\/p>\n<h3>Udvalgte patterns fra pattern kataloget<\/h3>\n<p>Block Inserter <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">viser udvalgte Block Patterns<\/a> hentet dynamisk fra <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a>, hvilket giver brugerne en hurtig og nem m\u00e5de at finde popul\u00e6re m\u00f8nstre til brug i deres indhold.<\/p>\n<figure id=\"attachment_112574\" aria-describedby=\"caption-attachment-112574\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112574 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/buttons-patterns-wp-59-tt2.jpg\" alt=\"Knapper block patterns i WordPress 5.9.\" width=\"2160\" height=\"1308\"><figcaption id=\"caption-attachment-112574\" class=\"wp-caption-text\">Knapper block patterns i WordPress 5.9.<\/figcaption><\/figure>\n<p>P\u00e5 samme m\u00e5de, efterh\u00e5nden som m\u00f8nstre kommer direkte ind i WordPress-dashboardet, b\u00f8r WordPress-udviklere opmuntres til at skabe og udgive flere og flere m\u00f8nstre over tid, hvilket resulterer i stadigt mere avancerede designmuligheder for brugerne.<\/p>\n<h3>En ny fuldsk\u00e6rms patterns Explorer<\/h3>\n<p>Da antallet af tilg\u00e6ngelige blokm\u00f8nstre i <a href=\"https:\/\/wordpress.org\/patterns\/\">Pattern Directory<\/a> forts\u00e6tter med at vokse, og flere temaer bruger dem, introducerer WordPress 5.9 en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">ny block patterns-navigation gr\u00e6nseflade<\/a>: Pattern Explorer.<\/p>\n<figure id=\"attachment_112575\" aria-describedby=\"caption-attachment-112575\" style=\"width: 2158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112575 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/fullscreen-pattern-modal.jpg\" alt=\"Fuldsk\u00e6rms pattern Model i WordPress 5.9.\" width=\"2158\" height=\"1300\"><figcaption id=\"caption-attachment-112575\" class=\"wp-caption-text\">Fuldsk\u00e6rms pattern Model i WordPress 5.9.<\/figcaption><\/figure>\n<p>En ny <strong>Udforsk<\/strong>-knap \u00e5bner nu en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">modal i fuld sk\u00e6rm<\/a>, der giver brugerne mulighed for at gennemse, s\u00f8ge efter og inds\u00e6tte block patterns med blot et par klik. Resultatet er en forbedret brugeroplevelse.<\/p>\n<figure id=\"attachment_112576\" aria-describedby=\"caption-attachment-112576\" style=\"width: 1996px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112576 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/12\/featured-block-patterns.jpg\" alt=\"Udvalgte block patterns i blokinds\u00e6tteren.\" width=\"1996\" height=\"1132\"><figcaption id=\"caption-attachment-112576\" class=\"wp-caption-text\">Udvalgte block patterns i blokinds\u00e6tteren.<\/figcaption><\/figure>\n<p>Du vil ogs\u00e5 finde yderligere noter og adskillige blokm\u00f8nstereksempler i vores dybe dyk ned i <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#twenty-twentytwo-block-patterns\">Twenty Twenty-Two WordPress-temaet<\/a>.<\/p>\n<p>Hvis du er interesseret og vil l\u00e6re mere, s\u00e5 lyt til Josepha Haden Chomphosys podcast <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/episode-16-a-sneak-peek-at-wordpress-5-9\/\">Episode 16<\/a> og <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">21<\/a>, og se <a href=\"https:\/\/www.youtube.com\/watch?v=r59aR1tmY6k\">Exploring WordPress 5.9<\/a> YouTube-videoen fra Anne McCarthy.<\/p>\n<h2>Twenty Twenty-Two Theme og WordPress Block Themes<\/h2>\n<p>Med WordPress 5.9 beh\u00f8ver du ikke l\u00e6ngere at installere Gutenberg-pluginnet for at aktivere fuld websted redigering p\u00e5 dit WordPress-websted. Du skal bare tillade et bloktema for at drage fordel af alle FSE-funktioner.<\/p>\n<p>Derudover er WordPress 5.9 blevet bundtet med et helt nyt standardtema, Twenty Twenty-Two, og det er en game-changer, da Twenty Twenty-Two er det f\u00f8rste standard blok-tema nogensinde.<\/p>\n<p>Twenty Twenty-Two er et meget fleksibelt og tilpasseligt tema. Det giver en perfekt sandkasse til at pr\u00f8ve det nye skabelon redigeringsflow, nye blokke, forbedringer i gr\u00e6nseflade og alle websteds redigeringsfunktion er, der er tilf\u00f8jet til kernen, startende med WordPress 5.9.<\/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=\"Twenty Twenty-Two er det nye WordPress-standardtema.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Twenty Twenty-Two er 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>Som n\u00e6vnt ovenfor er alt hvad du skal g\u00f8re at installere og aktivere et <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\">bloktema<\/a>, s\u00e5som Twenty Twenty-Two. N\u00e5r temaet er aktivt, vises et nyt <strong>Editor (beta)<\/strong> menupunkt i WordPress dashboards admin-menu.<\/p>\n<figure id=\"attachment_113422\" aria-describedby=\"caption-attachment-113422\" style=\"width: 2002px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113422 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/wp-59-appearance-menu.jpg\" alt=\"Den nye Udseendemenu i WordPress 5.9.\" width=\"2002\" height=\"830\"><figcaption id=\"caption-attachment-113422\" class=\"wp-caption-text\">Den nye Udseendemenu i WordPress 5.9.<\/figcaption><\/figure>\n<p>Site Editor-gr\u00e6nsefladen har nu et fornyet <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#twenty-twentytwo-brings-a-new-site-editing-flow\">websteds redigeringsflow<\/a>. Fra redigerings gr\u00e6nsefladen vil du v\u00e6re i stand til visuelt at redigere webstedets hjemmeside, skabeloner og skabelondele samt f\u00e5 adgang til <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#global-styles-a-graphic-interface-for-themejson\">Global Styles-gr\u00e6nsefladen<\/a>.<\/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>N\u00e5r du aktiverer et bloktema, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/state-of-the-customizer-with-block-themes-in-wordpress-5-9\/\">finder du ikke Customizer<\/a>. Det skyldes, at Customizer ikke underst\u00f8tter bloktemaer, som kun bruger Site Editor. Det er ogs\u00e5 grunden til, at <strong>du ikke kan forh\u00e5ndsvise inaktive bloktemaer<\/strong>.<\/p>\n<figure id=\"attachment_113429\" aria-describedby=\"caption-attachment-113429\" style=\"width: 1650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-113429 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/live-preview-not-available.jpg\" alt=\"Live Preview er ikke tilg\u00e6ngelig med bloktemaer.\" width=\"1650\" height=\"1268\"><figcaption id=\"caption-attachment-113429\" class=\"wp-caption-text\">Live Preview er ikke tilg\u00e6ngelig med bloktemaer.<\/figcaption><\/figure>\n<p>S\u00e5 fra og med WordPress 5.9 er adgangspunktet til Customizer ikke l\u00e6ngere tilg\u00e6ngeligt i admin-menuen, n\u00e5r et bloktema er aktivt (medmindre du bruger <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">et plugin, der g\u00f8r brug af det<\/a>).<\/p>\n<p>Hvis du stadig er bundet til traditionelle temaer og er bekymret for bagudkompatibilitet, s\u00e5 tag det roligt: \u200b\u200bDu kan forts\u00e6tte med at bruge dit tema.<\/p>\n<p>Du har i \u00f8jeblikket fire forskellige kategorier af temaer at v\u00e6lge imellem:<\/p>\n<ul>\n<li><strong>Bloktemaer<\/strong>: Temaer designet til FSE<\/li>\n<li><strong>Universelle temae<\/strong>r: 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 theme.json<\/li>\n<li><strong>Klassiske temaer<\/strong>: Temaer med PHP-skabeloner, functions.php osv.<\/li>\n<\/ul>\n<p>P\u00e5 grund af den indvirkning, som bloktemaer sandsynligvis vil have p\u00e5 WordPress-\u00f8kosystemet, har vi en hel artikel, der d\u00e6kker <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/\">Twenty Twenty-Two og WordPress-bloktemaer<\/a>. S\u00f8rg for at tjekke det ud for et mere dybdeg\u00e5ende overblik.<\/p>\n<h2>Pr\u00e6stationsforbedringer<\/h2>\n<p>Her hos Kinsta er vi besatte af <a href=\"https:\/\/kinsta.com\/dk\/laer\/fremskynder-wordpress\/\">website-hastighed<\/a>. Det er derfor, vi er begejstrede for de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/wordpress-5-9-performance-improvements\/\">pr\u00e6stationsforbedringer<\/a>, der kommer med WordPress 5.9.<\/p>\n<p>Disse forbedringer vil p\u00e5virke flere omr\u00e5der af CMS&#8217;et, fra blokeditoren til bloktemaer, doven indl\u00e6sning og mere. Lad os dykke ned.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Forbedringer i blokinds\u00e6tter<\/h3>\n<p>Siden WordPress 5.9 er bloktyper, m\u00f8nstre og kategorier dovent gengivet i blokinds\u00e6tteren. Browseren indl\u00e6ser indhold med h\u00f8jere prioritet f\u00f8rst, hvilket giver brugeren en j\u00e6vnere redigeringsoplevelse og forbedret ydeevne.<\/p>\n<p>Yderligere bem\u00e6rkelsesv\u00e6rdige pr\u00e6stationsforbedringer i kontekst af blokeditoren p\u00e5virker genbrugelige blokke og <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#list-view-improvements\">List View<\/a>.<\/p>\n<h3>Mindre CSS indl\u00e6st<\/h3>\n<p>Hvad ang\u00e5r frontend, reducerede WordPress 5.9 drastisk m\u00e6ngden af \u200b\u200bCSS indl\u00e6st af bloktemaer, hvilket f\u00f8rte til, at sider indl\u00e6ses betydeligt hurtigere.<\/p>\n<p>Den vigtigste forbedring, der b\u00f8r bem\u00e6rkes i denne sammenh\u00e6ng, er introduktionen af \u200b\u200b<strong>theme.json<\/strong>-indstillingerne og style-mekanismen, som forhindrer temaer i at bruge massive stylesheets, inklusive hundredvis af CSS-deklarationer. M\u00e6ngden af \u200b\u200bCSS-kode, et tema bruger, er nu blevet reduceret til <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">et par brugerdefinerede CSS-egenskaber<\/a>, som enhver bloktype kan genbruge.<\/p>\n<h3>Forbedringer i lazy loading ydeevne<\/h3>\n<p>Image lazy loading blev f\u00f8rst <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">introduceret i WordPress 5.5<\/a>. Startende fra WordPress 5.7 blev lazy loading funktion <a href=\"https:\/\/kinsta.com\/blog\/wordpress-5-7\/#lazyloading-iframes\">udvidet til iframes,<\/a> hvilket giver webstedsejere mulighed for at bygge hurtigere websteder og <a href=\"https:\/\/kinsta.com\/dk\/ebooks\/wordpress\/saadan-forbedres-seo\/\">forbedre deres SEO<\/a>.<\/p>\n<p>Under alle omst\u00e6ndigheder, efter en analyse af <a href=\"https:\/\/kinsta.com\/blog\/core-web-vitals\/#largest-contentful-paint-lcp\">Largest Contentful Paint (LCP<\/a>), viste det sig, at tildeling af <code>loading=\"lazy\"<\/code>-attributten til alle billeder og iframes p\u00e5 siden for\u00e5rsager en lille forringelse af ydeevnen.<\/p>\n<p>At springe attributten <code>loading=\"lazy\"<\/code> over var ikke en l\u00f8sning, fordi det ville f\u00f8re til at miste de klare fordele ved <a href=\"https:\/\/kinsta.com\/blog\/wordpress-lazy-load\/\">lazy loading<\/a>.<\/p>\n<p>Den <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\">optimale l\u00f8sning<\/a> ville v\u00e6re kun at udelade attributten<code> loading=\"lazy\"<\/code> p\u00e5 billeder, der vises over skillelinjen. Men da <code>loading=\"lazy\"<\/code>-attributten er tildelt p\u00e5 serversiden, kan WordPress ikke bestemme, hvilke billeder der vises over skillelinjen n\u00f8jagtigt. Det er noget, der mest afh\u00e6nger af det aktive tema.<\/p>\n<p>Nu, som en trade-off l\u00f8sning, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">startende med WordPress 5.9<\/a>, anvendes <code>loading=\"lazy\"<\/code>-attributten ikke p\u00e5 det f\u00f8rste indholdsbillede eller iframe. En analyse udf\u00f8rt p\u00e5 50 popul\u00e6re <a href=\"https:\/\/kinsta.com\/dk\/blog\/hurtigste-wordpress-temaer\/\">WordPress-temaer<\/a> viste, at denne l\u00f8sning f\u00f8rer til betydelige pr\u00e6stationsforbedringer og sider, der indl\u00e6ses op til 30% hurtigere.<\/p>\n<p>Felix Arntz forklarer, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">hvordan det virker<\/a>:<\/p>\n<blockquote><p>\u2026 for at forbedre ydeevnen direkte, uden at en udvikler skal tilpasse adf\u00e6rden, vil WordPress nu springe det allerf\u00f8rste &#8220;indholdsbillede eller iframe over&#8221; p\u00e5 siden fra at blive ladet indl\u00e6st. Udtrykket &#8220;indholdsbillede eller iframe&#8221; betegner her ethvert billede eller iframe, der findes i indholdet af ethvert indl\u00e6g i den aktuelle hovedforesp\u00f8rgselsl\u00f8kke, s\u00e5vel som ethvert udvalgt billede af et s\u00e5dant indl\u00e6g. Dette g\u00e6lder b\u00e5de for &#8220;singular&#8221; og &#8220;archive&#8221; indhold: I en &#8220;singular&#8221; kontekst er det f\u00f8rste billede eller iframe af det (eneste) indl\u00e6g ikke dovent indl\u00e6st, mens det i en &#8220;archive&#8221; sammenh\u00e6ng det f\u00f8rste billede eller iframe af f\u00f8rste indl\u00e6g i foresp\u00f8rgslen er ikke lazy loading.<\/p><\/blockquote>\n<p>Temaudviklere kan nu bruge det nye <code>wp_omit_loading_attr_threshold<\/code>-filter til at \u00e6ndre antallet af billeder\/iframes, der skal springes over fra lazy loading.<\/p>\n<h3>Flere stylesheets pr. blok<\/h3>\n<p>Blokke og temaudviklere kan <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">registrere flere stylesheets<\/a> p\u00e5 hver blok og indl\u00e6se styles fra andre blokke, n\u00e5r det er n\u00f8dvendigt. Dette g\u00f8r det muligt at indl\u00e6se stylesheets afh\u00e6ngigt af sidens indhold, hvilket forhindrer temaer i at indl\u00e6se store stylesheets p\u00e5 hver side.<\/p>\n<p>If\u00f8lge <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">Ari Stathopoulos<\/a>:<\/p>\n<blockquote><p>Blokke vil nu v\u00e6re i stand til at registrere flere stylesheets og indl\u00e6se styles fra andre blokke, n\u00e5r det er n\u00f8dvendigt. Temaer vil v\u00e6re i stand til at tilf\u00f8je styles pr. blok i stedet for at indl\u00e6se monolitiske typografiark, der tvinges hvor som helst. Dette har en st\u00f8rre indflydelse p\u00e5 bloktemaer, hvor indl\u00e6sning af stylesheets er optimeret baseret p\u00e5 side- og layoutindholdet, men kan ogs\u00e5 bruges af klassiske temaer.<\/p><\/blockquote>\n<h2>Yderligere funktioner til udviklere<\/h2>\n<p>Ud over de mange funktioner og UI-forbedringer, der er diskuteret indtil videre, introducerer WordPress 5.9 ogs\u00e5 flere funktioner til udviklere.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Hvis du er ny til WordPress-blokudvikling, s\u00e5 s\u00f8rg for at tjekke vores <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/\">Definitive Block Development Tutorial<\/a><\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>En ny egenskab til lock blocks<\/h3>\n<p>Blokerudviklere kan nu forhindre brugere i at<a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\"> flytte eller slette individuelle blokke<\/a> ved <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">at tilf\u00f8je<\/a> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">en <code>lock<\/code> attribut<\/a> i blokindstillinger:<\/p>\n<pre><code class=\"language-json\">{\n\t...\n\t\"attributes\": {\n\t\t\"lock\": {\n\t\t\t\"type\": \"object\",\n\t\t\t\"default\": {\n\t\t\t\t\"move\": true,\n\t\t\t\t\"remove\": true\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Med denne <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32457\">funktion aktiveret<\/a> kan brugere redigere blokindholdet, men kan ikke flytte blokken rundt p\u00e5 siden eller fjerne den fra editorens l\u00e6rred. F\u00f8lgende billede viser en <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/\">brugerdefineret blok<\/a> med et standards\u00e6t af kontrolelementer p\u00e5 v\u00e6rkt\u00f8jslinjen:<\/p>\n<figure id=\"attachment_112708\" aria-describedby=\"caption-attachment-112708\" style=\"width: 1288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112708 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-with-regular-toolbar.jpg\" alt=\"En brugerdefineret blok med en almindelig v\u00e6rkt\u00f8jslinje\" width=\"1288\" height=\"946\"><figcaption id=\"caption-attachment-112708\" class=\"wp-caption-text\">En brugerdefineret blok med en almindelig v\u00e6rkt\u00f8jslinje<\/figcaption><\/figure>\n<p>Ved at definere <code>lock<\/code> attributten, som det ses i koden ovenfor, skjules blokflytterne og <strong>Flyt til<\/strong> og <strong>Fjern<\/strong> kontrollerne fra blok v\u00e6rkt\u00f8jslinjen. Billedet herunder viser det endelige resultat p\u00e5 sk\u00e6rmen:<\/p>\n<figure id=\"attachment_112709\" aria-describedby=\"caption-attachment-112709\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-112709 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/custom-block-without-move-and-remove-controls.jpg\" alt=\"En brugerdefineret blok uden at flytte og fjerne kontroller\" width=\"1284\" height=\"762\"><figcaption id=\"caption-attachment-112709\" class=\"wp-caption-text\">En brugerdefineret blok uden at flytte og fjerne kontroller<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 l\u00e5se en bestemt blok i et blokm\u00f8nster. For et eksempel, se ogs\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">L\u00e5se blokke i WordPress 5.9<\/a>.<\/p>\n<h3>Ny API for at f\u00e5 adgang til globale indstillinger og stilarter<\/h3>\n<p>WordPress 5.9 introducerer en ny <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">PHP public API<\/a> til at l\u00e6se data fra <strong>theme.json<\/strong>.<\/p>\n<h4>L\u00e6ser indstillinger og stilarter fra theme.json<\/h4>\n<p>Der er to nye funktioner til at l\u00e6se data fra <code>settings<\/code> og <code>styles<\/code> der er erkl\u00e6ret i <strong>theme.json:<\/strong><\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( $path = array() , $context = array() );\nwp_get_global_styles( $path = array(), $context = array() );<\/code><\/pre>\n<ul>\n<li><code>$path<\/code> er en matrix, der viser style til den angivne indstilling<\/li>\n<li><code>$context<\/code> er en matrix, der indstiller konteksten for disse data. Udviklere kan l\u00e6se fra en specifik blokindstillingssektion &#8211; for eksempel <code>array( 'block_name' =&gt; 'core\/paragraph' )<\/code>. <code>orygin<\/code>-n\u00f8glen sat til <code>base<\/code> g\u00f8r det muligt at ignorere brugerdefinerede data, der er gemt af brugeren.<\/li>\n<\/ul>\n<p>F\u00f8lgende eksempelkode ville returnere <code>contentSize<\/code>-indstillingsv\u00e6rdien. I Twenty Twenty-Two ville det v\u00e6re <code>650px<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( array( 'layout', 'contentSize' ) );<\/code><\/pre>\n<p>Ved at indstille en kontekst kan du hente stilarter for specifikke blokke. F\u00f8lgende kode viser, hvordan man henter border radiusv\u00e6rdien for <code>core\/button<\/code> blokken:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button' )\n\t);\n}<\/code><\/pre>\n<p>Funktionen ovenfor returnerer den p\u00e5kr\u00e6vede egenskabsv\u00e6rdi, mens standardindstillinger, temaindstillinger og brugerdata tages i betragtning. Den brugerdefinerede v\u00e6rdi vil blive angivet, hvis brugeren konfigurerer knappens border radius i Global Styles-gr\u00e6nsefladen.<\/p>\n<p>For at ignorere brugerdata skal du bruge f\u00f8lgende kode:<\/p>\n<pre><code class=\"language-php\">function get_global_styles() {\n\treturn\n\twp_get_global_styles(\n\t\tarray( 'border', 'radius' ),\n\t\tarray( 'block_name' =&gt; 'core\/button', 'origin' =&gt; 'base' )\n\t);\n}<\/code><\/pre>\n<h4>F\u00e5 det genererede stylesheet<\/h4>\n<p>WordPress 5.9 introducerer ogs\u00e5 en ny funktion til at f\u00e5 stylesheet som f\u00f8lge af standard-, tema- og brugerdefinerede styles:<\/p>\n<pre><code class=\"language-php\">wp_get_global_stylesheet( $types = array() );<\/code><\/pre>\n<p><code>$types<\/code> er en liste over de stilarter, der skal genereres.<\/p>\n<p>Du kan l\u00e6se mere om den <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">nye API i Ny API for at f\u00e5 adgang til globale indstillinger og styles<\/a>.<\/p>\n<h3>Flere funktioner til udviklere<\/h3>\n<p>Yderligere WordPress 5.9-\u00e6ndringer for udviklere, du m\u00e5ske \u00f8nsker at vide om, omfatter:<\/p>\n<ul>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">Bloker temaer, en ny m\u00e5de at bygge temaer i WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/updates-for-settings-styles-and-theme-json\/\">Opdateringer til indstillinger, styles og theme.json<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/theme-focused-changes-and-filters-in-wordpress-5-9\/\">Tema-fokuserede \u00e6ndringer og filtre i WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/new-capability-queries-in-wordpress-5-9\/\">Nye kapacitet foresp\u00f8rgsler i WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-core-changes-in-wordpress-5-9\/\">Diverse Kerne\u00e6ndringer i WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/miscellaneous-block-editor-changes-in-wordpress-5-9\/\">Diverse blokredigerings\u00e6ndringer i WordPress 5.9<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/28\/take-more-control-over-inner-block-areas-as-a-block-developer\/\">Tag mere kontrol over indre blokomr\u00e5der (som blokudvikler)<\/a><\/li>\n<\/ul>\n\n<h2>Opsummering<\/h2>\n<p>Vi afslutter denne artikel med en hurtig note om <a href=\"https:\/\/kinsta.com\/wordpress-market-share\/\">WordPress\u2019 markedsandel<\/a>. WordPress driver i \u00f8jeblikket over 65% af alle de hjemmesider, hvis content management system er kendt og sidder p\u00e5 mere end <strong>43% af alle hjemmesider<\/strong>.<\/p>\n<p>Disse tal er imponerende, is\u00e6r sammenlignet med de n\u00e6rmeste konkurrenter med mindre end 5% markedsandel, som Shopify.<\/p>\n<p>Og det betyder ogs\u00e5, at du ikke kan overse udviklingen <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">af \u200b\u200bWP CMS<\/a>. <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-version\/\">Hver ny version af WordPress<\/a> bringer nye funktioner, forbedringer i gr\u00e6nseflader, ydeevneforbedringer, og WordPress 5.9 er ingen undtagelse. Alt du beh\u00f8ver for at teste de nye funktioner er et bloktema, som det nye Twenty Twenty-Two standardtema, og du er klar til at g\u00e5.<\/p>\n<p><em>Over til dig, nu! Er du klar til at skifte til blokeringstemaer og FSE? Og hvad er dine foretrukne \u00e6ndringer, der kommer med WordPress 5.9?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.9 Josephine er her! \u00c5rets f\u00f8rste WordPress-version var oprindeligt planlagt til udgivelse den 14. december 2021. P\u00e5 grund af flere \u00e5bne problemer og ul\u00f8ste fejl, &#8230;<\/p>\n","protected":false},"author":36,"featured_media":42531,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[65,349,348,38,2],"topic":[766],"class_list":["post-42530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-editing","tag-updates","tag-webdev","tag-wordpress","topic-wordpress-opdateringer"],"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>Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#039;er, UI-forbedringer og meget mere<\/title>\n<meta name=\"description\" content=\"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!\" \/>\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\/wordpress-5-9\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#039;er, UI-forbedringer og meget mere\" \/>\n<meta property=\"og:description\" content=\"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\" \/>\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-02-03T15:08:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T10:41:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\" \/>\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=\"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\" \/>\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=\"37 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Hvad er nyt i WordPress 5.9 &#8211; Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#8217;er, UI-forbedringer og meget mere\",\"datePublished\":\"2022-02-03T15:08:36+00:00\",\"dateModified\":\"2023-08-24T10:41:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\"},\"wordCount\":5783,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"keywords\":[\"CMS\",\"editing\",\"updates\",\"webdev\",\"WordPress\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\",\"name\":\"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"datePublished\":\"2022-02-03T15:08:36+00:00\",\"dateModified\":\"2023-08-24T10:41:15+00:00\",\"description\":\"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress opdateringer\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-opdateringer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hvad er nyt i WordPress 5.9 &#8211; Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#8217;er, UI-forbedringer og meget mere\"}]},{\"@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":"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere","description":"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!","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\/wordpress-5-9\/","og_locale":"da_DK","og_type":"article","og_title":"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere","og_description":"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!","og_url":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2022-02-03T15:08:36+00:00","article_modified_time":"2023-08-24T10:41:15+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Carlo Daniele","Estimeret l\u00e6setid":"37 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Hvad er nyt i WordPress 5.9 &#8211; Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#8217;er, UI-forbedringer og meget mere","datePublished":"2022-02-03T15:08:36+00:00","dateModified":"2023-08-24T10:41:15+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/"},"wordCount":5783,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","keywords":["CMS","editing","updates","webdev","WordPress"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/","url":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/","name":"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","datePublished":"2022-02-03T15:08:36+00:00","dateModified":"2023-08-24T10:41:15+00:00","description":"Se vores dybdeg\u00e5ende gennemgang af WordPress 5.9 og opdag alle de vigtigste funktioner, der blev introduceret med den f\u00f8rste WordPress-udgave af 2022!","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/02\/whats-new-in-wordpress-5-9.jpg","width":1460,"height":730,"caption":"Hvad er nyt i WordPress 5.9 - Fuld webstedsredigering, globale stilarter, blokke, patterns, API'er, UI-forbedringer og meget mere"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress opdateringer","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-opdateringer\/"},{"@type":"ListItem","position":3,"name":"Hvad er nyt i WordPress 5.9 &#8211; Fuld webstedsredigering, globale stilarter, blokke, patterns, API&#8217;er, UI-forbedringer og meget mere"}]},{"@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\/42530","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=42530"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/42530\/revisions"}],"predecessor-version":[{"id":42535,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/42530\/revisions\/42535"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/translations\/jp"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/42530\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/42531"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=42530"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=42530"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=42530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}