{"id":42370,"date":"2022-02-02T08:42:48","date_gmt":"2022-02-02T08:42:48","guid":{"rendered":"https:\/\/kinsta.com\/se\/?p=42370&#038;preview=true&#038;preview_id=42370"},"modified":"2023-09-21T12:26:54","modified_gmt":"2023-09-21T12:26:54","slug":"wordpress-5-9","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/","title":{"rendered":"Vad \u00e4r nytt i WordPress 5.9 &#8211; fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2022\/01\/josephine\/\">WordPress 5.9<\/a> var ursprungligen planerad att sl\u00e4ppas den 14 december 2021. P\u00e5 grund av flera \u00f6ppna problem har den slutliga utg\u00e5van f\u00f6rsenats och \u00e4r nu <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/22\/wordpress-5-9-revised-release-schedule\/\">planerad till 25 januari 2022<\/a>.<\/p>\n<p>Om du undrar vad som \u00e4r nytt i WordPress 5.9 \u00e4r det korta svaret <strong>Fullst\u00e4ndig<\/strong> <strong>Webbplatsredigering<\/strong> (FSE).<\/p>\n<p>Och faktiskt \u00e4r m\u00e5nga 5.9-funktioner bara tillg\u00e4ngliga om du anv\u00e4nder ett tema som st\u00f6der fullst\u00e4ndig webbplatsredigering, till exempel det helt nya standardtemat, <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/\">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 f\u00f6rhandsvisning av Twenty Twenty-Two, det nya standardtemat. (Bildk\u00e4lla: WordPress.org)\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">En f\u00f6rhandsvisning av Twenty Twenty-Two, det nya standardtemat. (Bildk\u00e4lla: <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 till hj\u00e4rtat av den andra fasen av <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">Gutenbergs f\u00e4rdplan<\/a>: <strong>Anpassningsfasen<\/strong>, som mest fokuserar p\u00e5 fullst\u00e4ndig webbplatsredigering, blockm\u00f6nster, blockkatalogen och blockbaserade teman.<\/p>\n<blockquote><p><em>Med 5.9, som kommer ut n\u00e4sta m\u00e5nad, \u00e4r vi \u2013 skulle jag s\u00e4ga \u2013 p\u00e5 MVP, den minsta livskraftiga produkten i denna anpassningsfas av Gutenberg.<\/em><\/p><\/blockquote>\n<p>Dessa ord fr\u00e5n Matt Mullenweg vid <a href=\"https:\/\/wordpress.tv\/2021\/12\/15\/matt-mullenweg-2021-state-of-the-word\/\">2021:s State of the Word<\/a> sammanfattar b\u00e4st de viktigaste funktionerna i den kommande WordPress-utg\u00e5van.<\/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=\"Gutenbergs f\u00e4rdplan. \" width=\"1940\" height=\"1120\"><figcaption id=\"caption-attachment-113486\" class=\"wp-caption-text\">Gutenbergs f\u00e4rdplan. (Bildk\u00e4lla: <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 style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Som sagt, vad kan du f\u00f6rv\u00e4nta dig att se i den f\u00f6rsta WordPress-utg\u00e5van \u00e5r 2022?<\/span><\/p>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">L\u00e5t oss ta reda p\u00e5 det!<\/span><\/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>Globala stilar: Ett grafiskt gr\u00e4nssnitt f\u00f6r theme.json<\/h2>\n<p>Med <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">version WordPress 5.8<\/a> \u00e5r 2021 blev manipulation av <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/theme-json-reference\/\">theme.json<\/a>-filen det vanligaste s\u00e4ttet f\u00f6r temautvecklare att anpassa redigeringsinst\u00e4llningar och stilar.<\/p>\n<p>WordPress 5.9 tar saker till n\u00e4sta niv\u00e5 genom att inf\u00f6ra ett grafiskt gr\u00e4nssnitt som till\u00e5ter anv\u00e4ndare att anpassa <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">stil-presets<\/a> f\u00f6r sina webbplatser, antingen globalt eller p\u00e5 blockniv\u00e5, utan att skriva en enda rad kod.<\/p>\n<p>Globala stilar-mekanismen b\u00f6r v\u00e4sentligt f\u00f6r\u00e4ndra hur du anpassar utseendet p\u00e5 dina webbplatser, eftersom <a href=\"https:\/\/make.wordpress.org\/design\/handbook\/focuses\/global-styles\/\">globala stilar<\/a> p\u00e5verkar flera aspekter av WordPress-sajtdesign.<\/p>\n<p>F\u00f6rst och fr\u00e4mst ers\u00e4tter Globala stilar-gr\u00e4nssnittet <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#customizing-your-theme-via-the-customizer\">Customizern<\/a> och \u00e4r nu det enda s\u00e4ttet att anpassa inst\u00e4llningar och stilar med blockteman. P\u00e5 samma s\u00e4tt kommer komplexa temaalternativs adminsidor inte l\u00e4ngre att beh\u00f6vas. Detta ger ett nytt standards\u00e4tt f\u00f6r att konfigurera temainst\u00e4llningar och stilar och b\u00f6r samtidigt effektivisera arbetsfl\u00f6det f\u00f6r temautveckling.<\/p>\n<p>Med globala stilar f\u00e5r WordPress-anv\u00e4ndare mer kontroll \u00f6ver presentationen av sina webbplatser, b\u00e5de globalt och per blocktyp, ut\u00f6ver kontexten f\u00f6r enskilda sidor eller inl\u00e4gg.<\/p>\n<p>Ett nytt sidof\u00e4lt finns nu i webbplatsredigeraren, h\u00f6gst upp hittar du en liten f\u00f6rhandsgranskningspanel och fyra komponenter i f\u00f6ljande ordning:<\/p>\n<ul>\n<li><a href=\"#typography\">Typography<\/a><\/li>\n<li><a href=\"#colors\">Colors<\/a><\/li>\n<li><a href=\"#layout\">Layout<\/a><\/li>\n<li><a href=\"#blocks\">Blocks<\/a><\/li>\n<\/ul>\n<p>Vi kan f\u00f6rv\u00e4nta oss att nya komponenter kommer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">l\u00e4ggas till \u00f6ver tid<\/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=\" Sidof\u00e4ltet Globala stilar med Blockbase-temat fr\u00e5n Automattic.\" width=\"1962\" height=\"1290\"><figcaption id=\"caption-attachment-112441\" class=\"wp-caption-text\">Sidof\u00e4ltet Globala stilar med <a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">Blockbase-temat<\/a> fr\u00e5n Automattic.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">L\u00e5t oss titta n\u00e4rmare p\u00e5 det nya gr\u00e4nssnittet.<\/span><\/p>\n\n<h3>Stilf\u00f6rhandsgranskning<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Det f\u00f6rsta elementet i sidof\u00e4ltet Globala stilar \u00e4r en f\u00f6rhandsgranskningspanel. Den h\u00e4r panelen l\u00e5ter dig kontrollera resultatet av dina anpassningar och \u00e4r s\u00e4rskilt anv\u00e4ndbart n\u00e4r dina \u00e4ndringar g\u00e4ller element som inte syns i webbplatsredigeringen.<\/span><\/p>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">F\u00f6ljande bild visar tre olika stilkombinationer i j\u00e4mf\u00f6relse:<\/span><\/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=\"Globala stilar-f\u00f6rhandsvisningar, j\u00e4mf\u00f6relse.\" width=\"1826\" height=\"1230\"><figcaption id=\"caption-attachment-112425\" class=\"wp-caption-text\">Globala stilar-f\u00f6rhandsvisningar, j\u00e4mf\u00f6relse.<\/figcaption><\/figure>\n<h3>Typografi<\/h3>\n<p>Typografipanelen \u00e4r d\u00e4r du kontrollerar typografin p\u00e5 din webbplats. Naturligtvis beror kontrollerna i den h\u00e4r panelen p\u00e5 din <strong>theme.json<\/strong>-inst\u00e4llning.<\/p>\n<p>Till exempel, <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty Twenty-One Blocks<\/a>-temat (TT1 Block) deklarerar f\u00f6ljande typografiegendomar:<\/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 style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">N\u00e4sta bild visar de resulterande typografiinst\u00e4llningarna i sidof\u00e4ltet Globala stilar<\/span><\/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=\"Typografiinst\u00e4llningar i TT1 Blocks globala stilar.\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112443\" class=\"wp-caption-text\">Typografiinst\u00e4llningar i TT1 Blocks globala stilar.<\/figcaption><\/figure>\n<p>L\u00e5t oss dyka lite djupare och se hur TT1 Blocks-temat deklarerar <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 style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Du kan kontrollera dessa typsnittsfamiljer i panelen Globala stilar-f\u00f6rhandsgranskning:<\/span><\/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=\" Typsnittsfamiljer i Twenty Twenty-One Blocks.\" width=\"1682\" height=\"804\"><figcaption id=\"caption-attachment-112427\" class=\"wp-caption-text\">Typsnittsfamiljer i Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<h3>F\u00e4rger<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">I avsnittet f\u00e4rger kan du visa och redigera f\u00e4rgpaletter och anpassa f\u00e4rgen p\u00e5 flera webbplatselement.<\/span><\/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=\"F\u00e4rgpanelen i Twenty Twenty-One Blocks\" width=\"1522\" height=\"1348\"><figcaption id=\"caption-attachment-112428\" class=\"wp-caption-text\">F\u00e4rgpanelen i Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Genom att klicka p\u00e5 dessa element f\u00e5r du tillg\u00e5ng till en ny panel d\u00e4r du kan v\u00e4lja f\u00e4rger fr\u00e5n tre f\u00e4rgpaletter: K\u00e4rna, Tema och Anpassad palett (L\u00e4s mer i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/29568\">Standardf\u00e4rger, temaf\u00e4rger och anpassade f\u00e4rger<\/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=\"F\u00e4rginst\u00e4llningar i Twenty Twenty-One Blocks\" width=\"1790\" height=\"1146\"><figcaption id=\"caption-attachment-112445\" class=\"wp-caption-text\">F\u00e4rginst\u00e4llningar i Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">I den h\u00e4r panelen kan du st\u00e4lla in och \u00e4ndra f\u00e4rgen f\u00f6r det aktuella elementet.<\/span><\/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=\"Anpassa l\u00e4nkf\u00e4rg i globala stilar.\" width=\"1522\" height=\"1286\"><figcaption id=\"caption-attachment-112430\" class=\"wp-caption-text\">Anpassa l\u00e4nkf\u00e4rg i globala stilar.<\/figcaption><\/figure>\n<h3>Layout<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Den sista gruppen av verktyg \u00e4r avsedd f\u00f6r layoutanpassningar. I den globala kontexten \u00e4r detta begr\u00e4nsat till webbplatscontainern.<\/span><\/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=\" Layoutinst\u00e4llningar i Twenty Twenty-One Blocks.\" width=\"2404\" height=\"1350\"><figcaption id=\"caption-attachment-112431\" class=\"wp-caption-text\">Layoutinst\u00e4llningar i Twenty Twenty-One Blocks.<\/figcaption><\/figure>\n<h3>Block<\/h3>\n<p>Med implementeringen av globala stilar \u00e4r det nu ocks\u00e5 m\u00f6jligt att \u00e4ndra utseendet f\u00f6r specifika block, till exempel stycke (typografi och f\u00e4rger), knappar (layout) och kolumn (f\u00e4rger och layout).<\/p>\n<p>Observera att <strong>blockstilar kan anpassas fr\u00e5n globala stilar-gr\u00e4nssnittet endast om blocket deklarerar st\u00f6d f\u00f6r specifika funktioner<\/strong> i motsvarande <strong>block.json<\/strong>-fil. Till exempel st\u00f6der <code>core\/post-title-block<\/code> f\u00f6r n\u00e4rvarande f\u00f6ljande stilar:<\/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>Eftersom <code>core\/post-title-block<\/code> st\u00f6der f\u00e4rger, avst\u00e5nd och typografi hittar du motsvarande poster i de globala stil-inst\u00e4llningarna i post-title-blocket.<\/p>\n<p>F\u00f6ljande bild visar typografiinst\u00e4llningar, som du enkelt kan j\u00e4mf\u00f6ra med ovanst\u00e5ende kod:<\/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=\" Anpassa inst\u00e4llningar f\u00f6r post-title-typografi\" width=\"1790\" height=\"1308\"><figcaption id=\"caption-attachment-112449\" class=\"wp-caption-text\">Anpassa inst\u00e4llningar f\u00f6r post-title-typografi<\/figcaption><\/figure>\n<p>Det \u00e4r v\u00e4rt att notera att WordPress 5.9 endast levererar den f\u00f6rsta implementeringen av gr\u00e4nssnittet f\u00f6r globala stilar. Som <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">Matias Ventura p\u00e5pekar<\/a> kan vi rimligen f\u00f6rv\u00e4nta oss ytterligare utveckling av den nya stilkontrollfunktionen:<\/p>\n<blockquote>\n<p style=\"margin: 0cm;background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">I framtiden kommer det att finnas fl\u00f6den inbyggda i systemet s\u00e5 att du kan g\u00e5 fr\u00e5n lokala stilar till globala \u2014 precis som anpassningar i ett knappblock och att v\u00e4lja att till\u00e4mpa dem globalt \u00e4ndrar alla knappar av den typen.<\/span><\/p>\n<\/blockquote>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">S\u00e5 vi kan se stora f\u00f6rb\u00e4ttringar snart. Bilden nedan \u00e4r bara ett exempel p\u00e5 vad vi kan f\u00f6rv\u00e4nta oss:<\/span><\/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 framtiden kan du styra l\u00e4nktillst\u00e5ndsf\u00e4rgen.\" width=\"1586\" height=\"872\"><figcaption id=\"caption-attachment-112432\" class=\"wp-caption-text\">I framtiden kan du styra l\u00e4nktillst\u00e5ndsf\u00e4rgen. (Bildk\u00e4lla <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34574\">GitHub<\/a>)<\/figcaption><\/figure>\n<p>Ytterligare f\u00f6rb\u00e4ttringar kan innefatta <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/pull\/292\">f\u00f6rm\u00e5ga f\u00f6r teman<\/a> att <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36304\">ge alternativa f\u00e4rgpaletter<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35619\">flera globala stilvariationer<\/a>.<\/p>\n<p>https:\/\/twitter.com\/kjellr\/status\/1460270505513082881<\/p>\n<p>Utvecklare kan dyka djupare in i den globala stylingmekanismen i supportartikeln <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Globala inst\u00e4llningar och stilar (theme.json)<\/a>. Du hittar ytterligare exempel i v\u00e5r <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#global-styles-in-twenty-twentytwo\">introduktion till standardtemat Twenty Twenty-Two<\/a>.<\/p>\n<h2>Navigeringsblocket<\/h2>\n<p>Navigeringsblocket <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">har kallats<\/a> &#8221;ett av de mest effektfulla temablocken&#8221;, och vi \u00e4r inte r\u00e4dda f\u00f6r att s\u00e4ga att vi h\u00e5ller med om det.<\/p>\n<p>Blocket har varit i embryofasen ett tag (Se \u00e4ven Navigeringsblock <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/27593\">Sp\u00e5rningsproblem<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/35521\">Sp\u00e5rningsproblem i2<\/a>). Men \u00e4nd\u00e5, nu n\u00e4r alla <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36556\">v\u00e4ntande problem och blockerare<\/a> som listas som m\u00e5sten f\u00f6r WordPress 5.9 har fixats kan vi \u00e4ntligen b\u00f6rja anv\u00e4nda <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/34041\">en av de mest kraftfulla funktionerna<\/a> i k\u00e4rnan <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/15\/wordpress-5-9-feature-go-no-go-october-14-2021\/\">med WordPress 5.9<\/a>.<\/p>\n<h3>En snabb \u00f6versikt \u00f6ver Navigeringsblockgr\u00e4nssnittet<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Att anv\u00e4nda det nya blocket kan vara lite f\u00f6rvirrande f\u00f6rst, men n\u00e4r du v\u00e4l har fattat kommer du att uppskatta dess fulla potential.<\/span><\/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=\"Navigeringsblock, platsh\u00e5llare\" width=\"1382\" height=\"404\"><figcaption id=\"caption-attachment-112667\" class=\"wp-caption-text\">Navigeringsblock, platsh\u00e5llare<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">N\u00e4r du f\u00f6rst l\u00e4gger till ett Navigeringsblock inneh\u00e5ller platsh\u00e5llaren tre alternativ f\u00f6r att v\u00e4lja en befintlig blockbaserad meny, skapa en meny med alla sidor eller starta nytt med en tom meny.<\/span><\/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=\"V\u00e4lja en befintlig navigeringsmeny.\" width=\"1412\" height=\"860\"><figcaption id=\"caption-attachment-112672\" class=\"wp-caption-text\">V\u00e4lja en befintlig navigeringsmeny.<\/figcaption><\/figure>\n<p>Den nya navigeringsmenyn l\u00e5ter dig ocks\u00e5 importera menyer som skapats via <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\">Utseendemenysk\u00e4rmen<\/a> som \u00e4r tillg\u00e4nglig med klassiska teman.<\/p>\n<p>Det betyder att om du \u00f6verg\u00e5r fr\u00e5n ett klassiskt tema till ett blocktema beh\u00f6ver du inte bygga om dina befintliga menyer. Du beh\u00f6ver bara v\u00e4lja en av dina f\u00f6r n\u00e4rvarande tillg\u00e4ngliga &#8221;klassiska menyer&#8221; och det blir automatiskt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">konverterat till en blockbaserad navigeringsmeny<\/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=\"V\u00e4lj en klassisk meny.\" width=\"1352\" height=\"1280\"><figcaption id=\"caption-attachment-113474\" class=\"wp-caption-text\">V\u00e4lj en klassisk meny.<\/figcaption><\/figure>\n<p>Du kan l\u00e4gga till Navigeringsblocket var som helst p\u00e5 dina sidor. Du kan till exempel hitta det anv\u00e4ndbart i <a href=\"https:\/\/kinsta.com\/se\/blog\/artiklar-langform\/\">l\u00e5ngformartiklar<\/a> f\u00f6r att skapa <a href=\"https:\/\/kinsta.com\/se\/blog\/ankarlankar\/\">en inneh\u00e5llsf\u00f6rteckning<\/a>, s\u00e5 att anv\u00e4ndare kan hoppa till specifika inneh\u00e5llsavsnitt.<\/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=\"L\u00e4gga till ankarl\u00e4nkar till en navigeringsmeny.\" width=\"1424\" height=\"1024\"><figcaption id=\"caption-attachment-112673\" class=\"wp-caption-text\">L\u00e4gga till ankarl\u00e4nkar till en navigeringsmeny.<\/figcaption><\/figure>\n<p>Nya navigeringsl\u00e4nkar l\u00e4ggs direkt till Navigeringsblocket genom att klicka p\u00e5 plus (<strong>+<\/strong>) p\u00e5 h\u00f6ger sida (Se \u00e4ven <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">Gutenberg 11.7 anteckningar<\/a>), <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34899\">om inte andra typer av block<\/a> redan har lagts till i menyn.<\/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=\"Navigeringsblockbihang, som visar navigeringsl\u00e4nkar.\" width=\"1416\" height=\"1246\"><figcaption id=\"caption-attachment-112662\" class=\"wp-caption-text\">Navigeringsblockbihang, som visar navigeringsl\u00e4nkar.<\/figcaption><\/figure>\n<p>Att klicka p\u00e5 <strong>Redigera<\/strong> i Navigeringsl\u00e4nkblockets verktygsf\u00e4lt konverterar ett menyalternativ till en anpassad l\u00e4nk. Detta g\u00f6r att du kan l\u00e4gga till, redigera, ordna om och ta bort objekt individuellt.<\/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=\"Konvertera en navigeringsmeny till enskilda sidl\u00e4nkar.\" width=\"1426\" height=\"770\"><figcaption id=\"caption-attachment-112674\" class=\"wp-caption-text\">Konvertera en navigeringsmeny till enskilda sidl\u00e4nkar.<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">omvandla l\u00e4nkar till block<\/a> genom att klicka p\u00e5 <strong>Omvandla<\/strong> i blockverktygsf\u00e4ltet. Detta g\u00f6r att du kan l\u00e4gga till <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34978\">specifika block direkt till navigeringsmenyn<\/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=\"Omvandla navigeringsl\u00e4nkar till block.\" width=\"1398\" height=\"700\"><figcaption id=\"caption-attachment-112675\" class=\"wp-caption-text\">Omvandla navigeringsl\u00e4nkar till block.<\/figcaption><\/figure>\n<p>Anpassad l\u00e4nk, Avst\u00e5nd, Webbplatslogotyp, Heml\u00e4nk, Sociala ikoner och S\u00f6kblock visas nu f\u00f6r anv\u00e4ndare n\u00e4r de l\u00e4gger till block i navigeringsmenyerna.<\/p>\n<p>I inst\u00e4llningsf\u00e4ltet hittar du en omfattande upps\u00e4ttning alternativ f\u00f6r att styra fler aspekter av dina navigeringsmenyer.<\/p>\n<p>Layoutpanelen inneh\u00e5ller kontroller f\u00f6r <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35077\">justering<\/a>, orientering och omslag.<\/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=\"Navigeringsblockets layoutinst\u00e4llningar\" width=\"1688\" height=\"644\"><figcaption id=\"caption-attachment-112666\" class=\"wp-caption-text\">Navigeringsblockets layoutinst\u00e4llningar<\/figcaption><\/figure>\n<p>Navigeringsblocket har ocks\u00e5 en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">f\u00f6rb\u00e4ttrade bildsk\u00e4rmsinst\u00e4llningspanel<\/a> med ett alternativ f\u00f6r en hamburgaremeny som alltid visas.<\/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=\"En f\u00f6rb\u00e4ttrad sk\u00e4rminst\u00e4llningspanel f\u00f6r Navigeringsblocket.\" width=\"1682\" height=\"1008\"><figcaption id=\"caption-attachment-112664\" class=\"wp-caption-text\">En f\u00f6rb\u00e4ttrad sk\u00e4rminst\u00e4llningspanel f\u00f6r Navigeringsblocket.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Du kan ocks\u00e5 anpassa text- och bakgrundsf\u00e4rger f\u00f6r dina menyer och undermenyer.<\/span><\/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=\"Navigeringsblockets f\u00e4rginst\u00e4llningar.\" width=\"1686\" height=\"1162\"><figcaption id=\"caption-attachment-112663\" class=\"wp-caption-text\">Navigeringsblockets f\u00e4rginst\u00e4llningar.<\/figcaption><\/figure>\n<p>Ett annat anv\u00e4ndbart till\u00e4gg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">som nyligen lagts till<\/a> i Navigeringsblocket \u00e4r <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">Blockavst\u00e5ndsst\u00f6d<\/a>, vilket ger anv\u00e4ndarna m\u00f6jlighet att styra avst\u00e5ndet mellan menyalternativen.<\/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=\"Blockavst\u00e5ndskontroll p\u00e5 Navigeringsblocket.\" width=\"1684\" height=\"1114\"><figcaption id=\"caption-attachment-112669\" class=\"wp-caption-text\">Blockavst\u00e5ndskontroll p\u00e5 Navigeringsblocket.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Typografipanelen inneh\u00e5ller en upps\u00e4ttning kontroller f\u00f6r typsnittsfamilj, utseende, linjeh\u00f6jd, dekoration och stor\/liten bokstav. Alla dessa kontroller kan v\u00e4xlas p\u00e5\/av fr\u00e5n en rullgardinsmeny som visas n\u00e4r du klickar p\u00e5 ellipsikonen till h\u00f6ger.<\/span><\/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=\"Navieringsblockets typografiinst\u00e4llningar.\" width=\"1688\" height=\"964\"><figcaption id=\"caption-attachment-112670\" class=\"wp-caption-text\">Navieringsblockets typografiinst\u00e4llningar.<\/figcaption><\/figure>\n<h3>Navigeringsblocket: Under huven<\/h3>\n<p>Navigeringsblockdata lagras i databasen med hj\u00e4lp av en <code>wp_navigation<\/code> <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35746\">dedikerad inl\u00e4ggstyp<\/a>.<\/p>\n<p>Varf\u00f6r \u00e4r detta intressant f\u00f6r WordPress-anv\u00e4ndare, och hur fungerar det?<\/p>\n<p>S\u00e4g att du har skapat en navigeringsmeny som best\u00e5r av tv\u00e5 anpassade l\u00e4nkar och en s\u00f6kruta. Med <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/\">temat Twenty Twenty-Two<\/a> installerat, kan menyn se ut som i f\u00f6ljande bild:<\/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=\"Exempel p\u00e5 navigeringsblock\" width=\"1610\" height=\"246\"><figcaption id=\"caption-attachment-112665\" class=\"wp-caption-text\">Exempel p\u00e5 navigeringsblock<\/figcaption><\/figure>\n<p>Navigeringsblocket ovan lagras i databasen som inl\u00e4ggstypen <code>wp_navigation<\/code> enligt f\u00f6ljande:<\/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>Genom att lagra inneh\u00e5llet i Navigeringsblocket i databasen kan anv\u00e4ndare anv\u00e4nda samma navigeringsmenyer \u00f6ver olika blockteman. Om menyn inte \u00e4r omedelbart synlig, kan du bara v\u00e4lja \u00f6nskad navigeringsmeny i menyv\u00e4ljaren (se \u00e4ven problem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/36087\">#36087<\/a> och PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/36178\">#36178<\/a>).<\/p>\n<p>F\u00f6ljande bild visar ovanst\u00e5ende meny med <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-one-temat\/#the-twenty-twentyone-blocks-experiment\">temat Twenty Twenty-One Blocks<\/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\u00e4lj Meny i Twenty Twenty-One Blocks\" width=\"1158\" height=\"708\"><figcaption id=\"caption-attachment-112671\" class=\"wp-caption-text\">V\u00e4lj Meny i Twenty Twenty-One Blocks<\/figcaption><\/figure>\n<p>Navigeringsblocket har g\u00e5tt igenom flera iterationer. Du kan dyka djupare in i varje implementering i anteckningarna till 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>, och <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>Du kan ocks\u00e5 l\u00e4sa mer om Navigeringsblocket i <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/the-new-navigation-block\/\">det nya Navigeringsblocket utvecklingsanteckning<\/a> och <a href=\"https:\/\/wordpress.org\/support\/article\/navigation-block\/\">Navigeringsblockst\u00f6dsartikeln<\/a>.<\/p>\n<h2>Bildgallerier, utvalda bilder och webbplatsikoner<\/h2>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">WordPress 5.9 vill f\u00e5 bilder att fungera mer konsekvent i olika sammanhang och levererar nya funktioner och f\u00f6rb\u00e4ttringar i flera block. Galleriblocket har reviderats helt, medan olika \u00e4ndringar av de utvalda bild- och webbplatsikonblocken ger anv\u00e4ndarna mer detaljerad kontroll \u00f6ver respektive bilder.<\/span><\/p>\n<h3>Ett omfaktoriserat galleriblock<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">I WordPress 5.8 var m\u00f6jligheten att anpassa utseendet p\u00e5 bilder i gallerier n\u00e5got begr\u00e4nsad. Det fanns inget s\u00e4tt att \u00e4ndra bildstil eller till\u00e4mpa ett tv\u00e5tonsfilter.<\/span><\/p>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Dessutom saknades viktiga funktioner i galleribilder, till exempel att l\u00e4gga till anpassade l\u00e4nkar till enskilda bilder i ett galleri.<\/span><\/p>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">F\u00f6r att b\u00e4ttre f\u00f6rst\u00e5 orsaken till denna asymmetri mellan bilder i de tv\u00e5 olika kontexterna f\u00f6r en enskild bild och en bild i ett galleri, l\u00e5t oss ta en titt p\u00e5 galleriblocket i kodvisningen i WordPress 5.8:<\/span><\/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=\"Galleriblock i kodvisning i WordPress 5.8.\" width=\"1896\" height=\"494\"><figcaption id=\"caption-attachment-112457\" class=\"wp-caption-text\">Galleriblock i kodvisning i WordPress 5.8.<\/figcaption><\/figure>\n<p>Observera att bilddetaljer endast lagras i Galleriblockavgr\u00e4nsaren (se \u00e4ven <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/#what-is-a-gutenberg-block\">Vad \u00e4r ett Gutenbergblock?<\/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=\"Inspektera Galleriblock i WordPress 5.8.\" width=\"1822\" height=\"778\"><figcaption id=\"caption-attachment-112461\" class=\"wp-caption-text\">Inspektera Galleriblock i WordPress 5.8.<\/figcaption><\/figure>\n<p>Detta gjorde <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/11436\">att enskilda bilder betedde sig annorlunda \u00e4n bilder i gallerier<\/a>.<\/p>\n<p>F\u00f6r att f\u00e5 bilder att fungera konsekvent i de tv\u00e5 olika kontexterna introducerar WordPress 5.9 <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">ett helt omfaktoriserat galleriblock<\/a>, som nu <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">beter sig som en container f\u00f6r en samling av figurelement<\/a> ist\u00e4llet f\u00f6r en oordnad lista bilder.<\/p>\n<p>I WordPress 5.9 \u00e4r galleribilder kapslade med hj\u00e4lp av <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/#innerblocks-component\">k\u00e4rnans <code>innerBlocks<\/code>&#8211; API<\/a>, och varje bild lagrar sin egen upps\u00e4ttning detaljer, precis som enskilda bilder.<\/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=\"Galleriblock i kodvisning i WordPress 5.9\" width=\"1896\" height=\"628\"><figcaption id=\"caption-attachment-112458\" class=\"wp-caption-text\">Galleriblock i kodvisning i WordPress 5.9<\/figcaption><\/figure>\n<p>Det \u00e4r en stor f\u00f6rb\u00e4ttring, eftersom <strong>Galleriblockbilder nu st\u00f6der samma funktioner som finns i vanliga bildblock<\/strong>, s\u00e5som bilddimensioner och <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-8\/#duotone-block-support\">tv\u00e5tonsfilter<\/a>, liksom standardblockfunktioner, som dra-och-sl\u00e4pp, kopiera, duplicera och ta bort-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=\"Inspektera galleriblock i WordPress 5.9\" width=\"1604\" height=\"864\"><figcaption id=\"caption-attachment-112462\" class=\"wp-caption-text\">Inspektera galleriblock i WordPress 5.9<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Med det nya galleriblocket kan du utforma bilder individuellt. Detta ger ett brett utbud av anpassningsm\u00f6jligheter.<\/span><\/p>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Bilden nedan visar flera bilder i ett galleri, var och en med olikt rundade h\u00f6rn:<\/span><\/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=\"Det nya galleriblocket \u00e4r ett omslag f\u00f6r enskilda bildblock.\" width=\"1642\" height=\"1274\"><figcaption id=\"caption-attachment-112459\" class=\"wp-caption-text\">Det nya galleriblocket \u00e4r ett omslag f\u00f6r enskilda bildblock.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Du kan ocks\u00e5 anv\u00e4nda olika tv\u00e5tonsfilter p\u00e5 olika bilder i samma galleri.<\/span><\/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=\"Olika tv\u00e5tonsfilter till\u00e4mpas p\u00e5 olika bilder i ett galleriblock\" width=\"1728\" height=\"1048\"><figcaption id=\"caption-attachment-112460\" class=\"wp-caption-text\">Olika tv\u00e5tonsfilter till\u00e4mpas p\u00e5 olika bilder i ett galleriblock<\/figcaption><\/figure>\n<p>Och naturligtvis kan du tilldela en specifik CSS-klass till varje bild, vilket ger dig ytterligare superkrafter f\u00f6r att l\u00e4gga till den anpassning du beh\u00f6ver till dina galleribilder.<\/p>\n<p>F\u00f6r en n\u00e4rmare titt p\u00e5 det nya galleriblocket, se \u00e4ven <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/20\/gallery-block-refactor-dev-note\/\">Utvecklaranteckningar om Galleriblocksomfaktoriseringar<\/a>, <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/upcoming-gallery-block-improvements\/\">Kommande galleriblocksf\u00f6rb\u00e4ttringar<\/a>, och <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">anteckningar till Gutenberg 11.4 <\/a>.<\/p>\n<h3>Utvalda Bildf\u00f6rb\u00e4ttringar<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Flera f\u00f6rb\u00e4ttringar har ocks\u00e5 tagits till det utvalda bildblocket.<\/span><\/p>\n<h4>Grundl\u00e4ggande dimensionskontroller<\/h4>\n<p>Det utvalda bildblocket har nu en ny inst\u00e4llningspanel f\u00f6r dimensioner som ger <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31634\">h\u00f6jd, bredd och skala-kontroller<\/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=\"Utvald bild-dimensionspanel.\" width=\"2032\" height=\"1128\"><figcaption id=\"caption-attachment-112828\" class=\"wp-caption-text\">Utvald bild-dimensionspanel.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Dimensionskontroll g\u00e4ller \u00e4ven utvalda bilder i Query Loop-blocket, enligt f\u00f6ljande bild:<\/span><\/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=\"Utvalda bilddimensioner i ett Query Loop-block.\" width=\"2876\" height=\"1202\"><figcaption id=\"caption-attachment-112829\" class=\"wp-caption-text\">Utvalda bilddimensioner i ett Query Loop-block.<\/figcaption><\/figure>\n<h4>Tv\u00e5tonsfilter p\u00e5 utvalda bilder<\/h4>\n<p>Vi n\u00e4mnde ovan att vi nu kan till\u00e4mpa tv\u00e5tonsfiltret i bilder som \u00e4r inslagna i det nya omfaktoriserade Galleriblocket.<\/p>\n<p>Med WordPress 5.9 finns <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-8\/#duotone-block-support\">tv\u00e5tonsfiltret<\/a> ocks\u00e5 i utvalda bildblock i alla sammanhang, fr\u00e5n inl\u00e4gg- och sidmallar till Query loop-block.<\/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=\"Tv\u00e5tonsfilter p\u00e5 utvalda bilder i ett Query Loop-block.\" width=\"2110\" height=\"1042\"><figcaption id=\"caption-attachment-112830\" class=\"wp-caption-text\">Tv\u00e5tonsfilter p\u00e5 utvalda bilder i ett Query Loop-block.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Denna funktion \u00f6ppnar d\u00f6rren f\u00f6r kreativa och konsekventa f\u00e4rgkombinationer p\u00e5 hela webbplatsen.<\/span><\/p>\n<h3>Bildbesk\u00e4rning i webbplatslogotyp<\/h3>\n<p>Innan WordPress 5.9 (och <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">Gutenberg 11.6<\/a>) kunde logotypbilder bara redigeras innan de laddas upp. Med WordPress 5.9 kan du <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31607\">besk\u00e4ra, zooma och rotera bilder<\/a> som anv\u00e4nds i Webbplatslogotypen direkt fr\u00e5n blockverktygsf\u00e4ltet.<\/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=\"Redigera webbplatslogotypbild.\" width=\"1258\" height=\"1272\"><figcaption id=\"caption-attachment-112831\" class=\"wp-caption-text\">Redigera webbplatslogotypbild.<\/figcaption><\/figure>\n<h2>Nya designverktyg, block och UI-f\u00f6rb\u00e4ttringar<\/h2>\n<p>Elva Gutenberg-versioner sl\u00e5s samman i k\u00e4rnan med WordPress 5.9 och levererar s\u00e5 m\u00e5nga funktioner, f\u00f6rb\u00e4ttringar och buggfixar att det inte skulle vara m\u00f6jligt att t\u00e4cka dem alla i en enda artikel.<\/p>\n<p>S\u00e5 vi valde n\u00e5gra av de som vi tyckte var mest v\u00e4rda uppm\u00e4rksamhet. F\u00f6r en djupare \u00f6versikt \u00f6ver dessa funktioner och f\u00f6rb\u00e4ttringar kanske du ocks\u00e5 vill kolla utg\u00e5voinl\u00e4ggen f\u00f6r 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>, och <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>Med det sagt kommer detta avsnitt att t\u00e4cka f\u00f6ljande \u00e4ndringar:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Border Supports-UI<\/h3>\n<p>Med b\u00f6rjan i WordPress 5.9, n\u00e4r <strong>theme.json<\/strong> deklarerar <code>Border<\/code>-inst\u00e4llningar och ett block deklarerar Border Support via <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">Block supports-API:n<\/a>, kommer en ny inst\u00e4llningspanel ge kontroller f\u00f6r <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31585\">kantradie, bredd, stil, f\u00e4rg<\/a>, och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33315\">enheter<\/a> (se \u00e4ven <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\">K\u00e4rngruppblocket<\/a> \u00e4r ett bra exempel p\u00e5 denna anv\u00e4ndbara UI-f\u00f6rb\u00e4ttring. <strong>block.json<\/strong>-filen i Gruppblocket inneh\u00e5ller nu f\u00f6ljande <code>supports<\/code>-deklaration:<\/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>Med den h\u00e4r funktionen kan anv\u00e4ndare skapa fantastiska grafiska effekter p\u00e5 sina webbplatser med minimal anstr\u00e4ngning. Du kan se det i aktion med det nya Twenty Twenty-Two-temat.<\/p>\n<p>Skapa ett nytt Gruppblock i ett nytt inl\u00e4gg eller en ny sida och v\u00e4lj det. Du kommer att se en <strong>Kant<\/strong>-panel i sidof\u00e4ltet blockinst\u00e4llningar. \u00c4ndra kantbredden och stilen efter behov och njut av 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=\"Ett gruppblock med en anpassad kant-konfiguration med Twenty Twenty-Two.\" width=\"1868\" height=\"1222\"><figcaption id=\"caption-attachment-112693\" class=\"wp-caption-text\">Ett gruppblock med en anpassad kant-konfiguration med Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Om du \u00e4r en temautvecklare och vill l\u00e4gga till den h\u00e4r funktionen i dina teman \u00f6ppnar du <strong>theme.json<\/strong>-filen och deklarerar border support enligt f\u00f6ljande kod:<\/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>Spara filen och g\u00e5 tillbaka till din WordPresspanel. Skapa ett nytt Gruppblock i ett nytt inl\u00e4gg eller en ny sida och v\u00e4lj det. Du b\u00f6r nu se en kantpanel i sidof\u00e4ltet blockinst\u00e4llningar (se \u00e4ven denna <a href=\"https:\/\/gist.github.com\/aaronrobertshaw\/8ed108e4a024b81297a55fc498ef3a57\">experimentella theme.json<\/a>).<\/p>\n<h3>Listvyf\u00f6rb\u00e4ttringar<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Med WordPress 5.9 har listvyn f\u00f6rb\u00e4ttrats och har nu dra-och-sl\u00e4pp, hopf\u00e4llbara sektioner och HTML-ankare.<\/span><\/p>\n<h4>Dra-och-sl\u00e4pp i listvyn<\/h4>\n<p>Som n\u00e4mnts i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33320\">beg\u00e4ran #33320<\/a>, har dra-och-sl\u00e4pp implementerats i listvyn men inaktiverades p\u00e5 grund av prestandaproblem.<\/p>\n<p>Fr\u00e5n och med WordPress 5.9 har dra-och-sl\u00e4pp i listvyn implementerats p\u00e5 nytt. Du kan nu igen <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/21\/whats-new-in-gutenberg-11-1-0-21-july\/\">dra och sl\u00e4ppa block<\/a> och grupper av block var som helst i listvyn. Detta \u00e4r en stor f\u00f6rb\u00e4ttring i redigerarens anv\u00e4ndbarhet, eftersom det g\u00f6r att du snabbt och enkelt kan flytta block och grupper av block p\u00e5 dina sidor. Det \u00e4r instrumentalt i <a href=\"https:\/\/kinsta.com\/se\/blog\/artiklar-langform\/\">l\u00e5ngformsartiklar<\/a> och sidor, och f\u00f6r att hantera komplexa strukturer av kapslade block.<\/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=\"Dra-och-sl\u00e4pp i listvyn.\" width=\"1994\" height=\"1180\"><figcaption id=\"caption-attachment-112560\" class=\"wp-caption-text\">Dra-och-sl\u00e4pp i listvyn.<\/figcaption><\/figure>\n<h4>Komprimerade sektioner i listvyn<\/h4>\n<p>En annan betydande f\u00f6rb\u00e4ttring av listvyn \u00e4r m\u00f6jligheten att <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">expandera\/komprimera delar av kapslade block<\/a>. Detta g\u00f6r att du enkelt kan navigera i komplexa blockstrukturer, expandera enskilda grupper av block medan du l\u00e4mnar resten komprimerade.<\/p>\n<p>Du kan ocks\u00e5 expandera och komprimera listvysektioner <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32117\">med v\u00e4nster- och h\u00f6gerpilarna<\/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 expanderad grupp av block.\" width=\"1996\" height=\"1102\"><figcaption id=\"caption-attachment-112561\" class=\"wp-caption-text\">En expanderad grupp av block.<\/figcaption><\/figure>\n<h4>HTML-ankare p\u00e5 Listvyobjekt<\/h4>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">\u00c4nnu en bra f\u00f6rb\u00e4ttring \u00e4r m\u00f6jligheten att l\u00e4gga till HTML-ankare i dina block i listvyn och se dem p\u00e5 ett \u00f6gonblick.<\/span><\/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-ankare i listvy.\" width=\"1997\" height=\"1112\"><figcaption id=\"caption-attachment-112562\" class=\"wp-caption-text\">HTML-ankare i listvy.<\/figcaption><\/figure>\n<h3>Blockavst\u00e5ndskontroll<\/h3>\n<p>Den nya blockavst\u00e5ndskontrollen introducerades f\u00f6rst i <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/01\/whats-new-in-gutenberg-11-4-1-september\/\">Gutenberg 11.4<\/a> och sl\u00e5s nu samman i k\u00e4rnan med WordPress 5.9. Den l\u00e5ter dig st\u00e4lla in ett anpassat avst\u00e5nd mellan objekt i ett block. Nedan kan du se en f\u00f6rhandsgranskning med olika blockavst\u00e5ndsv\u00e4rden i ett Kolumnblock med standardtemat Twenty Twenty-Two:<\/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=\" Kontrollera kolumblocksavst\u00e5nd i WordPress 5.9.\" width=\"1966\" height=\"1166\"><figcaption id=\"caption-attachment-113303\" class=\"wp-caption-text\">Kontrollera kolumblocksavst\u00e5nd i WordPress 5.9.<\/figcaption><\/figure>\n<p>Avst\u00e5nd kommer initialt att vara tillg\u00e4ngligt f\u00f6r specifika block, inklusive knappar, bilder, kolumner, titlar och navigering, men st\u00f6det b\u00f6r utvidgas till fler block i framtiden.<\/p>\n<p>Teman borde m\u00f6jligg\u00f6ra Avst\u00e5nd i <strong>theme.json<\/strong> med den nya <em>appearanceTools<\/em>-egendomen. Du kan l\u00e4sa mer om utseendeverktyg i v\u00e5r <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#layout-and-appearance-tools\">djupdykning i Twenty Twenty-Two<\/a>. Se \u00e4ven beg\u00e4ran <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33991\">#33991<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34630\">#34630<\/a>.<\/p>\n<h3>Rich URL-f\u00f6rhandsgranskning f\u00f6r l\u00e4nkkontroll<\/h3>\n<p>Genom att dra nytta av den nya <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31763\">REST-url-details-slutpunkten<\/a>, ger l\u00e4nkkontrollen dig nu en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">rich URL-f\u00f6rhandsgranskning<\/a> som visar detaljer f\u00f6r en l\u00e4nkm\u00e5lresurs.<\/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-f\u00f6rhandsgranskning i inl\u00e4ggsredigeraren.\" width=\"1390\" height=\"1002\"><figcaption id=\"caption-attachment-112702\" class=\"wp-caption-text\">Rich URL-f\u00f6rhandsgranskning i inl\u00e4ggsredigeraren.<\/figcaption><\/figure>\n<p>I dess <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31464\">f\u00f6rsta implementering<\/a> var den h\u00e4r funktionen endast tillg\u00e4nglig i inl\u00e4ggsredigerarens <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/#using-richtext-component\">Rich Text-komponent<\/a>. I skrivande stund \u00e4r det ocks\u00e5 tillg\u00e4ngligt i webbplatsredigeraren, men inte i navigering- och widgetredigerarna.<\/p>\n<h3>Skapa sidor fr\u00e5n l\u00e4nk-popup<\/h3>\n<p>WordPress 5.9 har ocks\u00e5 en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/14\/whats-new-in-gutenberg-11-7-october-13th\/\">f\u00f6rb\u00e4ttrad inline-l\u00e4nk-UI<\/a>, som visar en helt ny knapp f\u00f6r att <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35083\">skapa nya sidor direkt fr\u00e5n inline-l\u00e4nkspopupen<\/a>. Denna funktion \u00e4r endast tillg\u00e4nglig inom <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\">Inl\u00e4ggsredigeraren<\/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-l\u00e4nks-UI.\" width=\"1332\" height=\"1100\"><figcaption id=\"caption-attachment-113304\" class=\"wp-caption-text\">WordPress 5.9 har en ny inline-l\u00e4nks-UI.<\/figcaption><\/figure>\n<h3>F\u00f6rb\u00e4ttringar av s\u00f6kblocket<\/h3>\n<p>S\u00f6kblocket visar nu <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/05\/whats-new-in-gutenberg-11-2-0-4-august\/\">inst\u00e4llningar f\u00f6r knapp och kantf\u00e4rg<\/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\u00f6kblockets f\u00e4rginst\u00e4llningar.\" width=\"2032\" height=\"1068\"><figcaption id=\"caption-attachment-113295\" class=\"wp-caption-text\">S\u00f6kblockets f\u00e4rginst\u00e4llningar.<\/figcaption><\/figure>\n<p>Du kan nu ocks\u00e5 anpassa <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32416\">bakgrund och textf\u00e4rg<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31783\">kantf\u00e4rg och radie<\/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\u00f6kblockets kantf\u00e4rg- och radieinst\u00e4llningar.\" width=\"2028\" height=\"1100\"><figcaption id=\"caption-attachment-113294\" class=\"wp-caption-text\">S\u00f6kblockets kantf\u00e4rg- och radieinst\u00e4llningar.<\/figcaption><\/figure>\n<h3>Nya kontroller f\u00f6r Blockdimensioner<\/h3>\n<p>En ny dimensionsinst\u00e4llningspanel \u00e4r <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28356\">nu tillg\u00e4nglig f\u00f6r anv\u00e4ndare<\/a> att <a href=\"https:\/\/make.wordpress.org\/core\/2021\/08\/18\/whats-new-in-gutenberg-11-3-18-august\/\">kontrollera utrymmet som upptas av ett block<\/a> p\u00e5 sidan. Panelen <em>b\u00f6r<\/em> inkludera h\u00f6jd, bredd, spaltfyllnad, marginal och eventuellt justeringskontroller, men inte alla attribut kommer att vara tillg\u00e4ngliga f\u00f6r varje block.<\/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=\"Spaltfyllnadskontroll f\u00f6r ett gruppblock i WordPress 5.9.\" width=\"2026\" height=\"616\"><figcaption id=\"caption-attachment-113296\" class=\"wp-caption-text\">Spaltfyllnadskontroll f\u00f6r ett gruppblock i WordPress 5.9.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/\">Blockutvecklare<\/a> kommer att hitta <code>&lt; DimensionControl\/&gt;<\/code>-komponenten <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/trunk\/packages\/components\/src\/dimension-control\/README.md\">dokumenterad p\u00e5 GitHub<\/a>, men notera att det fortfarande \u00e4r markerat som en experimentell funktion och kan bli f\u00f6rem\u00e5l f\u00f6r att bryta f\u00f6r\u00e4ndringar \u00e4n s\u00e5 l\u00e4nge.<\/p>\n<h3>Ett nytt Widgetgruppblock l\u00e4ggs till i Widgetar-sk\u00e4rmen<\/h3>\n<p>Ett nytt <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/22\/core-editor-improvement-introducing-the-widget-group-block\/\">Widgetgruppblock<\/a> \u00e4r <a href=\"https:\/\/make.wordpress.org\/core\/2021\/09\/17\/whats-new-in-gutenberg-11-5-16-september\/\">nu tillg\u00e4ngligt<\/a> i den blockbaserade widgetredigeraren. Det senaste blocket l\u00e5ter dig <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34484\">l\u00e4gga till en grupp block i en widget med en titel<\/a> i de klassiska temanas widgetsredigerare och Customizern.<\/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=\"Widgetgruppblock i temat Twenty Twenty-Two.\" width=\"1398\" height=\"1122\"><figcaption id=\"caption-attachment-113297\" class=\"wp-caption-text\">Widgetgruppblock i temat Twenty Twenty-Two.<\/figcaption><\/figure>\n<p>Du kan l\u00e4sa mer om widgetredigeraren i <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-8\/#blockbased-widgets-editor-and-block-widgets-in-the-customizer\">Blockbaserad widgetredigerare och blockwidgetar i Customizern<\/a>.<\/p>\n<h3>Flex layout och Ny Rad-blocket<\/h3>\n<p>Ursprungligen inf\u00f6rdes det som en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/33359\">experimentell 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>, men <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">flex layout<\/a> har expanderats till flera block, inklusive <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34493\">Sociala L\u00e4nkar<\/a> och gruppblock.<\/p>\n<p>Vissa block, till exempel blocket Sociala l\u00e4nkar, ger nu en upps\u00e4ttning verktygsf\u00e4ltskontroller och sidof\u00e4ltinst\u00e4llningar som l\u00e5ter dig anpassa flex layouten.<\/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 verktygsf\u00e4ltet f\u00f6r Sociala l\u00e4nkar.\" width=\"1358\" height=\"524\"><figcaption id=\"caption-attachment-112704\" class=\"wp-caption-text\">Layoutkontroller i verktygsf\u00e4ltet f\u00f6r Sociala l\u00e4nkar.<\/figcaption><\/figure>\n<p>Samma funktionalitet finns i <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#the-navigation-block\">Navigeringsblock<\/a> och <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/34535\">Radblock<\/a>, en ny variant av Gruppblocket som introducerades 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\u00f6ljande bild visar Radblocket med layoutkontroller i inst\u00e4llningssidof\u00e4ltet:<\/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=\"Det nya Radblocket med layoutinst\u00e4llningar.\" width=\"2046\" height=\"772\"><figcaption id=\"caption-attachment-112706\" class=\"wp-caption-text\">Det nya Radblocket med layoutinst\u00e4llningar.<\/figcaption><\/figure>\n<p>Nedan kan du se samma Radblock p\u00e5 frontenden och i Chromes <a href=\"https:\/\/kinsta.com\/se\/blog\/inspektera-element\/\">inspekteringsverktyg<\/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=\" Ett radblock i Chromes inspekteringsverktyg.\" width=\"2460\" height=\"880\"><figcaption id=\"caption-attachment-112705\" class=\"wp-caption-text\">Ett radblock i Chromes inspekteringsverktyg.<\/figcaption><\/figure>\n<h2>Blockm\u00f6nster-f\u00f6rb\u00e4ttringar<\/h2>\n<p>Blockm\u00f6nster <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-5\/#block-patterns\">introducerades f\u00f6rst med WordPress 5.5<\/a>, och l\u00e5ter WordPressanv\u00e4ndare inkludera <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-5\/#block-patterns\">komplexa f\u00e4rdiga strukturer av kapslade block<\/a> i sitt inneh\u00e5ll med bara n\u00e5gra klick.<\/p>\n<p>Nu tar WordPress 5.9 det hela ett steg fram\u00e5t mot designdemokratisering och anv\u00e4ndarmakt genom att introducera ett par f\u00f6rb\u00e4ttringar av blockm\u00f6nstersystemet.<\/p>\n<p>S\u00e5, vad \u00e4r nytt med blockm\u00f6nster i WordPress 5.9?<\/p>\n<h3>Utvalda m\u00f6nster fr\u00e5n m\u00f6nsterkatalogen<\/h3>\n<p>Blockins\u00e4ttaren <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/28\/whats-new-in-gutenberg-11-8-0-27-october\/\">visar nu utvalda blockm\u00f6nster<\/a> dynamiskt h\u00e4mtade fr\u00e5n <a href=\"https:\/\/wordpress.org\/patterns\/\">m\u00f6nsterkatalog<\/a>, vilket ger anv\u00e4ndarna ett snabbt och enkelt s\u00e4tt att hitta popul\u00e4ra m\u00f6nster att anv\u00e4nda i sitt inneh\u00e5ll.<\/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=\"Knappblocksm\u00f6nster i WordPress 5.9.\" width=\"2160\" height=\"1308\"><figcaption id=\"caption-attachment-112574\" class=\"wp-caption-text\">Knappblocksm\u00f6nster i WordPress 5.9.<\/figcaption><\/figure>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">P\u00e5 samma s\u00e4tt som m\u00f6nster kommer direkt in i WordPress-panelen, b\u00f6r WordPress-utvecklare uppmuntras att skapa och publicera fler och fler m\u00f6nster allteftersom, vilket resulterar i alltmer avancerade designfunktioner f\u00f6r anv\u00e4ndare.<\/span><\/p>\n<h3>En ny m\u00f6nsterutforskare i helsk\u00e4rm<\/h3>\n<p>Eftersom antalet blockm\u00f6nster i <a href=\"https:\/\/wordpress.org\/patterns\/\">m\u00f6nsterkatalogen<\/a> forts\u00e4tter att v\u00e4xa och fler teman anv\u00e4nder dem, introducerar WordPress 5.9 ett <a href=\"https:\/\/make.wordpress.org\/core\/2021\/11\/12\/whats-new-in-gutenberg-11-9-0-10-november\/\">nytt blockm\u00f6nsternavigeringsgr\u00e4nssnitt<\/a>: M\u00f6nsterutforskaren.<\/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=\"M\u00f6nstermodulen i helsk\u00e4rm, i WordPress 5.9.\" width=\"2158\" height=\"1300\"><figcaption id=\"caption-attachment-112575\" class=\"wp-caption-text\">M\u00f6nstermodulen i helsk\u00e4rm, i WordPress 5.9.<\/figcaption><\/figure>\n<p>Den nya <strong>Utforska<\/strong>-knappen \u00f6ppnar nu en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/35773\">fullsk\u00e4rmsmodul<\/a> som g\u00f6r det m\u00f6jligt f\u00f6r anv\u00e4ndare att bl\u00e4ddra, s\u00f6ka efter och infoga blockm\u00f6nster med bara n\u00e5gra klick. Resultatet \u00e4r en f\u00f6rb\u00e4ttrad anv\u00e4ndarupplevelse.<\/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=\"Utvalda blockm\u00f6nster i blockinf\u00f6raren.\" width=\"1996\" height=\"1132\"><figcaption id=\"caption-attachment-112576\" class=\"wp-caption-text\">Utvalda blockm\u00f6nster i blockinf\u00f6raren.<\/figcaption><\/figure>\n<p>Du hittar ocks\u00e5 ytterligare anteckningar och flera blockm\u00f6nsterexempel i v\u00e5r djupdykning i <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#twenty-twentytwo-block-patterns\">WordPresstemat Twenty Twenty-Two<\/a>.<\/p>\n<p>Om du \u00e4r intresserad och vill l\u00e4ra dig mer, lyssna p\u00e5 Josepha Haden Chomphosys podcast <a href=\"https:\/\/wordpress.org\/news\/2021\/09\/episode-16-a-sneak-peek-at-wordpress-5-9\/\">Avsnitt 16<\/a> och <a href=\"https:\/\/wordpress.org\/news\/2021\/11\/episode-21-all-things-block-themes\/\">21<\/a>, och titta p\u00e5 Youtubevideon <a href=\"https:\/\/www.youtube.com\/watch?v=r59aR1tmY6k\">Utforska WordPress 5.9<\/a> fr\u00e5n Anne McCarthy.<\/p>\n<h2>Temat Twenty Twenty-Two och WordPress-blockteman<\/h2>\n<p>Med WordPress 5.9 beh\u00f6ver du inte l\u00e4ngre installera Gutenbergpluginet f\u00f6r att m\u00f6jligg\u00f6ra fullst\u00e4ndig webbplatsredigering p\u00e5 din WordPress-sajt. Du beh\u00f6ver bara l\u00e5ta ett blocktema utnyttja alla FSE-funktioner.<\/p>\n<p>Dessutom kommer WordPress 5.9 med ett helt nytt standardtema, Twenty Twenty-Two, och det \u00e4r en riktig game changer, eftersom Twenty Twenty-Two \u00e4r det f\u00f6rsta standardblocktemat n\u00e5gonsin.<\/p>\n<p>Twenty Twenty-Two \u00e4r ett mycket flexibelt och anpassningsbart tema. Det ger dig en perfekt sandl\u00e5da f\u00f6r att prova det nya mallredigeringsfl\u00f6det, nya block, gr\u00e4nssnittsf\u00f6rb\u00e4ttringar och alla webbplatsredigeringsfunktioner som l\u00e4ggs till k\u00e4rnan, fr\u00e5n och 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 \u00e4r det nya WordPress-standardtemat.\" width=\"2560\" height=\"1752\"><figcaption id=\"caption-attachment-110731\" class=\"wp-caption-text\">Twenty Twenty-Two \u00e4r det nya WordPress-standardtemat. (Bildk\u00e4lla: <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/06\/introducing-twenty-twenty-two\/\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Som n\u00e4mnts ovan beh\u00f6ver du bara installera och aktivera ett <a href=\"https:\/\/wordpress.org\/themes\/tags\/full-site-editing\/\">blocktema<\/a>, som Twenty Twenty-Two. N\u00e4r temat \u00e4r aktivt, visas en ny <strong>redigeringsmeny (beta)<\/strong> i WordPress-adminpanelen.<\/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 nya Utseendemenyn i WordPress 5.9.\" width=\"2002\" height=\"830\"><figcaption id=\"caption-attachment-113422\" class=\"wp-caption-text\">Den nya Utseendemenyn i WordPress 5.9.<\/figcaption><\/figure>\n<p>Webbplatsredigeringsgr\u00e4nssnittet har nu ett moderniserat <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#twenty-twentytwo-brings-a-new-site-editing-flow\">Webbplatsredigeringsfl\u00f6de<\/a>. Fr\u00e5n redigeringsgr\u00e4nssnittet kan du visuellt redigera webbplatsens startsida, mallar och malldelar samt komma \u00e5t <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#global-styles-a-graphic-interface-for-themejson\">Globala Stilar<\/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=\"Redigeringsnavigeringsmenyn.\" width=\"2318\" height=\"1046\"><figcaption id=\"caption-attachment-110741\" class=\"wp-caption-text\">Redigeringsnavigeringsmenyn.<\/figcaption><\/figure>\n<p>N\u00e4r du aktiverar ett blocktema, <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/07\/state-of-the-customizer-with-block-themes-in-wordpress-5-9\/\">hittar du inte Customizern<\/a>. Det beror p\u00e5 att Customizern inte st\u00f6der blockteman, som bara anv\u00e4nder Webbplatsredigeraren. Det \u00e4r ocks\u00e5 anledningen till att <strong>inte kan f\u00f6rhandsgranska inaktiva blockteman<\/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-f\u00f6rhandsgranskningen \u00e4r inte tillg\u00e4nglig med blockteman.\" width=\"1650\" height=\"1268\"><figcaption id=\"caption-attachment-113429\" class=\"wp-caption-text\">Live-f\u00f6rhandsgranskningen \u00e4r inte tillg\u00e4nglig med blockteman.<\/figcaption><\/figure>\n<p>S\u00e5 fr\u00e5n och med WordPress 5.9 \u00e4r \u00e5tkomstpunkten till Customizern inte l\u00e4ngre tillg\u00e4nglig i adminmenyn n\u00e4r ett blocktema \u00e4r aktivt (om du inte anv\u00e4nder <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/block-themes-a-new-way-to-build-themes-in-wordpress-5-9\/\">ett plugin som anv\u00e4nder det<\/a>).<\/p>\n<p>Om du fortfarande anv\u00e4nder traditionella teman och \u00e4r orolig f\u00f6r bak\u00e5tkompatibilitet, ta det lugnt: Du kan forts\u00e4tta anv\u00e4nda ditt tema.<\/p>\n<p>Du har f\u00f6r n\u00e4rvarande fyra olika kategorier av teman att v\u00e4lja mellan:<\/p>\n<ul>\n<li><strong>Blockteman<\/strong>: Teman utformade f\u00f6r FSE<\/li>\n<li><strong>Universella teman<\/strong>: Teman som fungerar med b\u00e5de Customizern och Webbplatsredigeraren<\/li>\n<li><strong>Hybridteman<\/strong>: Klassiska teman som st\u00f6der FSE-funktioner som theme.json<\/li>\n<li><strong>Klassiska teman<\/strong>: Teman med PHP-mallar, functions.php, etc.<\/li>\n<\/ul>\n<p>P\u00e5 grund av den inverkan som blockteman sannolikt kommer att ha p\u00e5 WordPress ekosystemet har vi en hel artikel som t\u00e4cker <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/\">Twenty Twenty-Two och WordPress-blockteman<\/a>. Se till att l\u00e4sa det f\u00f6r en mer djupg\u00e5ende \u00f6versikt.<\/p>\n<h2>Prestandaf\u00f6rb\u00e4ttringar<\/h2>\n<p>H\u00e4r p\u00e5 Kinsta \u00e4r vi besatta av <a href=\"https:\/\/kinsta.com\/se\/lar\/snabba-upp-wordpress\/\">webbplatshastighet<\/a>. Det \u00e4r d\u00e4rf\u00f6r vi \u00e4r glada \u00f6ver den <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/05\/wordpress-5-9-performance-improvements\/\">prestandaf\u00f6rb\u00e4ttring<\/a> som kommer med WordPress 5.9.<\/p>\n<p>Dessa f\u00f6rb\u00e4ttringar kommer att p\u00e5verka flera omr\u00e5den i CMS:et, fr\u00e5n blockredigeraren till blockteman, Latladdning och mer. Nu b\u00f6rjar vi.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>F\u00f6rb\u00e4ttringar till blockinf\u00f6raren<\/h3>\n<p>Sedan WordPress 5.9 latrenderas blocktyper, m\u00f6nster och kategorier i Blockinf\u00f6raren. Webbl\u00e4saren laddar inneh\u00e5ll med h\u00f6gre prioritet f\u00f6rst, vilket ger anv\u00e4ndaren en mjukare redigeringsupplevelse och f\u00f6rb\u00e4ttrad prestanda.<\/p>\n<p>Ytterligare anm\u00e4rkningsv\u00e4rda prestandaf\u00f6rb\u00e4ttringar i samband med blockredigeraren p\u00e5verkar \u00e5teranv\u00e4ndbara block och <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#list-view-improvements\">listvyn<\/a>.<\/p>\n<h3>Mindre laddad CSS<\/h3>\n<p>N\u00e4r det g\u00e4ller frontenden, minskar WordPress 5.9 drastiskt m\u00e4ngden CSS som laddas av blockteman, vilket leder till att sidor laddas betydligt snabbare.<\/p>\n<p>Den viktigaste f\u00f6rb\u00e4ttringen som b\u00f6r noteras i detta sammanhang \u00e4r inf\u00f6randet av <strong>theme.json<\/strong>-inst\u00e4llningar och stil-mekanismer, som f\u00f6rhindrar teman fr\u00e5n att anv\u00e4nda massiva formatmallar, inklusive hundratals CSS-deklarationer. M\u00e4ngden CSS-kod som ett tema anv\u00e4nder har nu reducerats till <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#twenty-twentytwo-at-its-core-a-quick-overview-of-themejson\">n\u00e5gra anpassade CSS-egendomar<\/a> som alla blocktyper kan \u00e5teranv\u00e4nda.<\/p>\n<h3>Prestandaf\u00f6rb\u00e4ttringar med latladdning<\/h3>\n<p>Latladdning av bilder <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">introducerades f\u00f6rst i WordPress 5.5<\/a>. Fr\u00e5n och med WordPress 5.7 var latladdningsfunktionen <a href=\"https:\/\/kinsta.com\/blog\/wordpress-5-7\/#lazyloading-iframes\">ut\u00f6kat till iframes<\/a>, vilket l\u00e5ter webbplats\u00e4gare bygga snabbare webbplatser och <a href=\"https:\/\/kinsta.com\/se\/ebooks\/wordpress\/hur-man-forbattrar-seo\/\">f\u00f6rb\u00e4ttra din SEO<\/a>.<\/p>\n<p>Hur som helst, efter en analys av <a href=\"https:\/\/kinsta.com\/blog\/core-web-vitals\/#largest-contentful-paint-lcp\">Largest Contentful Paint (LCP)<\/a>visade det sig att tilldela <code>loading= \"lazy\"<\/code>-attribut till alla bilder och iframes p\u00e5 sidan orsakar en l\u00e4tt prestandaf\u00f6rs\u00e4mring.<\/p>\n<p>Att helt enkelt hoppa \u00f6ver <code>loading= \"lazy\"<\/code>-attributet var inte en l\u00f6sning eftersom det skulle leda till att man f\u00f6rlorade de tydliga f\u00f6rdelarna med <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-latladdning\/\">latladdning<\/a>.<\/p>\n<p>Den <a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/15\/refining-wordpress-cores-lazy-loading-implementation\/\">optimala l\u00f6sningen<\/a> skulle vara att bara utel\u00e4mna l<code>oading= \"lazy\"<\/code>-attribut p\u00e5 bilder som visas h\u00f6gst upp. Men eftersom <code>loading=\"lazy\"<\/code>-attribut tilldelas p\u00e5 serversidan, kan WordPress inte avg\u00f6ra vilka bilder som visas h\u00f6gst upp. Det \u00e4r n\u00e5got som mest beror p\u00e5 det aktiva temat.<\/p>\n<p>Nu, som en avv\u00e4gningsl\u00f6sning, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">fr\u00e5n och med WordPress 5.9<\/a>, till\u00e4mpas <code>loading= \"lazy\"<\/code>-attributet inte p\u00e5 den f\u00f6rsta inneh\u00e5llsbilden eller iFramen. En analys utf\u00f6rd p\u00e5 50 popul\u00e4ra <a href=\"https:\/\/kinsta.com\/se\/blog\/snabbaste-wordpress-theme\/\">WordPress-teman<\/a> fann att denna l\u00f6sning leder till betydande prestandaf\u00f6rb\u00e4ttringar och sidor laddas upp till 30% snabbare.<\/p>\n<p>Felix Arntz f\u00f6rklarar <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">hur det fungerar<\/a>:<\/p>\n<blockquote><p>&#8230; f\u00f6r att f\u00f6rb\u00e4ttra prestandan out-of-the-box utan att kr\u00e4va att en utvecklare anpassar beteendet, kommer WordPress nu att hoppa \u00f6ver den allra f\u00f6rsta &#8221;inneh\u00e5llsbilden eller iframen&#8221; p\u00e5 sidan fr\u00e5n att latladdas. Termen &#8221;inneh\u00e5llsbild eller iFrame&#8221; betecknar h\u00e4r en bild eller iframe som finns i inneh\u00e5llet i ett inl\u00e4gg i den aktuella huvudfr\u00e5geslingan samt alla utvalda bilder i ett s\u00e5dant inl\u00e4gg. Detta g\u00e4ller b\u00e5de &#8221;singel&#8221; och &#8221;arkiv&#8221;-inneh\u00e5ll: i en &#8221;singular&#8221;-kontext \u00e4r den f\u00f6rsta bilden eller iFramen f\u00f6r det (enda) inl\u00e4gget inte latladdad, medan i en &#8221;arkiv&#8221;-kontext \u00e4r den f\u00f6rsta bilden eller iFramen f\u00f6r det f\u00f6rsta inl\u00e4gget i f\u00f6rfr\u00e5gningen inte latladdad.<\/p><\/blockquote>\n<p>Temautvecklare kan nu anv\u00e4nda det nya <code>wp_omit_loading_attr_threshold<\/code>-filtret f\u00f6r att \u00e4ndra antalet bilder\/iframes som ska hoppas \u00f6ver latladdning.<\/p>\n<h3>Flera formatmallar per block<\/h3>\n<p>Block- och temautvecklare kan <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">registrera flera stilmallar<\/a> p\u00e5 varje block och ladda stilar fr\u00e5n andra block n\u00e4r det beh\u00f6vs. Detta g\u00f6r det m\u00f6jligt att ladda stilmallar beroende p\u00e5 sidinneh\u00e5llet, vilket f\u00f6rhindrar att teman laddar stora stilmallar p\u00e5 varje sida.<\/p>\n<p>Enligt <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/15\/using-multiple-stylesheets-per-block\/\">Ari Stathopoulos<\/a>:<\/p>\n<blockquote><p>Block kommer nu att kunna registrera flera stilmallar och ladda stilar fr\u00e5n andra block n\u00e4r det beh\u00f6vs. Teman kommer att kunna l\u00e4gga till stilar per block ist\u00e4llet f\u00f6r att ladda enorma stilmallar som tvingas laddas \u00f6verallt. Detta har st\u00f6rre inverkan p\u00e5 blockteman d\u00e4r inl\u00e4sning av formatmallar optimeras baserat p\u00e5 sid- och layoutinneh\u00e5llet, men kan ocks\u00e5 anv\u00e4ndas av klassiska teman.<\/p><\/blockquote>\n<h2>Ytterligare funktioner f\u00f6r utvecklare<\/h2>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">F\u00f6rutom de m\u00e5nga funktioner och UI-f\u00f6rb\u00e4ttringar som diskuterats hittills, introducerar WordPress 5.9 ocks\u00e5 flera funktioner f\u00f6r utvecklare.<\/span><\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Om du \u00e4r ny inom WordPress-blockutveckling, se till att kolla v\u00e5r <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/\">Definitiva handledning f\u00f6r blockutveckling<\/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>Ett nytt attribut f\u00f6r att l\u00e5sa block<\/h3>\n<p>Blockutvecklare kan nu hindra anv\u00e4ndare fr\u00e5n att <a href=\"https:\/\/make.wordpress.org\/core\/2021\/10\/01\/whats-new-in-gutenberg-11-6-29-september\/\">flytta eller radera enskilda block<\/a> genom att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">l\u00e4gga till ett <code>lock<\/code>-attribut<\/a> till blockinst\u00e4llningarna:<\/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 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32457\">den h\u00e4r funktionen aktiverad<\/a> kan anv\u00e4ndare redigera blockinneh\u00e5llet, men kan inte flytta blocket p\u00e5 sidan eller ta bort det fr\u00e5n redigeringsduken. F\u00f6ljande bild visar ett <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/\">anpassat block<\/a> med en standard upps\u00e4ttning kontroller i verktygsf\u00e4ltet:<\/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=\"Ett anpassat block med ett vanligt verktygsf\u00e4lt\" width=\"1288\" height=\"946\"><figcaption id=\"caption-attachment-112708\" class=\"wp-caption-text\">Ett anpassat block med ett vanligt verktygsf\u00e4lt<\/figcaption><\/figure>\n<p>Att definiera <code>lock<\/code>-attribut, som framg\u00e5r av koden ovan, d\u00f6ljer blockflyttare och <strong>Flytta till<\/strong> och <strong>Ta bort<\/strong>-kontroller fr\u00e5n blockverktygsf\u00e4ltet. Bilden nedan visar det slutliga resultatet p\u00e5 sk\u00e4rmen:<\/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=\"Ett anpassat block utan flytta- och ta bort-kontroller\" width=\"1284\" height=\"762\"><figcaption id=\"caption-attachment-112709\" class=\"wp-caption-text\">Ett anpassat block utan flytta- och ta bort-kontroller<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 l\u00e5sa ett specifikt block i ett blockm\u00f6nster. F\u00f6r ett exempel, se \u00e4ven <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/08\/locking-blocks-in-wordpress-5-9\/\">Att l\u00e5sa block i WordPress 5.9<\/a>.<\/p>\n<h3>Nytt API f\u00f6r att komma \u00e5t globala inst\u00e4llningar och stilar<\/h3>\n<p>WordPress 5.9 introducerar en ny <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">PHP public-API<\/a> f\u00f6r att l\u00e4sa data fr\u00e5n <strong>theme.json<\/strong>.<\/p>\n<h4>L\u00e4sinst\u00e4llningar och stilar fr\u00e5n theme.json<\/h4>\n<p>Det finns tv\u00e5 nya funktioner f\u00f6r att l\u00e4sa data fr\u00e5n <code>settings<\/code> och <code>stile<\/code>-avsnitten som deklareras 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> \u00e4r en array som visar s\u00f6kv\u00e4gen till den angivna inst\u00e4llningen<\/li>\n<li><code>$context<\/code> \u00e4r en array som st\u00e4ller in kontexten f\u00f6r dessa data. Utvecklare kan l\u00e4sa fr\u00e5n ett specifikt blockinst\u00e4llningsavsnitt \u2014 till exempel, <code>array( 'block_name' =&gt; 'core\/paragraph' )<\/code>. <code>orygin<\/code>-nyckeln inst\u00e4lld p\u00e5 <code>base<\/code> till\u00e5ter ignorering av anpassade data som sparats av anv\u00e4ndaren.<\/li>\n<\/ul>\n<p>F\u00f6ljande exempelkod skulle returnera v\u00e4rdeinst\u00e4llningen <code>contentSize<\/code>. I Twenty Twenty-Two skulle det vara <code>650px<\/code>:<\/p>\n<pre><code class=\"language-php\">wp_get_global_settings( array( 'layout', 'contentSize' ) );<\/code><\/pre>\n<p>Genom att st\u00e4lla in en kontext kan du h\u00e4mta stilar f\u00f6r specifika block. F\u00f6ljande kod visar hur du h\u00e4mtar gr\u00e4nsradiev\u00e4rdet f\u00f6r <code>core\/button<\/code>-blocket:<\/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 ovan returnerar det \u00f6nskade egendomsv\u00e4rdet med h\u00e4nsyn till standardinst\u00e4llningar, temainst\u00e4llningar och anv\u00e4ndardata. Det anpassade v\u00e4rdet kommer att tillhandah\u00e5llas om anv\u00e4ndaren konfigurerar knappens kantradie i gr\u00e4nssnittet globala stilar.<\/p>\n<p>F\u00f6r att ignorera anv\u00e4ndardata skulle du anv\u00e4nda f\u00f6ljande kod:<\/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>H\u00e4mta den genererade stilmallen<\/h4>\n<p>WordPress 5.9 introducerar ocks\u00e5 en ny funktion f\u00f6r att h\u00e4mta stilmallen f\u00f6r standard-, tema- och anpassade stilar:<\/p>\n<pre><code class=\"language-php\">wp_get_global_stylesheet( $types = array() );<\/code><\/pre>\n<p><code>$types<\/code> \u00e4r en lista \u00f6ver stilar att generera.<\/p>\n<p>Du kan l\u00e4sa mer om den nya API:n i <a href=\"https:\/\/make.wordpress.org\/core\/2022\/01\/04\/new-api-to-access-global-settings-styles\/\">Ny API f\u00f6r att komma \u00e5t globala inst\u00e4llningar och stilar<\/a>.<\/p>\n<h3>Fler funktioner f\u00f6r utvecklare<\/h3>\n<p style=\"background: white;vertical-align: baseline\"><span lang=\"SV\" style=\"font-size: 13.5pt;font-family: Roboto;color: #6e7076\">Ytterligare WordPress 5.9-\u00e4ndringar f\u00f6r utvecklare som du kanske vill k\u00e4nna till inkluderar:<\/span><\/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\/\">Blockteman, ett nytt s\u00e4tt att bygga teman 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\/\">Uppdateringar f\u00f6r inst\u00e4llningar, stilar och 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\/\">Temafokuserade \u00e4ndringar och filter 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\/\">Nya kapacitetsf\u00f6rfr\u00e5gningar 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 k\u00e4rn\u00e4ndringar 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 blockredigerings\u00e4ndringar 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\/\">Ta mer kontroll \u00f6ver Inre blockomr\u00e5den (som blockutvecklare)<\/a><\/li>\n<\/ul>\n\n<h2>Sammanfattning<\/h2>\n<p>Vi l\u00e4gger upp den h\u00e4r artikeln med en snabb anteckning om <a href=\"https:\/\/kinsta.com\/wordpress-market-share\/\">WordPress marknadsandelar<\/a>. WordPress driver f\u00f6r n\u00e4rvarande \u00f6ver 65% av alla webbplatser vars inneh\u00e5llshanteringssystem \u00e4r k\u00e4nt.<\/p>\n<p>Dessa siffror \u00e4r imponerande, s\u00e4rskilt j\u00e4mf\u00f6rt med de n\u00e4rmaste konkurrenterna med mindre \u00e4n 5% marknadsandelar, som Shopify.<\/p>\n<p>Och det betyder ocks\u00e5 att du inte kan f\u00f6rbise utvecklingen <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">av WP CMS<\/a>. Varje <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-version\/\">ny version av WordPress<\/a> ger nya funktioner, gr\u00e4nssnittsf\u00f6rb\u00e4ttringar, prestandaf\u00f6rb\u00e4ttringar och WordPress 5.9 \u00e4r inget undantag. Allt du beh\u00f6ver f\u00f6r att testa de nya funktionerna \u00e4r ett blocktema, som det nya Twenty Twenty-Two, och du \u00e4r redo att k\u00f6ra.<\/p>\n<p><em>\u00d6ver till dig, nu! \u00c4r du redo att byta till blockteman och FSE? Och vilka \u00e4r dina favorit\u00e4ndringar med WordPress 5.9?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.9 var ursprungligen planerad att sl\u00e4ppas den 14 december 2021. P\u00e5 grund av flera \u00f6ppna problem har den slutliga utg\u00e5van f\u00f6rsenats och \u00e4r nu planerad &#8230;<\/p>\n","protected":false},"author":36,"featured_media":42371,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[66,457,458,42,29],"topic":[844],"class_list":["post-42370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-editing","tag-updates","tag-webdev","tag-wordpress","topic-wordpress-uppdateringar"],"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>Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer<\/title>\n<meta name=\"description\" content=\"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 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\/se\/blog\/wordpress-5-9\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer\" \/>\n<meta property=\"og:description\" content=\"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-02T08:42:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T12:26:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/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=\"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"35 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Vad \u00e4r nytt i WordPress 5.9 &#8211; fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer\",\"datePublished\":\"2022-02-02T08:42:48+00:00\",\"dateModified\":\"2023-09-21T12:26:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\"},\"wordCount\":5910,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"keywords\":[\"CMS\",\"editing\",\"updates\",\"webdev\",\"WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\",\"name\":\"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"datePublished\":\"2022-02-02T08:42:48+00:00\",\"dateModified\":\"2023-09-21T12:26:54+00:00\",\"description\":\"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-uppdateringar\",\"item\":\"https:\/\/kinsta.com\/se\/topics\/wordpress-uppdateringar\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vad \u00e4r nytt i WordPress 5.9 &#8211; fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer","description":"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 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\/se\/blog\/wordpress-5-9\/","og_locale":"sv_SE","og_type":"article","og_title":"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer","og_description":"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!","og_url":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2022-02-02T08:42:48+00:00","article_modified_time":"2023-09-21T12:26:54+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Carlo Daniele","Ber\u00e4knad l\u00e4stid":"35 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Vad \u00e4r nytt i WordPress 5.9 &#8211; fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer","datePublished":"2022-02-02T08:42:48+00:00","dateModified":"2023-09-21T12:26:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/"},"wordCount":5910,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","keywords":["CMS","editing","updates","webdev","WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/","url":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/","name":"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","datePublished":"2022-02-02T08:42:48+00:00","dateModified":"2023-09-21T12:26:54+00:00","description":"Kolla in v\u00e5r djupg\u00e5ende recension av WordPress 5.9 och uppt\u00e4ck alla de viktigaste funktionerna som introducerades med den f\u00f6rsta WordPress-utg\u00e5van 2022!","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/02\/whats-new-in-wordpress-5-9.jpg","width":1460,"height":730,"caption":"Vad \u00e4r nytt i WordPress 5.9 - fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-5-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"WordPress-uppdateringar","item":"https:\/\/kinsta.com\/se\/topics\/wordpress-uppdateringar\/"},{"@type":"ListItem","position":3,"name":"Vad \u00e4r nytt i WordPress 5.9 &#8211; fullst\u00e4ndig webbplatsredigering, globala stilar, block, m\u00f6nster, API:er, UI-f\u00f6rb\u00e4ttringar och mycket mer"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/42370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=42370"}],"version-history":[{"count":2,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/42370\/revisions"}],"predecessor-version":[{"id":42373,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/42370\/revisions\/42373"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/en"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/es"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/translations\/jp"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/42370\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/42371"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=42370"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=42370"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=42370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}