{"id":49848,"date":"2023-03-30T20:09:56","date_gmt":"2023-03-30T19:09:56","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=49848&#038;preview=true&#038;preview_id=49848"},"modified":"2023-08-24T10:22:30","modified_gmt":"2023-08-24T09:22:30","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/","title":{"rendered":"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#8217;er og meget mere"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 &#8220;Dolphy&#8221;<\/a> er blevet frigivet, og det er tid til at udforske, hvad der er nyt i den f\u00f8rste version af 2023.<\/p>\n<p>Med WordPress 6.2 g\u00e5r vi ind i den sidste fase af fase 2 af den langsigtede <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg-udviklingsplan<\/a>, og blokeditoren removal\u00a0officielt <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\" target=\"_blank\" rel=\"noopener noreferrer\">betafasen<\/a>.<\/p>\n\n<p>Denne udgivelse fokuserer prim\u00e6rt p\u00e5 at <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">forbedre gr\u00e6nsefladen<\/a> og str\u00f8mline redigeringsoplevelsen.<\/p>\n<p>Der er blevet indf\u00f8rt en ny tilgang til at navigere mellem skabeloner og skabelondele samt muligheden for at importere widgets til bloktemaer, en ny skrivetilstand uden distraktioner, en oplevelse med blokindstillinger i skala og masser af store og sm\u00e5 forbedringer af eksisterende blokke, ydeevne og brugervenlighed.<\/p>\n<p>Men hvis der er noget, der springer fremad med hensyn til funktionalitet og brugervenlighed, er det navigationsblokken. Siden den blev udgivet f\u00f8rste gang, har Navigationsmenuen gennemg\u00e5et flere iterationer, der har str\u00f8mlinet redigeringsprocessen betydeligt med tiden. Med WordPress 6.2 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">forts\u00e6tter udviklingen<\/a>, og i denne artikel viser vi dig, hvor nemt du nu kan administrere en navigationsmenu.<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>Tjek vores <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">videoguide for at finde ud af, hvad der er nyt i WordPress 6.2<\/a><\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Forbedret redigeringsoplevelse<\/h2>\n<p>WordPress 6.2 bringer en forbedret redigeringsoplevelse, hvor hele sidestrukturen er placeret i centrum. Du kan nu nemmere administrere navigationsmenuer, skubbe stil\u00e6ndringer fra en enkelt blok til globale stilarter og nemt navigere mellem skabeloner og skabelondele med farvelagte skabelondele og genanvendelige blokke.<\/p>\n<p>Men der er meget mere. Lad os udforske de vigtigste tilf\u00f8jelser og \u00e6ndringer i editorens brugerflade i detaljer.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>En fornyet gr\u00e6nseflade og gennemsetilstand for webstedseditoren<\/h3>\n<p>Med WordPress 6.2 kommer flere forbedringer til editorgr\u00e6nsefladen til kernen. Den f\u00f8rste og mest interessante opdatering p\u00e5virker <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\">Site Editor-gr\u00e6nsefladen<\/a>. Takket v\u00e6re en ny Browse Mode er det nu nemmere at navigere gennem skabeloner og skabelondele.<\/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=\"Et billede, der viser Site Editor-gr\u00e6nsefladen i WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">Gr\u00e6nsefladen til Site Editor i WordPress 6.2<\/figcaption><\/figure>\n<p>Den nye gr\u00e6nseflade giver dig ogs\u00e5 mulighed for at tilf\u00f8je en ny skabelon eller skabelondel direkte fra editorens sidebar ved blot at <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">klikke p\u00e5 plusikonet (+)<\/a>, der er placeret til h\u00f8jre for menutitlen.<\/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=\"Menuen Skabeloner i Site Editor i WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">Menuen Skabeloner i Site Editor i WordPress 6.2<\/figcaption><\/figure>\n<p>If\u00f8lge <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>, Wp Core and Documentation contributor, &#8220;[D]et arbejde med denne funktion er i gang og vil fortsat blive forbedret, efterh\u00e5nden som nye Gutenberg-versioner frigives.&#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=\"Tilf\u00f8jelse af en ny skabelon i WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">Tilf\u00f8jelse af en ny skabelon i WordPress 6.2<\/figcaption><\/figure>\n<p>Arbejdsgangen er nu glattere og mere problemfri. For at begynde at redigere den aktuelle skabelon\/skabelondel skal du blot klikke p\u00e5 knappen <strong>Rediger<\/strong> i menuen til venstre eller p\u00e5 skabelonforh\u00e5ndsvisningen i midten af siden.<\/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=\"Klik p\u00e5 knappen Redig\u00e9r eller p\u00e5 skabelon-eksemplet for at redigere en skabelon\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Klik p\u00e5 knappen Redig\u00e9r eller p\u00e5 skabelon-eksemplet for at redigere en skabelon<\/figcaption><\/figure>\n<h3>Distraktionsfri tilstand<\/h3>\n<p>WordPress 6.2 introducerer en ny Distraction Free-redigeringstilstand, som sk\u00e6rer rod fra l\u00e6rredet og giver dig mulighed for at fokusere p\u00e5 sidens indhold.<\/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 af Distraction Free-tilstand\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Aktivering af Distraction Free-tilstand<\/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\">aktivere denne funktion<\/a> i indstillingspanelet, der vises ved at klikke p\u00e5 ellipse-ikonet (tre prikker) i \u00f8verste h\u00f8jre hj\u00f8rne.<\/p>\n<p>N\u00e5r Distraction Free-tilstand er aktiveret, forsvinder uvedkommende sidebars og v\u00e6rkt\u00f8jslinjer, s\u00e5 der kun er det indhold, du arbejder p\u00e5, tilbage p\u00e5 sk\u00e6rmen.<\/p>\n<h3>Inspekt\u00f8r af blokke med faneblade<\/h3>\n<p>WordPress 6.2 introducerer <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">en ny Block Inspector<\/a>, der har til form\u00e5l at skabe orden i sidebaren ved at opdele indstillingerne i separate paneler.<\/p>\n<p>Blokindstillingerne er 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\">opdelt i faner<\/a> for at adskille stilindstillinger fra andre blokindstillinger.<\/p>\n<p>Hvis de er tilg\u00e6ngelige, vises fanerne i Block Inspector i f\u00f8lgende r\u00e6kkef\u00f8lge:<\/p>\n<ul>\n<li><strong>Listevisning:<\/strong> Indeholder kontrolelementer til administration af en bloks b\u00f8rn, f.eks. undermenuer og links i blokken Navigation<\/li>\n<li><strong>Indstillinger:<\/strong> Indeholder konfigurationsindstillinger, der ikke vedr\u00f8rer blokkens udseende<\/li>\n<li><strong>Udseende:<\/strong> Indeholder indstillinger, der specifikt er relateret til den aktuelle bloks styling, f.eks. typografi og farver<\/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=\"Det nye faneblad med indstillinger sidebar for en Button-blok i WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">Det nye faneblad med indstillinger sidebar for en Button-blok i WordPress 6.2<\/figcaption><\/figure>\n<p>Dette er en bem\u00e6rkelsesv\u00e6rdig forbedring af brugervenligheden af gr\u00e6nsefladen, is\u00e6r for avancerede blokke med mange konfigurationsmuligheder som gruppeblokken eller navigationsblokken.<\/p>\n<p>Bem\u00e6rk, at:<\/p>\n<ul>\n<li>Den nye inspekt\u00f8r viser kun en fane, n\u00e5r den indeholder elementer, der skal vises.<\/li>\n<li>Hvis fanen Indstillinger kun indeholder panelet Avanceret, flyttes det til fanen Udseende.<\/li>\n<li>Hvis blokinspekt\u00f8ren kun har \u00e9n fane, vises den som f\u00f8r WordPress 6.2.<\/li>\n<\/ul>\n<p>Tjek <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">dev-noten<\/a> for at se n\u00e6rmere p\u00e5 den nye Block Inspector.<\/p>\n<h3>Farvelagte skabelondele og genanvendelige blokke<\/h3>\n<p>For lettere at skelne dem fra grupper og blokke er skabelondele og genanvendelige blokke nu fremh\u00e6vet i 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\">anden farve<\/a> i listevisning, blokindsats, blokv\u00e6rkt\u00f8jslinjen og i editorens l\u00e6rred.<\/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=\"Farvelagt skabelondel i listevisning\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Farvelagt skabelondel i listevisning<\/figcaption><\/figure>\n<p>Dette sker b\u00e5de i Site Editor og i indl\u00e6gseditoren, som vist i billedet nedenfor.<\/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=\"Et billede, der viser en farvet genanvendelig blok i posteditoren\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Farvelagt genanvendelig blok i indl\u00e6gseditoren<\/figcaption><\/figure>\n<h3>En fornyet blokinds\u00e6tter<\/h3>\n<p>Block Inserter er p\u00e5virket af flere \u00e6ndringer, der forbedrer den overordnede redigeringsoplevelse betydeligt.<\/p>\n<p>For det f\u00f8rste forbedrer et nyt interface-design navigationen mellem m\u00f8nster- og mediekategorier og giver <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\u00f8rre forh\u00e5ndsvisninger<\/a> for m\u00f8nstre og medieelementer.<\/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=\"M\u00f8nsterfremvisning i Block Inserter i WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">M\u00f8nsterfremvisning i Block Inserter i WordPress 6.2<\/figcaption><\/figure>\n<p>N\u00e5r der findes medier p\u00e5 webstedet, vises en <strong>Media<\/strong>-fane <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 Block Inserter<\/a> for at forenkle inds\u00e6ttelse af medier <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">i indholdet<\/a>. Du kan tr\u00e6kke og slippe billeder\/medier eller blot klikke p\u00e5 dit medie for at tilf\u00f8je det til indholdet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt width=\"1296\" height=\"1420\"><\/p>\n<p>Inde i fanen er der en knap <strong>\u00c5bn mediebibliotek<\/strong>, der f\u00f8rer dig til WordPress <a href=\"https:\/\/kinsta.com\/blog\/wordpress-media-library\/\">Media Lybrary<\/a>.<\/p>\n<h3>Openverse-integration i Block Inserter<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> er et v\u00e6rkt\u00f8j, der har til form\u00e5l at dele v\u00e6rker med \u00e5ben licens eller offentligt dom\u00e6ne til brug for alle. 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\">er Openverse integreret i Block Inserter<\/a>.<\/p>\n<p>For at f\u00e5 adgang til denne nye funktion skal du klikke p\u00e5 fanen Medier i Block Inserter. Dette viser et panel med et s\u00f8gefelt og billedeforh\u00e5ndsvisninger direkte fra Openverse-repositoriet.<\/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 er nu integreret i Block Inserter\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse er nu integreret i Block Inserter<\/figcaption><\/figure>\n<p>Du kan se de tekniske detaljer i <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">Pull Request for Openverse-integration<\/a>.<\/p>\n<h3>Migrering af widgets til blok-temaer<\/h3>\n<p>Fra og med WordPress 6.2 kan brugere, der driver et websted med et klassisk tema, og som beslutter sig for at skifte til et blok-tema, <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\">migrere deres eksisterende widget-omr\u00e5der<\/a> til det nye tema og konvertere dem <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">til skabelondele<\/a>.<\/p>\n<p>Lad os finde ud af, hvordan det fungerer.<\/p>\n<p>F\u00f8rst skal du oprette et widgetomr\u00e5de i et klassisk tema. Du kan f.eks. aktivere Twenty-Eleven og tilf\u00f8je en kalender til 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=\"Tilf\u00f8jelse af en widget i Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">Tilf\u00f8jelse af en widget i Twenty Eleven<\/figcaption><\/figure>\n<p>Nu \u00e6ndrer du temaet til <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-three-tema\/\">Twenty Twenty-Three<\/a>. \u00c5bn Site Editor, v\u00e6lg en skabelon til redigering og tilf\u00f8j en skabelondel.<\/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=\"Tilf\u00f8jelse af en skabelondel til en skabelon med Twenty Twenty-Three-temaet\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">Tilf\u00f8jelse af en skabelondel til en skabelon med Twenty Twenty-Three-temaet<\/figcaption><\/figure>\n<p>I bloksidebaren skal du v\u00e6lge det widgetomr\u00e5de, der skal importeres, i rullemenuen <strong>Importer 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=\"Import af widgetomr\u00e5de i WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Import af widgetomr\u00e5de i WordPress 6.2<\/figcaption><\/figure>\n<p>Og det er det. Nu kan du administrere dit tidligere widgetomr\u00e5de som enhver anden skabelondel.<\/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=\"Visning af et importeret widgetomr\u00e5de\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Visning af et importeret widgetomr\u00e5de<\/figcaption><\/figure>\n<h3>Dokumentdetaljer og listevisning kombineret<\/h3>\n<p>F\u00f8r WordPress 6.2 var der to separate knapper i Editor-v\u00e6rkt\u00f8jslinjen for <strong>Detaljer<\/strong> og <strong>Listevisning<\/strong>. P\u00e5 f\u00f8lgende billede kan du se <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">popoveren med dokumentdetaljer<\/a> i WordPress 6.1, herunder antal ord, antal tegn, l\u00e6setid og antallet af overskrifter, afsnit og blokke samt dokumentoversigt.<\/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=\"Popoveren Detaljer i WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">Popoveren Detaljer i WordPress 6.1<\/figcaption><\/figure>\n<p>Fra og med WordPress 6.2 er <strong>Listevisning<\/strong> og <strong>Detaljer<\/strong> flyttet til et enkelt panel med <strong>dokumentoversigt<\/strong>, der er opdelt i to faner: <strong>Listevisning<\/strong> og <strong>Oversigt<\/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=\"Det nye dokumentoversigtspanel i WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">Det nye dokumentoversigtspanel i WordPress 6.2<\/figcaption><\/figure>\n<p>Denne \u00e6ndring skulle give en nemmere m\u00e5de at administrere dokumentet p\u00e5.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>S\u00e5dan installeres WordPress 6.2 p\u00e5 et lokalt udviklingsmilj\u00f8<\/h3>\n<p>Hvis du \u00f8nsker at afpr\u00f8ve udviklingsversionerne af WordPress f\u00f8r den officielle udgivelse, skal du f\u00f8lge disse trin:<\/p>\n<ol>\n<li>\u00c5bn DevKinsta og opret et nyt <a href=\"https:\/\/kinsta.com\/blog\/build-wordpress-site-offline\/\">lokalt WordPress-websted<\/a><\/li>\n<li>N\u00e5r du er f\u00e6rdig, skal du \u00e5bne dit WordPress-dashboard og navigere til <strong>Plugins \u2192 Tilf\u00f8j Nyt<\/strong><\/li>\n<li>S\u00f8g og installer <strong>WordPress Beta Tester-plugin<\/strong> &#8216;et<\/li>\n<li>Aktiv\u00e9r plugin&#8217;et og g\u00e5 til <strong>V\u00e6rkt\u00f8jer \u2192 Betatest<\/strong><\/li>\n<li>Under fanen WP Beta Tester Settings (Indstillinger for WP Beta Tester) skal du v\u00e6lge <strong>Bleeding edge<\/strong>-indstillingen og gemme indstillingerne<\/li>\n<li>Tilbage til dit WordPress Dashboard, \u00e5bn sk\u00e6rmbilledet <strong>Opdateringer<\/strong>, og opdater til den seneste nightly version<\/li>\n<\/ol>\n<p>Det er alt! Nu har du en lokal WordPress-udviklingsinstallation, og du er fri til at k\u00f8re alle dine tests. Tag et kig rundt, og lad os vide, hvad du synes om de nye funktioner.<\/p>\n<p>Med DevKinsta tager det kun et par klik at f\u00e5 et moderne udviklingsmilj\u00f8 til WordPress p\u00e5 din lokale maskine. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/dk\/devkinsta\/\">Download DevKinsta<\/a> gratis \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Udvidede blokkapaciteter<\/h2>\n<p>Med WordPress 6.2 er mulighederne for flere centrale bloktyper blevet udvidet. Dette g\u00e6lder is\u00e6r for navigationsblokken, som er p\u00e5virket af flere \u00e6ndringer og forbedringer af redigeringsoplevelsen.<\/p>\n<p>Lad os tage et kig p\u00e5 de vigtigste \u00e6ndringer i detaljer.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Listebaseret redigering for navigationsblokken<\/h3>\n<p>Med udgivelsen af WordPress 6.2 er det muligt at \u00e6ndre arrangementet af Navigationsblokelementer fra 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\">listevisning i blokindstillingernes<\/a> sidebar.<\/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 faneblad Menu viser en listevisning af Navigationsmenuen\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">En ny faneblad Menu viser en listevisning af Navigationsmenuen<\/figcaption><\/figure>\n<p>Hvis du klikker p\u00e5 menupunktet, kommer du til indstillingssidebj\u00e6lken for det valgte sidelink, hvor du kan redigere linkdetaljerne, herunder label, URL, beskrivelse, linktitel og link 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=\"Sidebar med sideindstillinger for sidelinks\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">Sidebar med sideindstillinger for sidelinks<\/figcaption><\/figure>\n<p>Denne \u00e6ndring forenkler i h\u00f8j grad redigeringsoplevelsen af navigationsmenuer, s\u00e5 du kan tilf\u00f8je, arrangere og slette elementer i din menu eller endda oprette nye navigationsmenuer.<\/p>\n<h3>L\u00e5s navigation<\/h3>\n<p>En anden forbedring af navigationsblokken er muligheden for at <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\u00e5se menueredigering p\u00e5 en mere granul\u00e6r m\u00e5de<\/a>. Nu kan du <strong>Begr\u00e6nse redigering<\/strong>, <strong>Deaktivere bev\u00e6gelse<\/strong> og <strong>Forhindre fjernelse<\/strong>, hvorimod der med WordPress 6.1 kun var mulighederne <strong>Begr\u00e6nse redigering<\/strong> og <strong>Deaktivere bev\u00e6gelse<\/strong> tilg\u00e6ngelige.<\/p>\n<p>Desuden kan de valgte indstillinger ogs\u00e5 anvendes p\u00e5 de indre blokke (links og undermenuer).<\/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 navigation i WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">L\u00e5s navigation i WordPress 6.2<\/figcaption><\/figure>\n<h3>Tilf\u00f8j\/fjern billedtekster fra blokv\u00e6rkt\u00f8jslinjen<\/h3>\n<p>En ny knap <strong>Tilf\u00f8j\/fjern billedtekst<\/strong> giver brugerne mulighed for at <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">styre billedtekster<\/a> fra blokv\u00e6rkt\u00f8jslinjen for flere blokke (Lyd, Video, Billede).<\/p>\n<p>Hvis du allerede har indstillet en billedtekst, vil den automatisk blive inkluderet, n\u00e5r du tilf\u00f8jer billedet til dit indhold.<\/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=\"Tilf\u00f8j\/fjern billedtekst fra blokv\u00e6rkt\u00f8jslinjen\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">Tilf\u00f8j\/fjern billedtekst fra blokv\u00e6rkt\u00f8jslinjen<\/figcaption><\/figure>\n<h3>Forbedringer til blokken Sideliste<\/h3>\n<p>To forbedringer <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\">vedr\u00f8rer blokken Sideliste<\/a>.<\/p>\n<p>For det f\u00f8rste kan blokken Sideliste nu udvides for at vise <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\">listen over sider i panelet Listevisning<\/a>.<\/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=\"Udvidet blokken Sideliste i listevisning\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Udvidet blokken Sideliste i listevisning<\/figcaption><\/figure>\n<p>Desuden giver en ny indstilling i bloksidebaren dig nu mulighed for at <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">angive en startside<\/a> og kun vise sider, der er nedadg\u00e5ende fra den, i blokken.<\/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=\"Indstilling af en overordnet side for blokken Sideliste\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Indstilling af en overordnet side for blokken Sideliste<\/figcaption><\/figure>\n<h3>Ny pladsholder for gruppeblokken<\/h3>\n<p>Nu viser pladsholderen for gruppeblokken <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\u00e6lger<\/a>, n\u00e5r blokken tilf\u00f8jes til sidens indhold.<\/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=\"Placeholderen for gruppeblokke i WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">Pladsholderen for gruppeblokke i WordPress 6.2<\/figcaption><\/figure>\n<h3>St\u00f8tte til kl\u00e6brig placering af blokke<\/h3>\n<p>WordPress 6.2 introducerer en ny funktion til underst\u00f8ttelse af positioneringsblokke, begyndende med <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">sticky positionering<\/a>.<\/p>\n<p>Denne nye funktion g\u00e6lder i \u00f8jeblikket kun for Gruppeblokke, som den som standard er valgt til.<\/p>\n<p>Temaudviklere kan aktivere sticky positionering p\u00e5 deres temaer ved hj\u00e6lp af funktionen <code>appearanceTools<\/code> i <strong>theme.json<\/strong>. Hvis du \u00f8nsker mere granul\u00e6r kontrol over udseendev\u00e6rkt\u00f8jer, kan du ogs\u00e5 indstille <code>settings.position.sticky<\/code> -prop&#8217;en til <code>true<\/code>.<\/p>\n<p>Du kan aktivere kl\u00e6bende positionering i panelet <strong>Position<\/strong> i inspekt\u00f8rens kontrolsidebar.<\/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=\"Indstilling af Position til Sticky i en gruppeblok\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Indstilling af Position til Sticky i en gruppeblok<\/figcaption><\/figure>\n<p>N\u00e5r kl\u00e6bende positionering er aktiveret, f\u00e5r HTML-tagget en <code>is-position-sticky<\/code> -klasse, og nogle CSS-regler g\u00e6lder for det tilsvarende 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=\"Eksempel p\u00e5 sticky positionering med Twenty Twenty-Three-temaet\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Eksempel p\u00e5 sticky positionering med Twenty Twenty-Three-temaet<\/figcaption><\/figure>\n<p>Sticky positioning fungerer kun for <strong>gruppeblokke ved roden af dokumentet<\/strong>. Selvom dette kan forhindre forvirring og fejl for brugerne, kan du finde indbygget sticky positionering lidt vanskelig i \u00f8jeblikket (og du vil m\u00e5ske tjekke forskellige metoder til at <a href=\"https:\/\/kinsta.com\/blog\/sticky-header\/\">tilf\u00f8je en sticky header<\/a> til dit WordPress-websted). Men if\u00f8lge dev-noten<\/p>\n<blockquote><p>&#8230; i manuel test viste feedback, at uden yderligere UI- eller UX-arbejde kunne det v\u00e6re forvirrende for brugere, der fors\u00f8ger at oprette kl\u00e6bende overskrifter, hvis de ved et uheld indstiller en ikke-rodblok til kl\u00e6bende, eller for eksempel en blok <em>inden for<\/em> en del af en overskriftsskabelon til kl\u00e6bende. Beslutningen blev at reducere funktionen til kun at omfatte rodblokkene i 6.2 for at give mere tid til at unders\u00f8ge en passende l\u00f8sning for indlejrede blokke.<\/p><\/blockquote>\n<p>Placeringsfunktionen er kun tilg\u00e6ngelig for individuelle blokke, s\u00e5 du finder den ikke i globale stilarter.<\/p>\n<h3>Yderligere forbedringer af oplevelsen af blokredigering<\/h3>\n<p>Nogle andre bem\u00e6rkelsesv\u00e6rdige opgraderinger af blokredigering omfatter f\u00f8lgende:<\/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\">drag n drop billeder<\/a> p\u00e5 et tomt afsnit for at erstatte det med en billedblok.<\/li>\n<li>Typografikontroller er blevet <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\">grupperet i paneler<\/a>. Dette g\u00f8r gr\u00e6nsefladen for stilarter mere konsistent med gr\u00e6nsefladen for indstillinger og forbedrer dens brugervenlighed, da du nu kan vise og skjule kontrolelementer som i gr\u00e6nsefladen for blokindstillinger.\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 er nu muligt at <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\">\u00e6ndre bogstavafstanden i header blokkene<\/a> direkte i gr\u00e6nsefladen Globale stilarter.<\/li>\n<li>Du kan nu indstille baggrunds-, link- og <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\">tekstfarve for blokken Kalender<\/a>.<\/li>\n<li>Der er blevet indf\u00f8rt to nye <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 af blokm\u00f8nstre<\/a> for <strong>bannere<\/strong> og <strong>sidef\u00f8dder<\/strong> for bedre at afspejle strukturen p\u00e5 websider.<\/li>\n<li>Det er nu muligt at <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\">autokomplettere links<\/a> i enhver blok ved hj\u00e6lp af genvejen <code>[[<\/code>. F\u00f8r denne \u00e6ndring skulle blokke eksplicit erkl\u00e6re underst\u00f8ttelse af automatisk udfyldelse af links ved hj\u00e6lp af <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>En ny tastaturgenvej <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> giver dig mulighed for at <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\">omdanne et afsnit til en header<\/a><\/li>\n<li>Blokken Sideliste underst\u00f8tter 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\">alle typografiske indstillinger<\/a>, herunder skrifttypefamilie, skriftst\u00f8rrelse, udseende, linjeh\u00f8jde, bogstavafstand, dekoration og bogstavh\u00f8jde.\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=\"Indstillinger for typografi for blokken Sideliste i WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Indstillinger for typografi for blokken Sideliste i WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Forbedrede designv\u00e6rkt\u00f8jer<\/h2>\n<p>Mange af de nye funktioner og forbedringer, der er indf\u00f8rt med WordPress 6.2, forbedrer CMS&#8217;ets styling- og designmuligheder. Nedenfor er en liste over de mest interessante designrelaterede funktioner, der kommer med 6.2; vi vil beskrive hver enkelt funktion n\u00e6rmere l\u00e6ngere nede.<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 introducerer en ny Style Book-funktion, der g\u00f8r det muligt for brugerne at <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00e5 vist alle blokke<\/a>, der kan bruges p\u00e5 deres websteder, uden at de beh\u00f8ver at tilf\u00f8je disse blokke til en skabelon\/skabelondel. Du kan starte <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> ved at klikke p\u00e5 knappen <strong>Open Style Book<\/strong> (\u00f8jenikonet), der nu vises i <strong>Styles<\/strong>-headeren inden for globale stilarter.<\/p>\n<p>Dette \u00e5bner en gr\u00e6nseflade, der viser en forh\u00e5ndsvisning af alle kerne- og tredjepartsblokke efter 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=\"Et billede, der viser Style Book-gr\u00e6nsefladen\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">Gr\u00e6nsefladen til Style Book<\/figcaption><\/figure>\n<p>Den nye Style Book-gr\u00e6nseflade forenkler designprocessen ved at g\u00f8re forh\u00e5ndsvisninger af alle blokformer tilg\u00e6ngelige p\u00e5 et enkelt centralt sted.<\/p>\n<p>Teknisk set genereres den nye gr\u00e6nseflade af en ny <code>StyleBook<\/code> -komponent, der er tilf\u00f8jet til <code>@wordpress\/edit-site<\/code> for at vise en forh\u00e5ndsvisning af hver registreret blok <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-iframe\/\">i en iframe<\/a> (se ogs\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>Den samme gr\u00e6nseflade giver ogs\u00e5 forh\u00e5ndsvisninger af de enkelte blokke. Som et eksempel viser f\u00f8lgende billede en forh\u00e5ndsvisning af en tilpasset 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=\"Tilpasning og forh\u00e5ndsvisning af kalenderblokken\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Tilpasning og forh\u00e5ndsvisning af kalenderblokken<\/figcaption><\/figure>\n<p>Udviklere kan skjule en blok fra at blive indsat og f\u00e5 vist i forh\u00e5ndsvisning p\u00e5 to m\u00e5der. For det f\u00f8rste kan du indstille <code>supports.inserter<\/code> til <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>En anden m\u00e5de at skjule blokgennemgangen p\u00e5 er at undg\u00e5 <code>example<\/code> -egenskaben, som bruges til at oprette en forh\u00e5ndsvisning af blokken i Inspekt\u00f8rens hj\u00e6lpepanel (l\u00e6s mere <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">her<\/a>).<\/p>\n<h3>Skygger i globale stilarter<\/h3>\n<p>Med WordPress 6.2 er det nu muligt at <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">tilf\u00f8je og tilpasse skygger<\/a> til nogle blokke ved hj\u00e6lp af Global Styles eller <strong>theme.json<\/strong> (i skrivende stund er skyggefunktionen kun tilg\u00e6ngelig for Button-blokken).<\/p>\n<p>For det f\u00f8rste kan du i temaer, der underst\u00f8tter denne funktion, tilf\u00f8je skygger fra Global Styles-gr\u00e6nsefladen.<\/p>\n<p>Hvis du vil se det i aktion, skal du aktivere <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-three-tema\/\">Twenty Twenty-Three-temaet<\/a>, navigere til <strong>Styles<\/strong> &gt; <strong>Blocks<\/strong> &gt; <strong>Button <\/strong>(<strong>blokke<\/strong> &gt; <strong>knap<\/strong>) og klikke p\u00e5 knappen <strong>Shadow <\/strong>(<strong>skygge<\/strong>).<\/p>\n<p>I en popup-meddelelse Skygge kan du v\u00e6lge en skygge fra temaets forudindstillinger.<\/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=\"Indstilling af skygge i blokstyles\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Indstilling af skygge i blokstyles<\/figcaption><\/figure>\n<p>Temaudviklere og avancerede brugere kan ogs\u00e5 tilf\u00f8je en skygge til blokke ved hj\u00e6lp af <strong>theme.json<\/strong>. Den f\u00f8lgende definition tilf\u00f8jer en 4px sort skygge til Button-blokke:<\/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 ogs\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-twenty-two-bloktemaer\/#settings\">definere forudindstillinger<\/a> for at give temabrugere mulighed for at v\u00e6lge en fra Styles-gr\u00e6nsefladen:<\/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\u00e5r du har defineret dine forudindstillinger, vises de i <strong>Skyggepanelet<\/strong> i blokken Stilarter.<\/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=\"Brugerdefinerede skyggeforindstillinger i blokstyles\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Brugerdefinerede skyggeforindstillinger i blokstyles<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 v\u00e6lge v\u00e6rdien af en forudindstilling og bruge den som standardindstillinger for blokken:<\/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 kontrol af minimumsh\u00f8jde dimensionskontrol<\/h3>\n<p>Fra og med WordPress 6.2 indeholder panelet Dimensioner i blokindstillingerne i sidebaren for blokkene Gruppe og Indl\u00e6gsindhold nu en <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">ny kontrol for minimumsh\u00f8jde<\/a>, som er aktiveret som standard i temaer, der bruger 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=\"Kontrol for mindste h\u00f8jde for blokken Gruppe\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Kontrol for mindste h\u00f8jde for blokken Gruppe<\/figcaption><\/figure>\n<p>Denne nye kontrol giver brugerne mulighed for at indstille en minimumsh\u00f8jde for blokkene Gruppe og Indl\u00e6gsindhold og kan bruges til at gengive footeren nederst p\u00e5 siden, selv med lidt indhold.<\/p>\n<p>Kombineret med de nye v\u00e6rkt\u00f8jer til lodret justering giver den ogs\u00e5 mulighed for at lodret justere indre elementer \u00f8verst\/midt\/nedre p\u00e5 siden.<\/p>\n<p>Udviklere kan tilf\u00f8je underst\u00f8ttelse af minimumsh\u00f8jde til temaer ved at tilf\u00f8je indstillingen <code>minHeight<\/code> til <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 ogs\u00e5 bruge <code>appearanceTools<\/code> -egenskaben:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>Den nye egenskab <code>minHeight<\/code> kan ogs\u00e5 bruges til at indstille en bestemt v\u00e6rdi direkte 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>Block-udviklere kan tilf\u00f8je <code>supports.dimensions.minHeight<\/code> -egenskaben til deres <strong>block.json<\/strong>-fil og indstille dens v\u00e6rdi til <code>true<\/code>. For <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-blokke\/\">statiske blokke<\/a> vil CSS-reglen <code>min-height<\/code> blive gemt som en inline-stil, mens den for <a href=\"https:\/\/kinsta.com\/blog\/dynamic-blocks\/\">dynamiske blokke<\/a> vil blive inkluderet i den stilattribut, der returneres af <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>Brugerdefineret CSS i panelet for stilarter<\/h3>\n<p>En af de funktioner, der manglede i Site Editor i forhold til Theme Customizer, var muligheden for at <a href=\"https:\/\/kinsta.com\/blog\/wordpress-css\/\">tilf\u00f8je brugerdefinerede CSS-stilarter<\/a>. WordPress 6.2 udfylder hullet, og nu indeholder Global Styles-gr\u00e6nsefladen <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">et tekstfelt<\/a> til at <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\">tilf\u00f8je brugerdefinerede CSS-regler<\/a>, som ikke bliver overskrevet, n\u00e5r du opdaterer dit 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=\"Yderligere blok-CSS i panelet for blokformater\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">Yderligere blok-CSS i panelet for blokformater<\/figcaption><\/figure>\n<p>Du kan tilf\u00f8je brugerdefinerede stilarter enten <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\">pr. blok<\/a>, fra <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">panelet for blokstilarter<\/a> eller ved at klikke p\u00e5 knappen <strong>Flere stilarter handlinger<\/strong> i v\u00e6rkt\u00f8jslinjen Stilarter. Dette viser en pop op-menu, der viser et <strong>Additional 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=\"Tekstomr\u00e5det Yderligere CSS i WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">Tekstomr\u00e5det Yderligere CSS i WordPress 6.2<\/figcaption><\/figure>\n<p>For at underst\u00f8tte brugerdefineret CSS er der blevet tilf\u00f8jet en ny <code>styles.css<\/code> -egenskab til <strong>theme.json<\/strong>.<\/p>\n<p>Brugerdefinerede CSS-regler kan fuldst\u00e6ndigt tilsides\u00e6tte alle brugerdefinerede stilarter, der er indstillet i <strong>theme.json<\/strong>. Hvis du ikke \u00f8nsker, at dette skal ske, kan du overveje at inkludere stylesheet ved hj\u00e6lp af de <a href=\"https:\/\/kinsta.com\/blog\/wp-enqueue-scripts\/\">eksisterende enqueuing-metoder<\/a>.<\/p>\n<p>Du kan ogs\u00e5 tilf\u00f8je brugerdefineret CSS pr. blok i <strong>theme.json<\/strong> ved hj\u00e6lp af egenskaben <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>Du kan ogs\u00e5 bruge <code>&<\/code> til indlejrede elementer og pseudo-selektorer.<\/p>\n<p>Du kan se n\u00e6rmere p\u00e5 den nye brugerdefinerede CSS-funktion under <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">Brugerdefineret CSS til globale stilarter og per blok<\/a>.<\/p>\n<h3>Kopiering og inds\u00e6ttelse af stilarter mellem blokke<\/h3>\n<p>En ny gruppe i menuen Indstillinger i blokens v\u00e6rkt\u00f8jslinje viser nu to knapper til at <strong>kopiere stilarter<\/strong> og <strong>inds\u00e6tte stilarter<\/strong>. F\u00f8r <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\">denne tilf\u00f8jelse<\/a> var det kun muligt at kopiere stilarter, men det var ikke klart, hvordan 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\">inds\u00e6tter stilarter<\/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=\"Kopier stilarter i WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Kopier stilarter i WordPress 6.2<\/figcaption><\/figure>\n<p>For at pr\u00f8ve denne nye funktion skal du tilf\u00f8je en ny blok, f.eks. en overskrift. \u00c6ndre stilen og v\u00e6lg <strong>Kopier stilarter<\/strong> i menuen Indstillinger for blokken.<\/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=\"Tillad Google Chrome at se tekst og billeder, der er kopieret til udklipsholderen\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Tillad Google Chrome at se tekst og billeder, der er kopieret til udklipsholderen<\/figcaption><\/figure>\n<p>V\u00e6lg derefter en anden blok, og v\u00e6lg <strong>Inds\u00e6t stil<\/strong>. De kopierede stilarter anvendes automatisk i den anden blok.<\/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=\"Inds\u00e6t stilarter i WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Inds\u00e6t stilarter i WordPress 6.2<\/figcaption><\/figure>\n<p>Bem\u00e6rk, at denne funktion kun er tilg\u00e6ngelig p\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/blog\/http-til-https\/\">sikre (https) websteder<\/a> i underst\u00f8ttende browsere. For yderligere detaljer, se <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Anvend blok\u00e6ndringer globalt<\/h3>\n<p>WordPress 6.2 introducerer ogs\u00e5 en knap <strong>Anvend globalt<\/strong> under panelet Avanceret for individuelle blokke, som giver dig mulighed for at <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\">skubbe dine blokstil\u00e6ndringer<\/a> til Globale stilarter og anvende disse \u00e6ndringer p\u00e5 hele webstedet.<\/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=\"Knappen Anvend blokstilarter globalt i WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Knappen Anvend blokstilarter globalt i WordPress 6.2<\/figcaption><\/figure>\n<p>Takket v\u00e6re denne nye funktion er det nu lige s\u00e5 nemt som at trykke p\u00e5 en knap at anvende bloktypografi, afstand, dimensioner og farvestyling p\u00e5 alle blokke af den p\u00e5g\u00e6ldende type (se ogs\u00e5 denne <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Forbedret designoplevelse med afstandsvisualiseringer<\/h3>\n<p>Spacing Visualizers giver dig mulighed for at f\u00e5 vist et eksempel p\u00e5 m\u00e6ngden af margin eller padding, der anvendes p\u00e5 en blok. Med WordPress 6.2 er denne funktion forbedret med et par tilf\u00f8jelser, der forbedrer redigeringsoplevelsen.<\/p>\n<p>For det f\u00f8rste vises Spacing Visualizers nu, s\u00e5 snart <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 holder musen hen over margin- eller paddingkontrollen<\/a>.<\/p>\n<p>For det andet skjuler Spacing Visualizer nu automatisk <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\">blokv\u00e6rkt\u00f8jslinjen<\/a>, s\u00e5 snart du holder musen over afstandsindstillingen, s\u00e5 du kan f\u00e5 vist de nye indstillinger for margen og padding uden at blokv\u00e6rkt\u00f8jslinjen fylder for meget.<\/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=\"Visualiseringsv\u00e6rkt\u00f8jet for afstand uden blokv\u00e6rkt\u00f8jslinjen\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">Visualiseringsv\u00e6rkt\u00f8jet for afstand uden blokv\u00e6rkt\u00f8jslinjen<\/figcaption><\/figure>\n<p>Dette er sm\u00e5, men v\u00e6sentlige \u00e6ndringer, der p\u00e5virker et stort antal kerneblokke.<\/p>\n<h2>\u00c6ndringer for udviklere<\/h2>\n<p>WordPress 6.2 bringer ogs\u00e5 mange nye funktioner til <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-udviklerlon\/\">udviklere<\/a>: nye API&#8217;er, fejlrettelser, ydelsesforbedringer og meget mere. Lad os dykke ned i de mest tiltalende tilf\u00f8jelser.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>En ny HTML API<\/h3>\n<p>WordPress 6.2 introducerer HTML Tag Processor, en <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5-spec-kompatibel parser<\/a>, der giver en sikker m\u00e5de at finde specifikke <a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML-tags<\/a> p\u00e5 og tilf\u00f8je, fjerne eller opdatere attributter via PHP. <strong>HTML Tag Processor<\/strong> er den f\u00f8rste komponent i en <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">ny HTML-behandlings-API<\/a>.<\/p>\n<p>Den nye API g\u00f8r det nemt at udf\u00f8re tidligere komplekse opgaver, som ofte kr\u00e6vede brug af regul\u00e6re udtryk.<\/p>\n<p>I det f\u00f8lgende eksempel tilf\u00f8jer vi blot attributten <code>alt<\/code> til et <code>img<\/code> -tag:<\/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>Denne kode ville give f\u00f8lgende <code>img<\/code> -tag:<\/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> flytter til det n\u00e6ste tilg\u00e6ngelige tag i HTML-koden. Den accepterer ogs\u00e5 et tag-navn, en CSS-klasse eller begge dele for at finde specifikke tags, som vist i eksemplet ovenfor.<\/p>\n<p>Hvis du vil redigere HTML-tags, skal du f\u00f8rst v\u00e6lge m\u00e5ltagget:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>N\u00e5r du har valgt m\u00e5ltagget, kan du bruge API-metoderne til at udf\u00f8re flere 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 indstille en 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 ogs\u00e5 tilf\u00f8je eller fjerne en klasse eller en attribut. I den f\u00f8lgende kode tilf\u00f8jer vi en brugerdefineret klasse til et <code>h1<\/code> tag:<\/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 derefter ekko eller returnere det opdaterede tag ved hj\u00e6lp af metoden <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Hvis du vil se n\u00e6rmere p\u00e5 den nye HTML API, kan du se denne <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\">interaktive PHP-tutorial<\/a> fra <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, WordPress Core committer.<\/p>\n<h3>M\u00f8nstre API og en ny <code>template_types<\/code> Property<\/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> &#8216;et giver <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-workflow\/\">WordPress-udviklere<\/a> mulighed for at &#8220;oprette foruddesignede indholdsblokke, der nemt kan inds\u00e6ttes i indl\u00e6g, sider, brugerdefinerede indl\u00e6gstyper og skabeloner&#8221;.<\/p>\n<p>Med WordPress 6.2 indeholder Patterns API&#8217;et nu en ny <code>template_types<\/code> -egenskab, s\u00e5 du kan angive, hvilke skabeloner et bestemt <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">blokm\u00f8nster<\/a> kan bruges i.<\/p>\n<p>Jorge Costa fremh\u00e6ver, at dette er en <em>opdatering, der kun g\u00e6lder for backend<\/em>, og at der i \u00f8jeblikket ikke er nogen tilsvarende UX-funktionalitet. Vi kan dog forvente at se <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">udviklede implementeringer<\/a> af denne funktion med WordPress 6.3:<\/p>\n<blockquote><p>Den f\u00f8rste anvendelse, som t\u00e6nkes til WordPress 6.3, er at vise brugeren nogle m\u00f8nstre, der giver mening p\u00e5 en skabelon, n\u00e5r brugeren begynder at oprette en skabelon. Brugerne kan starte fra et m\u00f8nster i stedet for &#8220;blank&#8221; eller fallback-skabelonen.<\/p><\/blockquote>\n<p>P\u00e5 den tekniske side er funktionen <code>register_block_pattern()<\/code> blevet \u00e6ndret, s\u00e5 den indeholder en ny parameter <code>template_types<\/code>, som er et array af strenge, der indeholder navnene p\u00e5 de skabeloner, som blokm\u00f8nstret er beregnet til.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/blog\/wordpress-rest-api\/\">REST API<\/a> &#8216;et blev ogs\u00e5 \u00e6ndret til at returnere skabelontyperne for et blokm\u00f8nster, hvis der er defineret mindst \u00e9n.<\/p>\n<h3>React v18.0 og Concurrency Mode<\/h3>\n<p>WordPress 6.2 leverer ogs\u00e5 en ny version af <a href=\"https:\/\/kinsta.com\/dk\/blog\/react-bedste-praksisser\/\">React-biblioteket<\/a>, som nu er opdateret til version 18.0. Den nye version kommer med nye API&#8217;er, funktioner, forbedringer og fejlrettelser. En af de vigtigste funktioner, der kommer med <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a>, er indf\u00f8relsen af concurrency mode, &#8220;en ny mekanisme bag kulisserne, der g\u00f8r det muligt for React at forberede flere versioner af din brugergr\u00e6nseflade p\u00e5 samme tid&#8221;.<\/p>\n<p>Et af de vigtigste kendetegn ved Concurrent Mode i React er, at den kan afbrydes:<\/p>\n<blockquote><p>React garanterer, at brugergr\u00e6nsefladen vil fremst\u00e5 konsistent, selv hvis en rendering afbrydes. For at g\u00f8re dette venter den med at udf\u00f8re DOM-mutationer til slutningen, n\u00e5r hele tr\u00e6et er blevet evalueret. Med denne evne kan React forberede nye sk\u00e6rmbilleder i baggrunden uden at blokere hovedtr\u00e5den. Det betyder, at brugergr\u00e6nsefladen kan reagere straks p\u00e5 brugerinput, selv om den er midt i en stor renderingsopgave, hvilket skaber en flydende brugeroplevelse.<\/p><\/blockquote>\n<p>Den st\u00f8rste fordel er, at brugergr\u00e6nsefladen reagerer p\u00e5 brugerinput med det samme, samtidig med den opgave, den stadig k\u00f8rer i baggrunden.<\/p>\n<p>Konkurrence introducerer dog ogs\u00e5 potentielle faldgruber, som udviklere b\u00f8r v\u00e6re opm\u00e6rksomme p\u00e5. Du kan f\u00e5 en mere dybdeg\u00e5ende oversigt over Concurrent Mode i React i WordPress 6.2 ved at se eksemplerne 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-noten<\/a>.<\/p>\n<h3>Yderligere \u00e6ndringer for udviklere<\/h3>\n<p>Andre bem\u00e6rkelsesv\u00e6rdige \u00e6ndringer, som udviklere b\u00f8r v\u00e6re opm\u00e6rksomme p\u00e5, omfatter f\u00f8lgende:<\/p>\n<ul>\n<li>WordPress 6.2 introducerer et nyt <a href=\"https:\/\/kinsta.com\/dk\/blog\/javascript-designmoenstre\/\">JavaScript<\/a>-filter, der kan bruges til at filtrere blokindstillinger, f\u00f8r editoren gengives p\u00e5 sk\u00e6rmen. Det nye <code>blockEditor.useSetting.before<\/code> -filter giver ogs\u00e5 udviklere mulighed for at \u00e6ndre indstillinger baseret p\u00e5 blokplacering, den aktuelle brugerrolle, naboblokke og meget mere. Du kan finde yderligere oplysninger og eksempler p\u00e5 brug i <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tilpas indstillinger for enhver blok i WordPress 6.2<\/a> for yderligere oplysninger og eksempler p\u00e5 brug.<\/li>\n<li>Der <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">er indf\u00f8rt<\/a> en ny <code>skipBlockSupportAttributes<\/code> -prop for at udelukke attributter og stilarter relateret til blokunderst\u00f8ttelse i <code>ServerSideRender<\/code> -komponenten.<\/li>\n<li>En ny <strong>theme.json<\/strong> API g\u00f8r det nu muligt at <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\">style eksisterende variationer af kerneblokke<\/a> fra <strong>theme.json<\/strong>.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/dk\/blog\/bedst-google-fonts\/\">Google Fonts<\/a> er nu <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">inkluderet lokalt<\/a> og ikke hentet fra Google-adresser i bundlede temaer fra Twenty Twelve til Twenty Seventeen.<\/li>\n<\/ul>\n<p>Men det er ikke det hele. WordPress 6.2 introducerer mange funktioner, forbedringer og fejlrettelser, som vi ikke har n\u00e6vnt her for korthedens skyld. Du kan f\u00e5 en mere omfattende oversigt ved at l\u00e6se <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 Field Guide<\/a>.<\/p>\n<h2>Resum\u00e9<\/h2>\n<p>WordPress 6.2 bringer os t\u00e6ttere p\u00e5 afslutningen af fase 2 af Gutenberg-projektet ved navn Customization. Men som <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\">Matias Ventura p\u00e5peger<\/a>, betyder det ikke, at arbejdet med tilpasningen er afsluttet og i fremtidige versioner. Som altid kan vi forvente yderligere forbedringer af editoren baseret p\u00e5 feedback fra f\u00e6llesskabet.<\/p>\n\n<p>I dette indl\u00e6g har vi udforsket nogle af de vigtigste funktioner, forbedringer og fejlrettelser, der kommer med WordPress 6.2. Men der er meget mere i 6.2. Med ti versioner af <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\">Gutenberg-plugin<\/a> &#8216;et i kernen &#8211; fra 14.2 til 15.1 &#8211; kommer vi til at se en ny Browse Mode, en Tabbed Block Inspector, migrering af Widgets til Block Themes, nye API&#8217;er og tonsvis af forbedringer og fejlrettelser. Og der vil ogs\u00e5 v\u00e6re forbedringer af <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">tilg\u00e6ngelighed<\/a> og <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>Og hvis du elsker WordPress og \u00f8nsker at <a href=\"https:\/\/kinsta.com\/blog\/learn-wordpress\/\">erhverve nye WordPress-udviklingsf\u00e6rdigheder<\/a> eller <a href=\"https:\/\/kinsta.com\/blog\/wordpress-contributor\/\">teste og yde bidrag til CMS&#8217;et<\/a>, skal du s\u00f8rge for at tage <a href=\"https:\/\/kinsta.com\/dk\/devkinsta\/\">DevKinsta<\/a>, Kinstas helt gratis lokale WordPress-udviklingspakke, p\u00e5 en pr\u00f8vetur.<\/p>\n<p>Nu er det op til dig: Har du allerede testet den nye version i dit <a href=\"https:\/\/kinsta.com\/dk\/devkinsta\/\">udviklingsmilj\u00f8<\/a>? Hvilke funktioner kan du bedst lide i WordPress 6.2? Del dine tanker i kommentarfeltet nedenfor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 &#8220;Dolphy&#8221; er blevet frigivet, og det er tid til at udforske, hvad der er nyt i den f\u00f8rste version af 2023. Med WordPress 6.2 &#8230;<\/p>\n","protected":false},"author":36,"featured_media":49849,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[766],"class_list":["post-49848","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-wordpress-opdateringer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hvad er nyt i WordPress 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#039;er og meget mere\" \/>\n<meta property=\"og:description\" content=\"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-30T19:09:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T09:22:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/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=\"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#8217;er og meget mere\",\"datePublished\":\"2023-03-30T19:09:56+00:00\",\"dateModified\":\"2023-08-24T09:22:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\"},\"wordCount\":4802,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\",\"name\":\"Hvad er nyt i WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:09:56+00:00\",\"dateModified\":\"2023-08-24T09:22:30+00:00\",\"description\":\"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress opdateringer\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-opdateringer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#8217;er og meget mere\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hvad er nyt i WordPress 6.2 - Kinsta\u00ae","description":"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/","og_locale":"da_DK","og_type":"article","og_title":"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API'er og meget mere","og_description":"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!","og_url":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2023-03-30T19:09:56+00:00","article_modified_time":"2023-08-24T09:22:30+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Carlo Daniele","Estimeret l\u00e6setid":"28 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#8217;er og meget mere","datePublished":"2023-03-30T19:09:56+00:00","dateModified":"2023-08-24T09:22:30+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/"},"wordCount":4802,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/","name":"Hvad er nyt i WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:09:56+00:00","dateModified":"2023-08-24T09:22:30+00:00","description":"Tjek vores dybdeg\u00e5ende oversigt over WordPress 6.2 med gennemsetilstand, style book, navigationsmenuer og masser af flere forbedringer!","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/wordpress-6-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress opdateringer","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-opdateringer\/"},{"@type":"ListItem","position":3,"name":"Nyheder i WordPress 6.2: Browse Mode, Style Book, forbedrede navigationsmenuer, nye API&#8217;er og meget mere"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/dk\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=49848"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49848\/revisions"}],"predecessor-version":[{"id":49976,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49848\/revisions\/49976"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/translations\/dk"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49848\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/49849"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=49848"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=49848"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=49848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}