{"id":51773,"date":"2023-03-30T19:15:13","date_gmt":"2023-03-30T19:15:13","guid":{"rendered":"https:\/\/kinsta.com\/se\/?p=51773&#038;preview=true&#038;preview_id=51773"},"modified":"2023-09-21T12:26:46","modified_gmt":"2023-09-21T12:26:46","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/","title":{"rendered":"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er och mycket mer"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8221;Dolphy&#8221;<\/a> har sl\u00e4ppts och det \u00e4r dags f\u00f6r oss att utforska vad som \u00e4r nytt med den f\u00f6rsta versionen f\u00f6r \u00e5ret 2023.<\/p>\n<p>Med WordPress 6.2 g\u00e5r vi in i slutfasen av fas 2 i den l\u00e5ngsiktiga <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00e4rdplanen f\u00f6r Gutenbergs utveckling<\/a>, och blockredigeraren l\u00e4mnar officiellt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">betafasen<\/a>.<\/p>\n\n<p>Den h\u00e4r versionen fokuserar fr\u00e4mst p\u00e5 att <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f6rb\u00e4ttra gr\u00e4nssnittet<\/a> och effektivisera redigeringsupplevelsen.<\/p>\n<p>Det har exempelvis inf\u00f6rts ett nytt tillv\u00e4gag\u00e5ngss\u00e4tt f\u00f6r att navigera mellan mallar och malldelar. Ut\u00f6ver detta s\u00e5 finns numera m\u00f6jligheten att importera widgetar i blockteman, ett nytt distraktionsfritt skrivl\u00e4ge, en skalad upplevelse f\u00f6r blockinst\u00e4llningar och massor av stora och sm\u00e5 f\u00f6rb\u00e4ttringar av befintliga block, prestanda och anv\u00e4ndbarhet.<\/p>\n<p>Men en sak som verkligen har f\u00f6rb\u00e4ttrats n\u00e4r det g\u00e4ller funktionalitet och anv\u00e4ndbarhet \u00e4r navigerings-blocket. Efter att den f\u00f6rst sl\u00e4pptes har s\u00e5 har navigeringsmenyn genomg\u00e5tt flera iterationer som har effektiviserat redigeringsprocessen avsev\u00e4rt. Med WordPress 6.2 s\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">forts\u00e4tter utvecklingen<\/a>, och i den h\u00e4r artikeln visar vi dig hur enkelt du numera kan hantera en navigeringsmeny.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Kolla in v\u00e5r <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">videoguide f\u00f6r att ta reda p\u00e5 vad som \u00e4r nytt i WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>F\u00f6rb\u00e4ttrad redigeringsupplevelse<\/h2>\n<p>WordPress 6.2 erbjuder en f\u00f6rb\u00e4ttrad redigeringsupplevelse med hela webbplatsens struktur i fokus. Du kan nu exempelvis hantera navigeringsmenyer enklare och skjuta stil\u00e4ndringar fr\u00e5n ett enskilt block till globala stilar. Det g\u00e5r \u00e4ven enkelt att navigera mellan mallar och malldelar med f\u00e4rgade malldelar och \u00e5teranv\u00e4ndbara block.<\/p>\n<p>Men det finns mycket mer. L\u00e5t oss utforska de viktigaste till\u00e4ggen och f\u00f6r\u00e4ndringarna i redigerarens gr\u00e4nssnitt i detalj.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Ett omarbetat gr\u00e4nssnitt och bl\u00e4ddrings-l\u00e4ge f\u00f6r webbplatsredigeraren<\/h3>\n<p>Med WordPress 6.2 s\u00e5 erbjuds ett flertal f\u00f6rb\u00e4ttringar av redigeringsgr\u00e4nssnittet till k\u00e4rnan. Den f\u00f6rsta och mest intressanta uppdateringen p\u00e5verkar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">Webbplatsredigerar-gr\u00e4nssnittet<\/a>. Tack vare ett nytt bl\u00e4ddrings-l\u00e4ge s\u00e5 \u00e4r det nu l\u00e4ttare att navigera bland mallar och malldelar.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"Webbplatsredigerarens gr\u00e4nssnitt i WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">Webbplatsredigerarens gr\u00e4nssnitt i WordPress 6.2<\/figcaption><\/figure>\n<p>Det nya gr\u00e4nssnittet g\u00f6r det dessutom m\u00f6jligt att l\u00e4gga till en ny mall eller malldel direkt fr\u00e5n redigerarens sidof\u00e4lt. Du klickar helt enkelt p\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">plusikonen (+)<\/a> som finns till h\u00f6ger om menytiteln.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149437 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"Webbplatsredigerarens meny f\u00f6r mallar i WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Webbplatsredigerarens meny f\u00f6r mallar i WordPress 6.2<\/figcaption><\/figure>\n<p>Enligt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, bidragsgivare till Wp-k\u00e4rnan och dokumentation, &#8221;[D]en h\u00e4r funktionen \u00e4r ett p\u00e5g\u00e5ende arbete och den kommer att forts\u00e4tta att f\u00f6rb\u00e4ttras i takt med att nya Gutenberg-versioner sl\u00e4pps&#8221;.<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"L\u00e4gga till en ny mall i WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">L\u00e4gga till en ny mall i WordPress 6.2<\/figcaption><\/figure>\n<p>Arbetsfl\u00f6det \u00e4r nu smidigare och mer s\u00f6ml\u00f6st. F\u00f6r att b\u00f6rja att redigera den aktuella mallen\/malldelen s\u00e5 klickar du bara p\u00e5 knappen <strong>Redigera<\/strong> i v\u00e4nstermenyn eller p\u00e5 f\u00f6rhandsgranskningen av mallen i mitten av sidan.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Klicka p\u00e5 knappen Redigera eller p\u00e5 f\u00f6rhandsgranskningen av mallen f\u00f6r att redigera en mall\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Klicka p\u00e5 knappen Redigera eller p\u00e5 f\u00f6rhandsgranskningen av mallen f\u00f6r att redigera en mall<\/figcaption><\/figure>\n<h3>Distraktionsfritt l\u00e4ge<\/h3>\n<p>WordPress 6.2 introducerar ett nytt Distraktionsfritt-redigeringsl\u00e4ge, som sk\u00e4r bort r\u00f6ran fr\u00e5n allt runtom och l\u00e5ter dig fokusera p\u00e5 sidans inneh\u00e5ll.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Aktivering av Distraktionsfritt l\u00e4ge\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Aktivering av Distraktionsfritt l\u00e4ge<\/figcaption><\/figure>\n<p>Du kan <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">aktivera den h\u00e4r funktionen<\/a> i alternativpanelen genom att klicka p\u00e5 ellips-ikonen (tre prickar) i det \u00f6vre h\u00f6gra h\u00f6rnet.<\/p>\n<p>N\u00e4r Distraktionsfritt l\u00e4ge \u00e4r aktiverat s\u00e5 f\u00f6rsvinner sidof\u00e4lt och verktygsf\u00e4lt och p\u00e5 sk\u00e4rmen finns endast det inneh\u00e5ll som du arbetar med.<\/p>\n<h3>Blockinspekt\u00f6r med flikar<\/h3>\n<p>WordPress 6.2 introducerar <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">en ny blockinspekt\u00f6r<\/a> som exempelvis syftar till att bringa ordning i sidof\u00e4ltet genom att dela upp inst\u00e4llningskontroller i separata paneler.<\/p>\n<p>Blockinst\u00e4llningarna \u00e4r nu <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\" target=\"_blank\" rel=\"noopener noreferrer\">indelade i flikar<\/a> f\u00f6r att separera stilinst\u00e4llningar fr\u00e5n andra blockinst\u00e4llningar.<\/p>\n<p>Om de \u00e4r tillg\u00e4ngliga s\u00e5 visas flikarna i blockinspekt\u00f6ren i f\u00f6ljande ordning:<\/p>\n<ul>\n<li><strong>Listvy:<\/strong> H\u00e4r finns kontroller f\u00f6r att hantera blockets barn, t.ex. undermenyer och l\u00e4nkar i Navigeringsblocket<\/li>\n<li><strong>Inst\u00e4llningar:<\/strong> Inkluderar konfigurationsinst\u00e4llningar som inte \u00e4r relaterade till blockets utseende<\/li>\n<li><strong>Utseende:<\/strong> Inkluderar inst\u00e4llningar som \u00e4r specifikt relaterade till stilen f\u00f6r det aktuella blocket, t.ex. typografi och f\u00e4rger<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"Den nya sidof\u00e4ltet med flikar f\u00f6r inst\u00e4llningar f\u00f6r ett knappblock i WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">Den nya sidof\u00e4ltet med flikar f\u00f6r inst\u00e4llningar f\u00f6r ett knappblock i WordPress 6.2<\/figcaption><\/figure>\n<p>Detta \u00e4r en anm\u00e4rkningsv\u00e4rd f\u00f6rb\u00e4ttring av gr\u00e4nssnittets anv\u00e4ndbarhet, s\u00e4rskilt f\u00f6r avancerade block med m\u00e5nga konfigurationsalternativ som Gruppblock eller Navigeringsblock.<\/p>\n<p>Observera att:<\/p>\n<ul>\n<li>Den nya inspekt\u00f6ren visar endast en flik n\u00e4r den inkluderar element som ska visas.<\/li>\n<li>Om fliken Inst\u00e4llningar endast inneh\u00e5ller panelen Avancerad s\u00e5 flyttas den till fliken Utseende.<\/li>\n<li>Om blockinspekt\u00f6ren endast har en flik s\u00e5 visas den som den var innan WordPress 6.2.<\/li>\n<\/ul>\n<p>Kolla in <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">utvecklingsmeddelandet<\/a> f\u00f6r en n\u00e4rmare titt p\u00e5 den nya blockinspekt\u00f6ren.<\/p>\n<h3>F\u00e4rgade malldelar och \u00e5teranv\u00e4ndbara block<\/h3>\n<p>F\u00f6r att l\u00e4ttare kunna skilja dem fr\u00e5n grupper och block s\u00e5 markeras malldelar och \u00e5teranv\u00e4ndbara block nu med en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">annan f\u00e4rg<\/a> i listvyn, blockinstickaren, verktygsf\u00e4ltet f\u00f6r block och i redigeringsduken.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"F\u00e4rgmarkerad malldel i listvyn\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">F\u00e4rgmarkerad malldel i listvyn<\/figcaption><\/figure>\n<p>Detta sker b\u00e5de i webbplatsredigeraren och i inl\u00e4ggsredigeraren, vilket visas i bilden nedan.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"F\u00e4rgat \u00e5teranv\u00e4ndbart block i redigeringsverktyget f\u00f6r inl\u00e4gg\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">F\u00e4rgat \u00e5teranv\u00e4ndbart block i redigeringsverktyget f\u00f6r inl\u00e4gg<\/figcaption><\/figure>\n<h3>En omarbetad blockinsats<\/h3>\n<p>Blockinfogaren p\u00e5verkas av flera f\u00f6r\u00e4ndringar som avsev\u00e4rt f\u00f6rb\u00e4ttrar den \u00f6vergripande redigeringsupplevelsen.<\/p>\n<p>F\u00f6r det f\u00f6rsta s\u00e5 f\u00f6rb\u00e4ttrar en ny gr\u00e4nssnittsdesign navigeringen mellan m\u00f6nster- och mediekategorier. Den ger dessutom <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">st\u00f6rre f\u00f6rhandsvisningar<\/a> f\u00f6r m\u00f6nster och medieobjekt.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"F\u00f6rhandsgranskning av m\u00f6nster i Blockinfogaren i WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">F\u00f6rhandsgranskning av m\u00f6nster i Blockinfogaren i WordPress 6.2<\/figcaption><\/figure>\n<p>N\u00e4r media finns p\u00e5 webbplatsen s\u00e5 visas en <strong>media<\/strong>-flik <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">i Blockinfogaren<\/a>\u00a0f\u00f6r att f\u00f6renkla ins\u00e4ttning av media <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">i inneh\u00e5llet<\/a>. Du kan dra och sl\u00e4ppa bilder\/media eller helt enkelt klicka p\u00e5 din media f\u00f6r att l\u00e4gga till den i inneh\u00e5llet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt=\"I fliken finns en knapp \u00d6ppna mediebibliotek som f\u00f6r dig till WordPress Media Lybrary.\" width=\"1296\" height=\"1420\"><\/p>\n<p>I fliken finns en knapp <strong>\u00d6ppna mediebibliotek<\/strong> som f\u00f6r dig till WordPress <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-mediebibliotek\/\">Mediebibliotek<\/a>.<\/p>\n<h3>Openverse-integrering i blockinfogaren<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> \u00e4r ett verktyg som syftar till att dela \u00f6ppet licensierade eller offentligr\u00e4ttsliga verk som kan anv\u00e4ndas av vem som helst. Nu, med WordPress 6.2, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e4r Openverse integrerat i Blockinfogaren<\/a>.<\/p>\n<p>F\u00f6r att komma \u00e5t den h\u00e4r nya funktionen s\u00e5 klickar du p\u00e5 fliken Media i Blockinfogaren. D\u00e5 visas en panel med ett s\u00f6kf\u00e4lt och f\u00f6rhandsgranskningar av bilder som \u00e4r direkt h\u00e4mtade fr\u00e5n Openverse-arkivet.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse \u00e4r nu integrerat i Blockinfogaren\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse \u00e4r nu integrerat i Blockinfogaren<\/figcaption><\/figure>\n<p>Tekniska detaljer finns i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">pull request f\u00f6r Openverse-integreringen<\/a>.<\/p>\n<h3>Migrera widgets till blockteman<\/h3>\n<p>Fr\u00e5n och med WordPress 6.2 s\u00e5 kan anv\u00e4ndare som driver en webbplats med ett klassiskt tema och som best\u00e4mmer sig f\u00f6r att byta till ett blocktema <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">migrera sina befintliga widgetomr\u00e5den<\/a> till det nya temat och omvandla dem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">till malldelar<\/a>.<\/p>\n<p>L\u00e5t oss ta reda p\u00e5 hur det fungerar.<\/p>\n<p>Skapa f\u00f6rst ett widgetomr\u00e5de i ett klassiskt tema. Du kan exempelvis aktivera Twenty-Eleven och l\u00e4gga till en kalender i Footer Area One.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"L\u00e4gga till en widget i Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">L\u00e4gga till en widget i Twenty Eleven<\/figcaption><\/figure>\n<p>\u00c4ndra nu temat till <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-three-tema\/\">Twenty Twenty-Three<\/a>. \u00d6ppna Webbplatsredigeraren, v\u00e4lj en mall att redigera och l\u00e4gg till en malldel.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"L\u00e4gga till en malldel i en mall med temat Twenty Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">L\u00e4gga till en malldel i en mall med temat Twenty Twenty-Three<\/figcaption><\/figure>\n<p>I blocksidof\u00e4ltet s\u00e5 v\u00e4ljer du det widgetomr\u00e5de som ska importeras fr\u00e5n rullgardinsmenyn <strong>Importera widgetomr\u00e5de<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Importera widgetomr\u00e5de i WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Importera widgetomr\u00e5de i WordPress 6.2<\/figcaption><\/figure>\n<p>Sen \u00e4r det klart. Nu kan du hantera ditt tidigare widgetomr\u00e5de som vilken annan malldel som helst.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"F\u00f6rhandsgranska ett importerat widgetomr\u00e5de\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">F\u00f6rhandsgranska ett importerat widgetomr\u00e5de<\/figcaption><\/figure>\n<h3>Kombinerade dokumentdetaljer och listvy<\/h3>\n<p>F\u00f6re WordPress 6.2 s\u00e5 fanns det tv\u00e5 separata knappar i redigeringsverktygsf\u00e4ltet f\u00f6r <strong>detaljer<\/strong> och <strong>listvy<\/strong>. I f\u00f6ljande bild s\u00e5 kan du se <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">popover-f\u00f6nstret f\u00f6r dokumentdetaljer<\/a> i WordPress 6.1, inklusive antal ord, antal tecken, l\u00e4stid och antal rubriker, stycken och block, samt dokument\u00f6versikt.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"Popover-f\u00f6nstret f\u00f6r detaljer i WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">Popover-f\u00f6nstret f\u00f6r detaljer i WordPress 6.1<\/figcaption><\/figure>\n<p>Fr\u00e5n och med WordPress 6.2 s\u00e5 har <strong>Listvy<\/strong> och <strong>Detaljer<\/strong> flyttats till en enda panel f\u00f6r <strong>dokument\u00f6versikt<\/strong> som \u00e4r uppdelad i tv\u00e5 flikar: <strong>Lista<\/strong> och <strong>\u00d6versikt<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"Den nya panelen Dokument\u00f6versikt i WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Den nya panelen Dokument\u00f6versikt i WordPress 6.2<\/figcaption><\/figure>\n<p>Den h\u00e4r \u00e4ndringen ska ge ett enklare s\u00e4tt att hantera dokumentet.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>S\u00e5 h\u00e4r installerar du WordPress 6.2 i en lokal utvecklingsmilj\u00f6<\/h3>\n<p>Om du vill prova utvecklingsversionerna av WordPress innan den officiella utg\u00e5van s\u00e5 f\u00f6ljer du de h\u00e4r stegen:<\/p>\n<ol>\n<li>\u00d6ppna DevKinsta och skapa en ny <a href=\"https:\/\/kinsta.com\/blog\/build-wordpress-site-offline\/\">lokal WordPress-webbplats<\/a><\/li>\n<li>N\u00e4r du \u00e4r klar s\u00e5 \u00f6ppnar du din WordPress-instrumentpanel och navigerar till <strong>Plugins \u2192 L\u00e4gg till nytt<\/strong><\/li>\n<li>S\u00f6k och installera pluginet <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Aktivera pluginet och g\u00e5 till <strong>Verktyg \u2192 Betatestning<\/strong><\/li>\n<li>Under fliken WP Beta Tester-inst\u00e4llningar s\u00e5 v\u00e4ljer du alternativet <strong>Bleeding edge<\/strong> och sparar inst\u00e4llningarna<\/li>\n<li>G\u00e5 tillbaka till din WordPress-instrumentpanel, \u00f6ppna sk\u00e4rmen <strong>Uppdateringar<\/strong> och uppdatera till den senaste versionen<\/li>\n<\/ol>\n<p>Det var allt! Nu har du en lokal WordPress-utvecklingsinstallation och du kan k\u00f6ra alla dina tester. Ta en titt och l\u00e5t oss veta vad du tycker om de nya funktionerna.<\/p>\n<p>Med DevKinsta s\u00e5 kr\u00e4vs det bara n\u00e5gra f\u00e5 klick f\u00f6r att f\u00e5 en modern utvecklingsmilj\u00f6 f\u00f6r WordPress p\u00e5 din lokala maskin. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/devkinsta\/\">Ladda ner DevKinsta<\/a> kostnadsfritt \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Ut\u00f6kade blockfunktioner<\/h2>\n<p>Med WordPress 6.2 s\u00e5 har m\u00f6jligheterna f\u00f6r flera centrala blocktyper ut\u00f6kats. Detta g\u00e4ller s\u00e4rskilt f\u00f6r navigeringsblocket, som p\u00e5verkas av flera \u00e4ndringar och f\u00f6rb\u00e4ttringar av redigeringsupplevelsen.<\/p>\n<p>L\u00e5t oss ta en titt p\u00e5 de viktigaste f\u00f6r\u00e4ndringarna i detalj.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Listbaserad redigering f\u00f6r navigeringsblocket<\/h3>\n<p>Med lanseringen av WordPress 6.2 s\u00e5 \u00e4r det m\u00f6jligt att \u00e4ndra arrangemanget av Navigeringsblockets element fr\u00e5n en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">listvy i blockinst\u00e4llningarna<\/a> i sidof\u00e4ltet.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"En ny menyflik visar en listvy av navigeringsmenyn\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">En ny menyflik visar en listvy av navigeringsmenyn<\/figcaption><\/figure>\n<p>Om du klickar p\u00e5 menyalternativet s\u00e5 kommer du till inst\u00e4llnings-sidof\u00e4ltet f\u00f6r den valda sidol\u00e4nken. D\u00e4r kan du redigera l\u00e4nkdetaljerna, inklusive exempelvis etikett, webbadress, beskrivning, l\u00e4nktitel och l\u00e4nk rel.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"Sidof\u00e4ltet f\u00f6r inst\u00e4llningar f\u00f6r sidol\u00e4nkar\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">Sidof\u00e4ltet f\u00f6r inst\u00e4llningar f\u00f6r sidol\u00e4nkar<\/figcaption><\/figure>\n<p>Den h\u00e4r \u00e4ndringen f\u00f6renklar redigeringen av navigeringsmenyer avsev\u00e4rt. Som ett resultat s\u00e5 kan du l\u00e4gga till, ordna och ta bort objekt i din meny, eller till och med skapa nya navigeringsmenyer.<\/p>\n<h3>L\u00e5s navigering<\/h3>\n<p>En annan f\u00f6rb\u00e4ttring av Navigeringsblocket \u00e4r m\u00f6jligheten att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">l\u00e5sa menyredigering p\u00e5 ett mer finkornigt s\u00e4tt<\/a>. Nu kan du <strong>Begr\u00e4nsa redigering<\/strong>, <strong>Inaktivera r\u00f6relse<\/strong> och <strong>F\u00f6rhindra borttagning<\/strong>. WordPress 6.1 hade endast alternativ f\u00f6r att <strong>Begr\u00e4nsa redigering<\/strong> och <strong>Inaktivera r\u00f6relse<\/strong>.<\/p>\n<p>Dessutom s\u00e5 kan de valda alternativen \u00e4ven till\u00e4mpas p\u00e5 de inre blocken (l\u00e4nkar och undermenyer).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"L\u00e5s navigering i WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">L\u00e5s navigering i WordPress 6.2<\/figcaption><\/figure>\n<h3>L\u00e4gg till\/ta bort bildtexter fr\u00e5n verktygsf\u00e4ltet Block<\/h3>\n<p>Med den nya knappen <strong>L\u00e4gg till\/ta bort bildtexter<\/strong> s\u00e5 kan anv\u00e4ndare exempelvis <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">styra bildtexter<\/a> fr\u00e5n blockverktygsf\u00e4ltet f\u00f6r flera block (ljud, video, bild).<\/p>\n<p>Om du redan har st\u00e4llt in en bildtext s\u00e5 kommer den sedan automatiskt att inkluderas n\u00e4r du l\u00e4gger till bilden i ditt inneh\u00e5ll.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"L\u00e4gg till\/ta bort text fr\u00e5n verktygsf\u00e4ltet f\u00f6r block\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">L\u00e4gg till\/ta bort text fr\u00e5n verktygsf\u00e4ltet f\u00f6r block<\/figcaption><\/figure>\n<h3>F\u00f6rb\u00e4ttringar av blocket Sidlista<\/h3>\n<p>Tv\u00e5 f\u00f6rb\u00e4ttringar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00e4ller blocket Sidlista<\/a>.<\/p>\n<p>F\u00f6r det f\u00f6rsta s\u00e5 kan blocket Sidlista nu expanderas f\u00f6r att visa <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\" target=\"_blank\" rel=\"noopener noreferrer\">listan \u00f6ver sidor i<\/a> panelen Listvy.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Ut\u00f6kat block f\u00f6r sidlistor i listvyn\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Ut\u00f6kat block f\u00f6r sidlistor i listvyn<\/figcaption><\/figure>\n<p>Dessutom s\u00e5 kan du nu <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">ange en startsida<\/a> med ett nytt alternativ i blockets sidof\u00e4lt och endast visa sidor som \u00e4r ned\u00e5tg\u00e5ende fr\u00e5n den i blocket.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"St\u00e4lla in en \u00f6verordnad sida f\u00f6r blocket Sidlista\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">St\u00e4lla in en \u00f6verordnad sida f\u00f6r blocket Sidlista<\/figcaption><\/figure>\n<h3>Ny platsh\u00e5llare f\u00f6r gruppblock<\/h3>\n<p>Numera s\u00e5 visar platsh\u00e5llaren f\u00f6r gruppblock <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">en variationsv\u00e4ljare<\/a> n\u00e4r blocket l\u00e4ggs till i sidans inneh\u00e5ll.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"Platsh\u00e5llaren f\u00f6r Gruppblock i WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">Platsh\u00e5llaren f\u00f6r Gruppblock i WordPress 6.2<\/figcaption><\/figure>\n<h3>St\u00f6d f\u00f6r block med klibbig positionering<\/h3>\n<p>WordPress 6.2 introducerar en ny funktion f\u00f6r st\u00f6d f\u00f6r positionsblock, med <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">klibbig positionering<\/a>.<\/p>\n<p>Den h\u00e4r nya funktionen g\u00e4ller f\u00f6r n\u00e4rvarande endast f\u00f6r gruppblock, f\u00f6r vilka den \u00e4r vald som standard.<\/p>\n<p>Temautvecklare kan aktivera klibbig positionering i sina teman med hj\u00e4lp av funktionen <code>appearanceTools<\/code> i <strong>theme.json<\/strong>. Om du vill ha en mer detaljerad kontroll \u00f6ver verktyg f\u00f6r utseende s\u00e5 kan du dessutom \u00e4ven st\u00e4lla in <code>settings.position.sticky<\/code> -representationen till <code>true<\/code>.<\/p>\n<p>Du kan aktivera klibbig positionering i panelen <strong>Position<\/strong> i inspekt\u00f6rens kontroll-sidof\u00e4lt.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"St\u00e4lla in Position till Klibbig i ett gruppblock\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">St\u00e4lla in Position till Klibbig i ett gruppblock<\/figcaption><\/figure>\n<p>N\u00e4r klibbig positionering \u00e4r aktiverad s\u00e5 f\u00e5r HTML-taggens klass <code>is-position-sticky<\/code> och vissa CSS-regler till\u00e4mpas p\u00e5 motsvarande element:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Exempel p\u00e5 klibbig positionering med temat Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Exempel p\u00e5 klibbig positionering med temat Twenty Twenty-Three<\/figcaption><\/figure>\n<p>Klibbig positionering fungerar endast f\u00f6r <strong>gruppblock vid roten av dokumentet<\/strong>. \u00c4ven om detta kan f\u00f6rhindra f\u00f6rvirring och fel f\u00f6r anv\u00e4ndarna, s\u00e5 kan inbyggd klibbig positionering k\u00e4nnas lite knepig f\u00f6r tillf\u00e4llet (och du kanske vill kontrollera olika metoder f\u00f6r att <a href=\"https:\/\/kinsta.com\/blog\/sticky-header\/\">l\u00e4gga till en klibbig rubrik<\/a> p\u00e5 din WordPress-webbplats). Men enligt dev note,<\/p>\n<blockquote><p>&#8230; vid manuell testning s\u00e5 indikerade feedbacken att det kr\u00e4vs mer UI- eller UX-arbete f\u00f6r att g\u00f6ra det mindre f\u00f6rvirrande f\u00f6r anv\u00e4ndare som f\u00f6rs\u00f6ker skapa klibbiga rubriker. S\u00e4rskilt om de exempelvis st\u00e4ller in ett block som inte \u00e4r rotblock till klibbigt av misstag, eller ett block <em>inom<\/em> en rubrikmalldel. Beslutet blev att minska funktionen till att bara g\u00e4lla rotblock i 6.2 f\u00f6r att ge mer tid att utforska en l\u00e4mplig l\u00f6sning f\u00f6r inb\u00e4ddade block.<\/p><\/blockquote>\n<p>Positionerings-funktionen \u00e4r endast tillg\u00e4nglig f\u00f6r enskilda block, s\u00e5 du hittar den inte i globala stilar.<\/p>\n<h3>Ytterligare f\u00f6rb\u00e4ttringar av redigeringsupplevelsen f\u00f6r block<\/h3>\n<p>N\u00e5gra andra anm\u00e4rkningsv\u00e4rda uppgraderingar av blockredigering \u00e4r f\u00f6ljande:<\/p>\n<ul>\n<li>Du kan nu <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">dra och sl\u00e4ppa bilder<\/a> p\u00e5 ett tomt stycke f\u00f6r att ers\u00e4tta detta med ett bildblock.<\/li>\n<li>Kontrollerna f\u00f6r typografi har dessutom <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">grupperats i paneler<\/a>. Som ett resultat s\u00e5 blir gr\u00e4nssnittet f\u00f6r stilar mer konsekvent med gr\u00e4nssnittet f\u00f6r inst\u00e4llningar och f\u00f6rb\u00e4ttrar dess anv\u00e4ndbarhet. Detta beror p\u00e5 att du nu kan visa och d\u00f6lja kontroller p\u00e5 samma s\u00e4tt som i gr\u00e4nssnittet f\u00f6r blockinst\u00e4llningar.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Typografikontroller i WordPress 6.1 vs. WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Typografikontroller i WordPress 6.1 vs. WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Det \u00e4r nu m\u00f6jligt att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e4ndra bokstavsavst\u00e5ndet i rubrikblocken<\/a> direkt i gr\u00e4nssnittet Globala stilar.<\/li>\n<li>Du kan nu st\u00e4lla in bakgrunds-, l\u00e4nk- och <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">textf\u00e4rgen f\u00f6r blocket Kalender<\/a>.<\/li>\n<li>Tv\u00e5 nya <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">kategorier av blockm\u00f6nster<\/a> f\u00f6r <strong>Banners<\/strong> och <b>Sidfot <\/b>har inf\u00f6rts f\u00f6r att b\u00e4ttre \u00e5terspegla strukturen p\u00e5 webbsidor.<\/li>\n<li>Det \u00e4r nu m\u00f6jligt att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">autokomplettera l\u00e4nkar<\/a> i alla block med hj\u00e4lp av genv\u00e4gen <code>[[<\/code>. F\u00f6re denna \u00e4ndring s\u00e5 var blocken tvungna att uttryckligen deklarera st\u00f6d f\u00f6r automatisk komplettering av l\u00e4nkar med hj\u00e4lp av <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Det nya kortkommandot <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> g\u00f6r det m\u00f6jligt att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">omvandla ett stycke till en rubrik<\/a>.<\/li>\n<li>Blocket Sidolista har nu <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">st\u00f6d f\u00f6r alla typografiska alternativ<\/a>, inklusive typsnittsfamilj, typsnittsstorlek, utseende, linjeh\u00f6jd, bokstavsavst\u00e5nd, dekoration och bokst\u00e4ver.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Inst\u00e4llningar f\u00f6r typografi f\u00f6r blocket Sidlista i WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Inst\u00e4llningar f\u00f6r typografi f\u00f6r blocket Sidlista i WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>F\u00f6rb\u00e4ttrade designverktyg<\/h2>\n<p>M\u00e5nga av de nya funktionerna och f\u00f6rb\u00e4ttringarna som introduceras med WordPress 6.2 f\u00f6rb\u00e4ttrar CMS: ets styling- och designm\u00f6jligheter. Nedan s\u00e5 finns en lista \u00f6ver de mest intressanta designrelaterade funktionerna som inkluderas i 6.2. Vi kommer att beskriva varje funktion i detalj l\u00e4ngre ner.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Style Book<\/h3>\n<p>WordPress 6.2 introducerar den nya funktionen Style Book. Som ett resultat av denna funktion s\u00e5 blir det m\u00f6jligt f\u00f6r anv\u00e4ndare att <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f6rhandsgranska alla block<\/a> som kan anv\u00e4ndas p\u00e5 deras webbplatser utan att beh\u00f6va l\u00e4gga till dessa block i en mall\/malldel. Du kan starta <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">Style Book<\/a> genom att klicka p\u00e5 knappen <strong>\u00d6ppna Style Book<\/strong> (\u00f6gonikonen) som nu visas i <strong>Styles<\/strong>-rubriken inom globala stilar.<\/p>\n<p>Detta \u00f6ppnar ett gr\u00e4nssnitt som visar en f\u00f6rhandsgranskning av varje k\u00e4rnblock och block fr\u00e5n tredje part per kategori.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"Gr\u00e4nssnittet f\u00f6r Style Book\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">Gr\u00e4nssnittet f\u00f6r Style Book<\/figcaption><\/figure>\n<p>Det nya Style Book-gr\u00e4nssnittet f\u00f6renklar designprocessen genom att g\u00f6ra f\u00f6rhandsvisningar av varje blockform tillg\u00e4ngliga p\u00e5 en enda central plats.<\/p>\n<p>Tekniskt sett s\u00e5 genereras det nya gr\u00e4nssnittet av en ny <code>StyleBook<\/code>-komponent som l\u00e4ggs till p\u00e5 <code>@wordpress\/edit-site<\/code> f\u00f6r att visa en f\u00f6rhandsvisning av varje registrerat block i en<a href=\"https:\/\/kinsta.com\/se\/blog\/iframe-kod-wordpress-webbplats\/\">\u00a0iframe<\/a> (se \u00e4ven <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>Samma gr\u00e4nssnitt ger \u00e4ven f\u00f6rhandsvisningar av enskilda block. F\u00f6ljande bild visar exempelvis f\u00f6rhandsgranskningen av en anpassad kalenderwidget.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Anpassning och f\u00f6rhandsgranskning av blocket Kalender\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Anpassning och f\u00f6rhandsgranskning av blocket Kalender<\/figcaption><\/figure>\n<p>Utvecklare kan d\u00f6lja ett block fr\u00e5n att infogas och f\u00f6rhandsgranskas p\u00e5 tv\u00e5 s\u00e4tt. F\u00f6r det f\u00f6rsta s\u00e5 kan du st\u00e4lla in <code>supports.inserter<\/code> till <code>false<\/code> i <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Ett annat s\u00e4tt att d\u00f6lja f\u00f6rhandsgranskningen av blocket \u00e4r att undvika egenskapen <code>example<\/code>. Den anv\u00e4nds f\u00f6r att skapa en f\u00f6rhandsgranskning av blocket i hj\u00e4lppanelen i inspekt\u00f6ren (l\u00e4s mer <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">h\u00e4r<\/a>).<\/p>\n<h3>Skuggor i Global Styles<\/h3>\n<p>Med WordPress 6.2 s\u00e5 \u00e4r det nu m\u00f6jligt att <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">l\u00e4gga till och anpassa skuggor<\/a> till vissa block med hj\u00e4lp av Global Styles eller <strong>theme.json<\/strong> (i skrivande stund s\u00e5 \u00e4r skuggfunktionen endast tillg\u00e4nglig f\u00f6r Knapp-blocket).<\/p>\n<p>I teman som st\u00f6der den h\u00e4r funktionen s\u00e5 kan du exempelvis l\u00e4gga till skuggor fr\u00e5n gr\u00e4nssnittet Global Styles.<\/p>\n<p>F\u00f6r att se hur det fungerar s\u00e5 aktiverar du temat <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-three-tema\/\">Twenty Twenty-Three<\/a>, navigerar till <b>Stilar <\/b>&gt; <strong>Block<\/strong>\u00a0&gt; <b>Knappar <\/b>och klickar p\u00e5 knappen <strong>Skugga<\/strong>.<\/p>\n<p>I popupf\u00f6nstret Skugga s\u00e5 kan du v\u00e4lja en skugga fr\u00e5n temats f\u00f6rinst\u00e4llningar.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"St\u00e4lla in skugga i block Styles\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">St\u00e4lla in skugga i block Styles<\/figcaption><\/figure>\n<p>Temautvecklare och avancerade anv\u00e4ndare kan \u00e4ven l\u00e4gga till en skugga i block med hj\u00e4lp av <strong>theme.json<\/strong>. F\u00f6ljande definition l\u00e4gger till en 4px svart skugga till knappblock:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Du kan dessutom <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-two-och-blockteman\/#settings\">definiera f\u00f6rinst\u00e4llningar<\/a> f\u00f6r att ge temaanv\u00e4ndare m\u00f6jlighet att v\u00e4lja en fr\u00e5n gr\u00e4nssnittet Styles:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>N\u00e4r du har definierat dina f\u00f6rinst\u00e4llningar s\u00e5 visas <strong>Skugga<\/strong> i panelen f\u00f6r blocket Styles.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Anpassade f\u00f6rinst\u00e4llningar f\u00f6r skuggor i blocket Styles\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Anpassade f\u00f6rinst\u00e4llningar f\u00f6r skuggor i blocket Styles<\/figcaption><\/figure>\n<p>Du kan sedan v\u00e4lja v\u00e4rdet f\u00f6r en f\u00f6rinst\u00e4llning och anv\u00e4nda det som blockstandard:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Ny dimensionskontroll f\u00f6r minsta h\u00f6jd<\/h3>\n<p>Fr\u00e5n och med WordPress 6.2 s\u00e5 har panelen Dimensioner i sidof\u00e4ltet f\u00f6r blockinst\u00e4llningar f\u00f6r blocken Grupp och Inl\u00e4ggsinneh\u00e5ll nu en <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">ny kontroll f\u00f6r minsta h\u00f6jd<\/a>. Den \u00e4r aktiverad som standard i teman som anv\u00e4nder funktionen <code>appearanceTools<\/code>.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Kontroll f\u00f6r minsta h\u00f6jd f\u00f6r gruppblocket\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Kontroll f\u00f6r minsta h\u00f6jd f\u00f6r gruppblocket<\/figcaption><\/figure>\n<p>Den h\u00e4r nya kontrollen g\u00f6r det exempelvis m\u00f6jligt f\u00f6r anv\u00e4ndare att st\u00e4lla in en minsta h\u00f6jd f\u00f6r grupp- och inl\u00e4ggsinneh\u00e5llsblocken. Som ett resultat s\u00e5 kan den anv\u00e4ndas f\u00f6r att \u00e5terge sidfoten l\u00e4ngst ner p\u00e5 sidan, \u00e4ven med lite inneh\u00e5ll.<\/p>\n<p>I kombination med de nya verktygen f\u00f6r vertikal justering s\u00e5 blir det \u00e4ven m\u00f6jligt att vertikalt justera inre element i sidans \u00f6vre\/mittre\/nedre del.<\/p>\n<p>Utvecklare kan l\u00e4gga till st\u00f6d f\u00f6r minsta h\u00f6jd i teman genom att l\u00e4gga till inst\u00e4llningen <code>minHeight<\/code> i <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Du kan dessutom anv\u00e4nda egenskapen <code>appearanceTools<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>Den nya egenskapen <code>minHeight<\/code> kan \u00e4ven anv\u00e4ndas f\u00f6r att st\u00e4lla in ett specifikt v\u00e4rde direkt i <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Blockutvecklare kan l\u00e4gga till egenskapen <code>supports.dimensions.minHeight<\/code> i sin <strong>block.json<\/strong>-fil och st\u00e4lla in v\u00e4rdet till <code>true<\/code>. F\u00f6r <a href=\"https:\/\/kinsta.com\/se\/blog\/gutenberg-block\/\">statiska block<\/a> s\u00e5 lagras CSS-regeln <code>min-height<\/code> som en inbunden stil. F\u00f6r <a href=\"https:\/\/kinsta.com\/blog\/dynamic-blocks\/\">dynamiska block<\/a> s\u00e5 inkluderas den i stilattributet som returneras av <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>Anpassad CSS i panelen f\u00f6r stilar<\/h3>\n<p>En av de funktioner som saknades i Webbplatsredigeraren j\u00e4mf\u00f6rt med temaanpassaren var m\u00f6jligheten att <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-css\/\">l\u00e4gga till egna CSS-stilar<\/a>. WordPress 6.2 fyller i luckan och numera s\u00e5 inkluderar gr\u00e4nssnittet Global Styles <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">ett textf\u00e4lt<\/a> f\u00f6r att <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">l\u00e4gga till anpassade CSS-regler<\/a> som inte skrivs \u00f6ver n\u00e4r du uppdaterar ditt tema.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"Ytterligare CSS f\u00f6r block i panelen f\u00f6r blockformat\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">Ytterligare CSS f\u00f6r block i panelen f\u00f6r blockformat<\/figcaption><\/figure>\n<p>Du kan l\u00e4gga till anpassade stilar antingen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">per block<\/a>, fr\u00e5n <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">panelen f\u00f6r blockstilar<\/a> eller genom att klicka p\u00e5 <strong>\u00e5tg\u00e4rdsknappen Fler stilar<\/strong> i verktygsf\u00e4ltet Stilar. D\u00e5 visas en snabbmeny som visar elementet <strong>Ytterligare CSS<\/strong>-element.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"Textomr\u00e5det Ytterligare CSS i WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">Textomr\u00e5det Ytterligare CSS i WordPress 6.2<\/figcaption><\/figure>\n<p>F\u00f6r att st\u00f6dja anpassad CSS s\u00e5 har den nya egenskapen <code>styles.css<\/code> lagts till i <strong>theme.json<\/strong>.<\/p>\n<p>Anpassade CSS-regler kan helt \u00e5sidos\u00e4tta alla anpassade stilar som anges i <strong>theme.json<\/strong>. Om du inte vill att detta ska h\u00e4nda s\u00e5 kan du \u00f6verv\u00e4ga att inkludera formatmallen med hj\u00e4lp av de <a href=\"https:\/\/kinsta.com\/blog\/wp-enqueue-scripts\/\">befintliga k\u00f6-metoderna<\/a>.<\/p>\n<p>Du kan \u00e4ven l\u00e4gga till anpassad CSS per block i <strong>theme.json<\/strong> med egenskapen <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Det g\u00e5r \u00e4ven att anv\u00e4nda <code>&<\/code> f\u00f6r inb\u00e4ddade element och pseudov\u00e4ljare.<\/p>\n<p>F\u00f6r en n\u00e4rmare titt p\u00e5 den nya funktionen f\u00f6r anpassat CSS, kolla in <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anpassat CSS f\u00f6r globala stilar och per block<\/a>.<\/p>\n<h3>Kopiera och klistra in stilar mellan block<\/h3>\n<p>En ny grupp i menyn Alternativ i blockets verktygsf\u00e4lt visar nu tv\u00e5 knappar f\u00f6r att <strong>kopiera stilar<\/strong> och <strong>klistra in stilar<\/strong>. Innan <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">detta till\u00e4gg<\/a> s\u00e5 var det bara m\u00f6jligt att kopiera stilar, men det var inte tydligt hur man <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">klistrar in stilar<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Kopiera stilar i WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Kopiera stilar i WordPress 6.2<\/figcaption><\/figure>\n<p>F\u00f6r att prova den h\u00e4r nya funktionen s\u00e5 l\u00e4gger du till ett nytt block, exempelvis en rubrik. \u00c4ndra stilen och v\u00e4lj <strong>Kopiera stilar<\/strong> i menyn Blockalternativ.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Till\u00e5t Google Chrome att se text och bilder som har kopierats till klippbordet\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Till\u00e5t Google Chrome att se text och bilder som har kopierats till klippbordet<\/figcaption><\/figure>\n<p>V\u00e4lj sedan ett annat block och v\u00e4lj <strong>Klistra in stil<\/strong>. De kopierade stilarna till\u00e4mpas automatiskt p\u00e5 det andra blocket.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Klistra in stilar i WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Klistra in stilar i WordPress 6.2<\/figcaption><\/figure>\n<p>Observera att den h\u00e4r funktionen endast \u00e4r tillg\u00e4nglig p\u00e5 <a href=\"https:\/\/kinsta.com\/se\/blog\/http-till-https\/\">s\u00e4kra (https) webbplatser<\/a> i webbl\u00e4sare med st\u00f6d. F\u00f6r ytterligare information, kolla in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Till\u00e4mpa block\u00e4ndringar globalt<\/h3>\n<p>WordPress 6.2 introducerar dessutom knappen <strong>Till\u00e4mpa globalt<\/strong> under panelen Avancerat f\u00f6r enskilda block. Den g\u00f6r att du kan <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\" target=\"_blank\" rel=\"noopener noreferrer\">flytta dina \u00e4ndringar av blockformat<\/a> till Global Styles och till\u00e4mpa dessa \u00e4ndringar p\u00e5 hela webbplatsen.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Apply block styles globally button in WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Knappen Till\u00e4mpa blockformat globalt i WordPress 6.2<\/figcaption><\/figure>\n<p>Tack vare den h\u00e4r nya funktionen s\u00e5 \u00e4r det nu lika enkelt att till\u00e4mpa blocktypografi som att trycka p\u00e5 en knapp. Du kan p\u00e5verka avst\u00e5nd, dimensioner och f\u00e4rgstyling p\u00e5 alla block av den typen (se \u00e4ven denna <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>F\u00f6rb\u00e4ttrad designupplevelse med Spacing Visualizers<\/h3>\n<p>Med Spacing Visualizers s\u00e5 kan du f\u00f6rhandsgranska hur mycket marginal eller utfyllnad som till\u00e4mpas p\u00e5 ett block. Med WordPress 6.2 s\u00e5 f\u00f6rb\u00e4ttras den h\u00e4r funktionen med ett par till\u00e4gg som f\u00f6rb\u00e4ttrar redigeringsupplevelsen.<\/p>\n<p>F\u00f6r det f\u00f6rsta s\u00e5 visas nu Spacing Visualizers s\u00e5 snart som <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">du h\u00e5ller muspekaren \u00f6ver marginal- eller utfyllnadskontrollen<\/a>.<\/p>\n<p>F\u00f6r det andra s\u00e5 d\u00f6ljer Spacing Visualizer nu automatiskt <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\" target=\"_blank\" rel=\"noopener noreferrer\">blockverktygsf\u00e4ltet<\/a> s\u00e5 snart du h\u00e5ller muspekaren \u00f6ver spacinginst\u00e4llningen. Som ett resultat s\u00e5 kan du f\u00f6rhandsgranska de nya marginal- och paddinginst\u00e4llningarna utan att blockverktygsf\u00e4ltet blir r\u00f6rigt.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"Spacing Visualizers utan blockverktygsf\u00e4ltet\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">Spacing Visualizers utan blockverktygsf\u00e4ltet<\/figcaption><\/figure>\n<p>Detta \u00e4r sm\u00e5 men viktiga \u00e4ndringar som p\u00e5verkar ett stort antal k\u00e4rnblock.<\/p>\n<h2>\u00c4ndringar f\u00f6r utvecklare<\/h2>\n<p>WordPress 6.2 erbjuder \u00e4ven m\u00e5nga nya funktioner f\u00f6r <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-utvecklarloner\/\">utvecklare<\/a>: nya API: er, felr\u00e4ttningar, prestandaf\u00f6rb\u00e4ttringar och mycket mer. L\u00e5t oss djupdyka i de mest tilltalande till\u00e4ggen.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Ett nytt HTML API<\/h3>\n<p>WordPress 6.2 introducerar HTML Tag Processor, en <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5-spec-kompatibel tolkare<\/a> som skapar ett s\u00e4kert s\u00e4tt att hitta specifika <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML-taggar<\/a>. Du kan \u00e4ven l\u00e4gga till, ta bort eller uppdatera attribut via PHP. <strong>HTML Tag Processor<\/strong> \u00e4r den f\u00f6rsta komponenten i ett <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nytt API f\u00f6r HTML-bearbetning<\/a>.<\/p>\n<p>Det nya API: et g\u00f6r det enkelt att utf\u00f6ra tidigare komplexa uppgifter som ofta kr\u00e4vde anv\u00e4ndning av regulj\u00e4ra uttryck.<\/p>\n<p>I f\u00f6ljande exempel s\u00e5 l\u00e4gger vi helt enkelt till attributet <code>alt<\/code> till en <code>img<\/code>-tagg:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Denna kod skulle ge f\u00f6ljande <code>img<\/code>-tagg:<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>Metoden <code>$p-&gt;next_tag()<\/code> flyttar till n\u00e4sta tillg\u00e4ngliga tagg i HTML. Den accepterar \u00e4ven ett tagg-namn, en CSS-klass eller b\u00e5da f\u00f6r att hitta specifika taggar, vilket visas i exemplet ovan.<\/p>\n<p>F\u00f6r att redigera HTML-taggar s\u00e5 m\u00e5ste du f\u00f6rst v\u00e4lja m\u00e5ltagg:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>N\u00e4r du v\u00e4l har valt m\u00e5ltagg s\u00e5 kan du anv\u00e4nda API-metoderna f\u00f6r att utf\u00f6ra flera olika operationer:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Du kan ange ett stilattribut:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Du kan dessutom l\u00e4gga till eller ta bort en klass eller ett attribut. I f\u00f6ljande kod s\u00e5 l\u00e4gger vi till en egen klass till en <code>h1<\/code>-tagg:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Du kan sedan eka eller returnera den uppdaterade taggen med hj\u00e4lp av metoden <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Om du vill ta en n\u00e4rmare titt p\u00e5 det nya HTML API: et s\u00e5 kan du kolla in den h\u00e4r <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">interaktiva PHP-handledningen<\/a> fr\u00e5n <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, bidragsgivare till WordPress-k\u00e4rnan.<\/p>\n<h3>API f\u00f6r m\u00f6nster och en ny egenskap <code>template_types<\/code><\/h3>\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Patterns API<\/a> g\u00f6r det m\u00f6jligt f\u00f6r <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-arbetsflode\/\">WordPress-utvecklare<\/a> att &#8221;skapa f\u00f6rdesignade inneh\u00e5llsblock som enkelt kan infogas i inl\u00e4gg, sidor, anpassade inl\u00e4ggstyper och mallar&#8221;.<\/p>\n<p>Fr\u00e5n och med WordPress 6.2 s\u00e5 inkluderar Patterns API den nya egenskapen <code>template_types<\/code> s\u00e5 att du kan ange i vilka mallar ett visst <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-5-5\/#block-patterns\">blockm\u00f6nster<\/a> kan anv\u00e4ndas.<\/p>\n<p>Jorge Costa framh\u00e5ller att detta \u00e4r en <em>uppdatering som endast g\u00e4ller backend<\/em> och att det f\u00f6r n\u00e4rvarande inte finns n\u00e5gon motsvarande UX-funktionalitet. Vi kan dock f\u00f6rv\u00e4nta oss att se <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">utvecklade implementeringar<\/a> av den h\u00e4r funktionen i och med WordPress 6.3:<\/p>\n<blockquote><p>Det f\u00f6rsta anv\u00e4ndningsomr\u00e5det, som man t\u00e4nker sig f\u00f6r WordPress 6.3, \u00e4r att visa anv\u00e4ndaren n\u00e5gra m\u00f6nster som \u00e4r vettiga p\u00e5 en mall n\u00e4r anv\u00e4ndaren b\u00f6rjar att skapa en mall. Anv\u00e4ndaren kan b\u00f6rja med ett m\u00f6nster i st\u00e4llet f\u00f6r &#8221;blank&#8221; eller reservmallen.<\/p><\/blockquote>\n<p>P\u00e5 den tekniska sidan s\u00e5 har funktionen <code>register_block_pattern()<\/code> \u00e4ndrats f\u00f6r att inkludera en ny parameter <code>template_types<\/code>. Detta \u00e4r en matris av str\u00e4ngar som inneh\u00e5ller namnen p\u00e5 de mallar som blockm\u00f6nstret \u00e4r avsett f\u00f6r.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-rest-api\/\">REST API<\/a> har \u00e4ven \u00e4ndrats f\u00f6r att \u00e5terge malltyperna f\u00f6r ett blockm\u00f6nster om minst ett s\u00e5dant har definierats.<\/p>\n<h3>React v18.0 och samtidighetsl\u00e4ge<\/h3>\n<p>WordPress 6.2 levereras dessutom med en ny version av <a href=\"https:\/\/kinsta.com\/se\/blog\/react-basta-praxis\/\">React-biblioteket<\/a>, som nu har uppdaterats till version 18.0. Den nya versionen inkluderar nya API: er, funktioner, f\u00f6rb\u00e4ttringar och buggfixar. En av de viktigaste funktionerna som inkluderas i <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a> \u00e4r inf\u00f6randet av concurrency mode, &#8221;en ny mekanism bakom kulisserna som g\u00f6r det m\u00f6jligt f\u00f6r React att f\u00f6rbereda flera versioner av ditt anv\u00e4ndargr\u00e4nssnitt samtidigt&#8221;.<\/p>\n<p>En av de viktigaste egenskaperna hos Concurrent Mode i React \u00e4r att det g\u00e5r att avbryta:<\/p>\n<blockquote><p>React garanterar att anv\u00e4ndargr\u00e4nssnittet kommer att se konsekvent ut \u00e4ven om en rendering avbryts. F\u00f6r att lyckas med detta s\u00e5 v\u00e4ntar den med att utf\u00f6ra DOM-mutationer till slutet, n\u00e4r hela tr\u00e4det har utv\u00e4rderats. Som ett resultat s\u00e5 kan React f\u00f6rbereda nya sk\u00e4rmar i bakgrunden utan att blockera huvudtr\u00e5den. Detta inneb\u00e4r att anv\u00e4ndargr\u00e4nssnittet kan reagera omedelbart p\u00e5 anv\u00e4ndar-inmatningar \u00e4ven om det \u00e4r mitt i en stor renderingsuppgift, vilket skapar en flytande anv\u00e4ndarupplevelse.<\/p><\/blockquote>\n<p>Den st\u00f6rsta f\u00f6rdelen \u00e4r att anv\u00e4ndargr\u00e4nssnittet reagerar p\u00e5 anv\u00e4ndar-inmatningar omedelbart, i samklang med det jobb som det fortfarande k\u00f6r i bakgrunden.<\/p>\n<p>Men samtidighet s\u00e5 introduceras \u00e4ven potentiella fallgropar som utvecklare b\u00f6r vara medvetna om. F\u00f6r en mer djupg\u00e5ende \u00f6versikt av Concurrent Mode i React i WordPress 6.2, kolla in de exempel som tillhandah\u00e5lls i <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev note<\/a>.<\/p>\n<h3>Ytterligare \u00e4ndringar f\u00f6r utvecklare<\/h3>\n<p>Andra anm\u00e4rkningsv\u00e4rda f\u00f6r\u00e4ndringar som utvecklare b\u00f6r notera \u00e4r f\u00f6ljande:<\/p>\n<ul>\n<li>WordPress 6.2 introducerar ett nytt <a href=\"https:\/\/kinsta.com\/se\/blog\/javascript-design-monster\/\">JavaScript<\/a>-filter som kan anv\u00e4ndas f\u00f6r att filtrera blockinst\u00e4llningar innan redigeraren visas p\u00e5 sk\u00e4rmen. Som ett resultat av det nya <code>blockEditor.useSetting.before<\/code>-filtret s\u00e5 blir det \u00e4ven m\u00f6jligt f\u00f6r utvecklare att \u00e4ndra inst\u00e4llningar baserat p\u00e5 blockets placering, aktuell anv\u00e4ndarroll, angr\u00e4nsande block med mera. F\u00f6r ytterligare information och exempel p\u00e5 anv\u00e4ndning, se <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Anpassa inst\u00e4llningar f\u00f6r alla block i WordPress 6.2<\/a>.<\/li>\n<li>En ny <code>skipBlockSupportAttributes<\/code>-prop <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">har inf\u00f6rts<\/a> f\u00f6r att utesluta attribut och stilar som \u00e4r relaterade till blockst\u00f6d i <code>ServerSideRender<\/code>-komponenten.<\/li>\n<li>Ett nytt API f\u00f6r <strong>theme.json<\/strong> g\u00f6r det nu m\u00f6jligt att <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">styla befintliga variationer av k\u00e4rnblock<\/a> fr\u00e5n <strong>theme.json<\/strong>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/basta-google-fonts\/\">Google Fonts<\/a> ing\u00e5r nu <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">lokalt<\/a> och h\u00e4mtas inte fr\u00e5n Google-adresser i paketerade teman fr\u00e5n Twenty Twelve till Twenty Seventeen.<\/li>\n<\/ul>\n<p>Men det \u00e4r inte allt. WordPress 6.2 introducerar m\u00e5nga funktioner, f\u00f6rb\u00e4ttringar och buggfixar som vi inte n\u00e4mner h\u00e4r. Om du vill ha en mer omfattande \u00f6versikt s\u00e5 kan du l\u00e4sa <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 F\u00e4lt Guide<\/a>.<\/p>\n<h2>Sammanfattning<\/h2>\n<p>WordPress 6.2 tar oss n\u00e4rmare slutet av fas 2 av anpassningen av Gutenberg-projektet. Men, som <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Matias Ventura p\u00e5pekar<\/a>, s\u00e5 betyder detta inte att arbetet med anpassningen \u00e4r klart. Som alltid s\u00e5 kan vi f\u00f6rv\u00e4nta oss ytterligare f\u00f6rb\u00e4ttringar av redigeraren baserat p\u00e5 feedback fr\u00e5n WordPress community.<\/p>\n\n<p>I det h\u00e4r inl\u00e4gget s\u00e5 utforskade vi n\u00e5gra av de viktigaste funktionerna, f\u00f6rb\u00e4ttringarna och buggfixarna som inkluderas i\u00a0 WordPress 6.2. Men det finns mycket mer i 6.2. Med tio versioner av <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\">Gutenberg-pluginet<\/a> i k\u00e4rnan &#8211; fr\u00e5n 14.2 till 15.1 &#8211; s\u00e5 kommer vi att f\u00e5 se ett nytt bl\u00e4ddrings-l\u00e4ge, en flikartad blockinspekt\u00f6r, migrering av widgets till blocktecken, nya API: er och massor av f\u00f6rb\u00e4ttringar och buggfixar. Och det kommer \u00e4ven att finnas f\u00f6rb\u00e4ttringar f\u00f6r <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">tillg\u00e4nglighet<\/a> och <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internationalisering<\/a>.<\/p>\n<p>Och om du \u00e4lskar WordPress och vill <a href=\"https:\/\/kinsta.com\/blog\/learn-wordpress\/\">skaffa dig nya WordPress-utvecklingsf\u00e4rdigheter<\/a> eller <a href=\"https:\/\/kinsta.com\/blog\/wordpress-contributor\/\">testa och ge bidrag till CMS: et<\/a>, se till att provk\u00f6ra <a href=\"https:\/\/kinsta.com\/se\/devkinsta\/\">DevKinsta<\/a>, Kinsta&#8217;s helt kostnadsdfria lokala WordPress-utvecklingssvit.<\/p>\n<p>Nu vill vi fr\u00e5ga dig: Har du redan testat den nya versionen i din <a href=\"https:\/\/kinsta.com\/se\/devkinsta\/\">utvecklingsmilj\u00f6<\/a>? Vilka funktioner gillar du mest i WordPress 6.2? Dela dina tankar i kommentarsf\u00e4ltet nedan.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8221;Dolphy&#8221; har sl\u00e4ppts och det \u00e4r dags f\u00f6r oss att utforska vad som \u00e4r nytt med den f\u00f6rsta versionen f\u00f6r \u00e5ret 2023. Med WordPress &#8230;<\/p>\n","protected":false},"author":36,"featured_media":51774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[844],"class_list":["post-51773","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!\" \/>\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-6-2\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er och mycket mer\" \/>\n<meta property=\"og:description\" content=\"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\" \/>\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=\"2023-03-30T19:15:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T12:26:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.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 \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.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=\"29 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-6-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er och mycket mer\",\"datePublished\":\"2023-03-30T19:15:13+00:00\",\"dateModified\":\"2023-09-21T12:26:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\"},\"wordCount\":5406,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\",\"name\":\"Vad \u00e4r nytt i WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:15:13+00:00\",\"dateModified\":\"2023-09-21T12:26:46+00:00\",\"description\":\"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#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\":\"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er 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 6.2 - Kinsta\u00ae","description":"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!","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-6-2\/","og_locale":"sv_SE","og_type":"article","og_title":"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er och mycket mer","og_description":"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!","og_url":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2023-03-30T19:15:13+00:00","article_modified_time":"2023-09-21T12:26:46+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Carlo Daniele","Ber\u00e4knad l\u00e4stid":"29 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er och mycket mer","datePublished":"2023-03-30T19:15:13+00:00","dateModified":"2023-09-21T12:26:46+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/"},"wordCount":5406,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/","name":"Vad \u00e4r nytt i WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:15:13+00:00","dateModified":"2023-09-21T12:26:46+00:00","description":"Kolla in v\u00e5r djupg\u00e5ende \u00f6versikt av WordPress 6.2 med Bl\u00e4ddrings-l\u00e4ge, Style Book, Navigeringsmenyer och en massa andra f\u00f6rb\u00e4ttringar!","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/wordpress-6-2\/#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":"Nyheter i WordPress 6.2: Bl\u00e4ddrings-l\u00e4ge, stilbok, f\u00f6rb\u00e4ttrade navigeringsmenyer, nya API: er 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\/51773","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=51773"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/51773\/revisions"}],"predecessor-version":[{"id":51870,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/51773\/revisions\/51870"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/translations\/dk"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51773\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/51774"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=51773"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=51773"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=51773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}