{"id":29082,"date":"2018-08-17T05:46:10","date_gmt":"2018-08-17T04:46:10","guid":{"rendered":"https:\/\/kinsta.com\/?p=11648"},"modified":"2023-11-07T07:56:33","modified_gmt":"2023-11-07T06:56:33","slug":"gutenberg-wordpress-editor","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/","title":{"rendered":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor"},"content":{"rendered":"<p>Da WordPress block editor eller Gutenberg blev <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-0\/\">lanceret i december 2018<\/a>, vidste vi ikke, hvad vi kunne forvente. Selvf\u00f8lgelig havde vi haft masser af tid til at lege med dens betaversion, men vi kunne ikke forudsige, hvor problemfrit den faktiske lancering ville g\u00e5, eller hvor ivrige brugere og udviklere ville omfavne den nye editor.<\/p>\n<p>Vi har set Gutenberg-redakt\u00f8ren gennemg\u00e5 en enorm v\u00e6kst i de to plus \u00e5r, siden vi f\u00f8rste gang udgav dette indl\u00e6g. Det er flyttet fra en minimum levedygtig produktlancering (MVP) til et mere modent projekt, der kommer t\u00e6ttere p\u00e5 m\u00e5let om at skabe en samlet <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#full-site-editing-features-in-wordpress-58\">Full Site Editing<\/a>-oplevelse for WordPress.<\/p>\n<p>For at redeg\u00f8re for disse \u00e6ndringer har vi genbes\u00f8gt Gutenberg -redakt\u00f8ren for at tage dig gennem sit nye ansigt, herunder hvor det snart skal hen.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Hvad er Gutenberg Block Editor?<\/h2>\n<p>Gutenberg, alternativt kendt som &#8220;WordPress block editor&#8221; eller bare &#8220;WordPress editor&#8221;, er WordPress indholds editor, der blev introduceret i <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-0\/\">WordPress 5.0<\/a>, udgivet den 6. december 2018.<\/p>\n<p>Hvis du ikke har h\u00f8rt dette udtryk, er det standardeditoren, som alle WordPress-websteder bruger, medmindre du specifikt har deaktiveret det. Det ligner s\u00e5dan noget:<\/p>\n<figure id=\"attachment_100519\" aria-describedby=\"caption-attachment-100519\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100519 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/block-editor-interface-1024x880.png\" alt=\"Gutenberg WordPress editor\" width=\"1024\" height=\"880\"><figcaption id=\"caption-attachment-100519\" class=\"wp-caption-text\">Gutenberg WordPress editor<\/figcaption><\/figure>\n<p>Den store forskel mellem Gutenberg WordPress-editoren og den tidligere WordPress-editor (nu kaldet den &#8220;klassiske editor&#8221; eller &#8220;TinyMCE-editor&#8221;) er en ny blokbaseret tilgang til oprettelse af indhold.<\/p>\n<p>Med Gutenberg er hvert element i dit indhold en blok, som muligg\u00f8r nem manipulation af indhold. Hvert afsnit er en blok, hvert billede er en blok, hver knap er en blok &#8211; du forst\u00e5r det!<\/p>\n<p>Tredjepartsudviklere kan ogs\u00e5 oprette brugerdefinerede blocks, hvilket hj\u00e6lper med at afslutte WordPress&#8217;s aff\u00e6re med genveje. Lad os sige, at du vil <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-kontaktformular-plugins\/\">integrere en kontaktformular<\/a>. I stedet for at skulle tilf\u00f8je en <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-shortcoder\/\">shortcode<\/a> (f.eks. &#8216;[your-form-shortcode]]&#8217;) som du gjorde tidligere, kan du nu bare l\u00e6gge din form-plugins blok i.<\/p>\n<p>Udover det kan du ogs\u00e5 bruge blocks til at oprette mere komplekse layout, f.eks. ops\u00e6tning af et flerkolonnedesign eller gruppering af blocks til at oprette et sammenh\u00e6ngende afsnit.<\/p>\n<p>N\u00e5r vi graver mere ind i at vise dig, hvordan du bruger blokeditoren, f\u00e5r du en bedre id\u00e9 om, hvordan du kan bruge blocks til at forbedre, hvordan du opretter indhold.<\/p>\n\n<h3>Gutenberg er ikke bare en content editor<\/h3>\n<p>En vigtig ting at forst\u00e5 er, at Gutenberg-projektet sigter mod at v\u00e6re mere end bare en content editor.<\/p>\n<p>I juli 2021 er Gutenberg stadig kun en indholdsredakt\u00f8r (for det meste). Men det langsigtede m\u00e5l for Gutenberg er at flytte det mod noget, der hedder <strong>Full Site Editing<\/strong>.<\/p>\n<p>Ideen med Full Site Editing er, at du kan designe 100% af dit websted ved hj\u00e6lp af Gutenberg-editoren. For eksempel vil du i stedet for at v\u00e6re begr\u00e6nset til mulighederne ved headers, der f\u00f8lger med dit <a href=\"https:\/\/kinsta.com\/blog\/how-to-customize-wordpress-theme\/\">WordPress-tema<\/a>, bruge Gutenberg til at designe brugerdefinerede overskrifter ved hj\u00e6lp af blokeditoren.<\/p>\n<p>Denne type funktionalitet er ikke tilg\u00e6ngelig <em>endnu<\/em>, men den er p\u00e5 vej, og vi har nogle &#8220;proof of concept&#8221; -projekter, som vi giver dig et kig p\u00e5 i slutningen af \u200b\u200bdette indl\u00e6g.<\/p>\n<h2>Fordele og ulemper ved Gutenberg vs popul\u00e6re alternativer<\/h2>\n<p>Nu hvor vi har v\u00e6ret i stand til at bruge WordPress -block editor i over to \u00e5r, har vi en god id\u00e9 om nogle af fordele og ulemper ved Gutenberg vs andre l\u00f8sninger.<\/p>\n<p>Der er to hovedalternativer, du har til <a href=\"https:\/\/kinsta.com\/blog\/evergreen-content\/\">oprettelse af indhold<\/a> p\u00e5 WordPress:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/blog\/wordpress-tinymce-editor\/\">WordPress TinyMCE -editor:<\/a> Dette er den klassiske editor, som WordPress brugte f\u00f8r WordPress 5.0.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/\">Page builder plugins<\/a>: Disse er tredjeparts-plugins, der tilf\u00f8jer visuelt, drag n drop design til WordPress.<\/li>\n<\/ul>\n<p>Generelt tilbyder den klassiske TinyMCE-editor en mere for\u00e6ldet tekstbehandlingslignende oplevelse, mens sidebyggere giver en langt mere fleksibel visuel, drag n drop designoplevelse.<\/p>\n<p>Hvis vi bestilte alle tre redakt\u00f8rer baseret p\u00e5 deres designfleksibilitet, ville det g\u00e5 s\u00e5dan her:<\/p>\n<p><strong>Klassisk TinyMCE -editor (mindst fleksibel) &lt;Gutenberg &lt;Sidebyggere (mest fleksible)<\/strong><\/p>\n<p>Lad os nu tale om nogle af fordele og ulemper ved Gutenberg -block editor vs alternativer.<\/p>\n<h3>Gutenberg vs Classic Editor: Fordele og ulemper<\/h3>\n<p>Lad os f\u00f8rst sammenligne Gutenberg vs den klassiske TinyMCE -editor.<\/p>\n<p><strong>Fordele<\/strong>:<\/p>\n<ul>\n<li>Gutenberg tilbyder en mere visuel designbaggrund<\/li>\n<li>Du beh\u00f8ver ikke at bruge genveje til at integrere indhold &#8211; du f\u00e5r et samlet bloksystem<\/li>\n<\/ul>\n<p><strong>Ulemper<\/strong>:<\/p>\n<ul>\n<li>Nogle mennesker synes at skrive i Gutenberg er lidt uh\u00e5ndterligt, fordi hvert afsnit er en separat blok. For lange indl\u00e6g kan det v\u00e6re sv\u00e6rt at manipulere tekst. Du foretr\u00e6kker m\u00e5ske at skrive i en anden editor og inds\u00e6tte teksten i Gutenberg, n\u00e5r du er f\u00e6rdig.<\/li>\n<li>Selvom Gutenbergs ydeevne er forbedret betydeligt, kan det stadig halte p\u00e5 massive indl\u00e6g, hvilket er mindre tilb\u00f8jeligt til at ske med den klassiske editor.<\/li>\n<\/ul>\n<p>Hvis du synes, at den klassiske TinyMCE -editor passer bedre til dine behov, kan du <a href=\"https:\/\/kinsta.com\/dk\/blog\/deaktiveres-gutenberg-wordpress-editor\/\">deaktivere Gutenberg editoren<\/a> helt.<\/p>\n<h3>Gutenberg vs Page Builders: Fordele og ulemper<\/h3>\n<p>Lad os nu se p\u00e5, hvordan Gutenberg stabler op mod tredjeparts sidebygger-plugins.<\/p>\n<p><strong>Fordele<\/strong>:<\/p>\n<ul>\n<li>Gutenberg er en kernefunktion, hvilket betyder, at du ikke skal bekymre dig om kompatibilitetsproblemer.<\/li>\n<li>Fordi det er en kernefunktion, kan alle udviklere bygge Gutenberg-support ind i deres plugins, hvilket forbedrer kompatibiliteten.<\/li>\n<li>Gutenberg sender renere, mere let kode. Alt det samme vil et design, der er bygget med Gutenberg, normalt indl\u00e6se hurtigere end det samme design, der er lavet med en sidebygger.<\/li>\n<\/ul>\n<p><strong>Ulemper<\/strong>:<\/p>\n<ul>\n<li>Gutenberg tilbyder ikke korrekt visuel redigering som en sidebygger. Det er mere tilg\u00e6ngeligt end den klassiske editor, men stadig ikke 100% problemfrit som en sidebygger.<\/li>\n<li>Sidebyggere giver dig stadig mere fleksible design- og layoutmuligheder.<\/li>\n<li>De fleste sidebyggere tilbyder meget mere flydende og fleksibel drag n drop bev\u00e6gelse.<\/li>\n<\/ul>\n<h3>Tanker om sammenligningen<\/h3>\n<p>For st\u00f8rstedelen af \u200b\u200bbrugerne rammer Gutenberg det s\u00f8de sted med hensyn til fleksibilitet.<\/p>\n<p>De fleste mennesker beh\u00f8ver ikke fleksibiliteten i en <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/\">sidebygger<\/a> til deres indhold, is\u00e6r til blogindl\u00e6g. Men samtidig er det rart hurtigt at oprette et flerkolonne-design eller inds\u00e6tte en knap, som den klassiske editor ikke g\u00f8r let.<\/p>\n<p>S\u00e5 med det i tankerne, lad os komme ind p\u00e5, hvordan du kan begynde at bruge Gutenberg.<\/p>\n<h2>S\u00e5dan bruges Gutenberg WordPress Block Editor<\/h2>\n<p>Nu hvor du ved lidt om Gutenberg -block editor, lad os grave i, hvordan du kan bruge det til at begynde at skabe indhold.<\/p>\n<p>Vi starter med et indledende kig p\u00e5 gr\u00e6nsefladen og udvikler gradvist mere avancerede m\u00e5der at bruge editoren og forbedre dine arbejdsgange.<\/p>\n<h3>Gutenberg Block Editor gr\u00e6nsefladen<\/h3>\n<p>N\u00e5r du \u00e5bner editoren, vil den skjule WordPress dashboard sidebj\u00e6lke og give dig en fuldsk\u00e6rmsoplevelse:<\/p>\n<figure id=\"attachment_100519\" aria-describedby=\"caption-attachment-100519\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100519 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/block-editor-interface-1024x880.png\" alt=\"Gutenberg WordPress block editor\" width=\"1024\" height=\"880\"><figcaption id=\"caption-attachment-100519\" class=\"wp-caption-text\">Gutenberg WordPress block editor<\/figcaption><\/figure>\n<p>Der er tre hoveddele til denne editor:<\/p>\n<ul>\n<li><strong>Indhold<\/strong>: Dit indhold fylder det meste af sk\u00e6rmen. Du kan se en visuel forh\u00e5ndsvisning af, hvordan det vil se ud p\u00e5 forsiden af \u200b\u200bdit websted. Det er ikke 100% pr\u00e6cist, men du b\u00f8r have en ret god id\u00e9 om det endelige design.<\/li>\n<li><strong>\u00d8verste v\u00e6rkt\u00f8jslinje<\/strong>: V\u00e6rkt\u00f8jslinjen \u00f8verst hj\u00e6lper dig med at inds\u00e6tte nye blocks, fortryde\/gentage og f\u00e5 adgang til andre vitale indstillinger<\/li>\n<li><strong>Sidebar<\/strong>: Sidebar indeholder to faner. Fanen <strong>Post<\/strong> g\u00f8r det muligt at konfigurere indstillinger p\u00e5 postniveau, f.eks. dets kategorier, tags, <a href=\"https:\/\/kinsta.com\/blog\/wordpress-featured-image-not-showing\/\">fremh\u00e6vede billeder<\/a> Fanen <strong>Block<\/strong> viser indstillingerne for den blok, du har valgt-mere om dette senere.<\/li>\n<\/ul>\n<p>For at skabe en mere fordybende skriveoplevelse kan du skjule sidebj\u00e6lken ved at klikke p\u00e5 ikonet &#8220;tandhjul&#8221; i \u00f8verste h\u00f8jre hj\u00f8rne. For at bringe sidebj\u00e6lken tilbage skal du blot klikke p\u00e5 ikonet &#8220;gear&#8221; igen:<\/p>\n<figure id=\"attachment_100496\" aria-describedby=\"caption-attachment-100496\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100496 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/hide-sidebar-1024x665.png\" alt=\"Ved at klikke p\u00e5 ikonet \"gear\" vises\/skjules sidebar\" width=\"1024\" height=\"665\"><figcaption id=\"caption-attachment-100496\" class=\"wp-caption-text\">Ved at klikke p\u00e5 ikonet &#8220;gear&#8221; vises\/skjules sidebar<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Din editor kan se lidt anderledes ud, fordi temaudviklere har mulighed for at tilf\u00f8je deres stilarter til editoren for at skabe en mere visuel oplevelse. Afh\u00e6ngigt af dit tema kan du muligvis se <a href=\"https:\/\/kinsta.com\/blog\/wordpress-fonts\/\">forskellige skrifttyper<\/a> eller farver.<\/p>\n<\/aside>\n\n<p>S\u00e5dan ser editorgr\u00e6nsefladen f.eks. ud, hvis du bruger det nye <a href=\"https:\/\/kinsta.com\/blog\/twenty-twenty-one-theme\/\">standardtema Twenty Twenty-One<\/a>:<\/p>\n<figure id=\"attachment_100518\" aria-describedby=\"caption-attachment-100518\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100518 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/basic-tutorial-3-interface-themed-1024x686.png\" alt=\"Et eksempel p\u00e5 Twenty Twenty-One-temaet, der anvender dets stilarter til blokeditoren\" width=\"1024\" height=\"686\"><figcaption id=\"caption-attachment-100518\" class=\"wp-caption-text\">Et eksempel p\u00e5 Twenty Twenty-One-temaet, der anvender dets stilarter til blokeditoren<\/figcaption><\/figure>\n<h3>Tilf\u00f8jelse af blocks<\/h3>\n<p>Hvis du vil tilf\u00f8je almindelig afsnitstekst til dit indl\u00e6g, kan du bare klikke og skrive. Hver gang du trykker p\u00e5 enter, opretter editoren automatisk en ny paragraph block.<\/p>\n<p>For andre typer indhold skal du inds\u00e6tte en ny blok. Du bruger blocks til billeder, knapper, <a href=\"https:\/\/kinsta.com\/blog\/embed-youtube-video-wordpress\/\">videoindlejringer<\/a> osv.<\/p>\n<p>For at tilf\u00f8je en ny blok kan du klikke p\u00e5 et af &#8220;plus&#8221;-ikonerne i gr\u00e6nsefladen. Det er main block inserter ikonet i \u00f8verste venstre hj\u00f8rne, men du vil ogs\u00e5 se andre ikoner inde i gr\u00e6nsefladen, der \u00e5bner en mindre block inserter interface:<\/p>\n<figure id=\"attachment_100497\" aria-describedby=\"caption-attachment-100497\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100497 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/insert-block-options-1024x785.png\" alt=\"\"Plus\" -ikonerne lader dig inds\u00e6tte en ny blok\" width=\"1024\" height=\"785\"><figcaption id=\"caption-attachment-100497\" class=\"wp-caption-text\">&#8220;Plus&#8221; -ikonerne lader dig inds\u00e6tte en ny blok<\/figcaption><\/figure>\n<p>For at begynde skal du placere musemark\u00f8ren, hvor du vil inds\u00e6tte den nye blok. For eksempel at tilf\u00f8je en ny blok under knappen, kan du klikke under knappen og derefter klikke p\u00e5 ikonet +.<\/p>\n<p>Du b\u00f8r se et sidepanel, der viser alle de tilg\u00e6ngelige blocks, opdelt i forskellige kategorier. Du kan enten s\u00f8ge efter en bestemt blok eller bare v\u00e6lge en mulighed p\u00e5 listen. N\u00e5r du sv\u00e6ver over en blok, ser du en beskrivelse af, hvad den g\u00f8r, og et eksempel.<\/p>\n<p>For at inds\u00e6tte block skal du bare klikke p\u00e5 den. For eksempel, for at inds\u00e6tte et almindeligt <a href=\"https:\/\/kinsta.com\/dk\/blog\/optimeres-billeder-til-web\/\">billede<\/a>, ville du bare klikke p\u00e5 billed block:<\/p>\n<figure id=\"attachment_100503\" aria-describedby=\"caption-attachment-100503\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100503 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/main-block-inserter-1024x849.png\" alt=\"Klik p\u00e5 den bloktype, du vil inds\u00e6tte\" width=\"1024\" height=\"849\"><figcaption id=\"caption-attachment-100503\" class=\"wp-caption-text\">Klik p\u00e5 den bloktype, du vil inds\u00e6tte<\/figcaption><\/figure>\n<p>Du kan derefter f\u00f8lge vejledningen for at uploade eller v\u00e6lge et eksisterende billede fra dit <a href=\"https:\/\/kinsta.com\/blog\/wordpress-media-library\/\">mediebibliotek<\/a>.<\/p>\n<h3>V\u00e6sentlige formateringsindstillinger<\/h3>\n<p>For at foretage grundl\u00e6ggende formateringsvalg for dine blocks f\u00e5r du en flydende v\u00e6rkt\u00f8jslinje, der vises, n\u00e5r du klikker p\u00e5 en hvilken som helst blok.<\/p>\n<p>Hvis du formaterer almindelig tekst, kan du her:<\/p>\n<ul>\n<li>Tilf\u00f8j fed eller kursiv<\/li>\n<li>Inds\u00e6t links<\/li>\n<li>Skift justeringer<\/li>\n<li>Tilf\u00f8j formatering, f.eks. Inline-kode, gennemstregning og abonnement<\/li>\n<\/ul>\n<figure id=\"attachment_100528\" aria-describedby=\"caption-attachment-100528\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100528 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/floating-formatting-toolbar-1024x650.png\" alt=\"Den flydende v\u00e6rkt\u00f8jslinje lader dig foretage grundl\u00e6ggende formateringsvalg\" width=\"1024\" height=\"650\"><figcaption id=\"caption-attachment-100528\" class=\"wp-caption-text\">Den flydende v\u00e6rkt\u00f8jslinje lader dig foretage grundl\u00e6ggende formateringsvalg<\/figcaption><\/figure>\n<p>Lad os f.eks. antage, at du vil inds\u00e6tte et link i dit indhold. Du ville f\u00f8rst v\u00e6lge den specifikke tekst, du vil linke til &#8211; i vores eksempel er det &#8220;Til andre typer indhold&#8221;. Derefter kan du klikke p\u00e5 linkikonet p\u00e5 v\u00e6rkt\u00f8jslinjen for at \u00e5bne mulighederne for inds\u00e6tning af link:<\/p>\n<figure id=\"attachment_100500\" aria-describedby=\"caption-attachment-100500\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100500 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/insert-link-1024x608.png\" alt=\"Inds\u00e6tter et link i Gutenberg WordPress block editor\" width=\"1024\" height=\"608\"><figcaption id=\"caption-attachment-100500\" class=\"wp-caption-text\">Inds\u00e6tter et link i Gutenberg WordPress block editor<\/figcaption><\/figure>\n<h3>Konfiguration af avancerede blokindstillinger<\/h3>\n<p>Alle de blocks, du inds\u00e6tter, kommer med yderligere indstillinger i sidebj\u00e6lken. Nogle blocks kan give dig et par indstillinger, mens andre giver dig flere muligheder for at styre <a href=\"https:\/\/kinsta.com\/dk\/blog\/webdesigns-bedste-praksis\/\">design<\/a>, layout, funktionalitet osv.<\/p>\n<p>For at \u00e5bne en bloks indstillinger skal du klikke p\u00e5 block i editoren for at v\u00e6lge den. G\u00e5 derefter til fanen <strong>Bloker<\/strong> i sidebar for at se dens indstillinger.<\/p>\n<p>Nedenfor kan du se indstillingerne for knapblock, som er en af \u200b\u200bde mere fleksible blocks. Du kan \u00e6ndre farven, g\u00f8re den bredere og meget mere.<\/p>\n<p>N\u00e5r du foretager \u00e6ndringer i en blokindstillinger, ser du \u00f8jeblikkeligt disse \u00e6ndringer afspejlet i editoren.<\/p>\n<figure id=\"attachment_100521\" aria-describedby=\"caption-attachment-100521\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100521 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/block-settings-button-1024x982.png\" alt=\" Du kan f\u00e5 adgang til en bloks indstillinger i sidebj\u00e6lken\" width=\"1024\" height=\"982\"><figcaption id=\"caption-attachment-100521\" class=\"wp-caption-text\">Du kan f\u00e5 adgang til en bloks indstillinger i sidebj\u00e6lken<\/figcaption><\/figure>\n<p>Igen vil hver blok have indstillinger, der er unikke for den blok. For eksempel, hvis du \u00e5bner indstillingerne for almindelig afsnitstekst, f\u00e5r du bare nogle grundl\u00e6ggende <a href=\"https:\/\/kinsta.com\/dk\/blog\/modere-fonte\/\">typografi<\/a> og farveindstillinger. Nedenfor kan du se, at vi var i stand til at anvende en farvebaggrund for at fremh\u00e6ve noget tekst:<\/p>\n<figure id=\"attachment_100507\" aria-describedby=\"caption-attachment-100507\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100507 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/paragraph-text-settings-1024x877.png\" alt=\"Blokindstillingerne for en almindelig paragraph text\" width=\"1024\" height=\"877\"><figcaption id=\"caption-attachment-100507\" class=\"wp-caption-text\">Blokindstillingerne for en almindelig paragraph text<\/figcaption><\/figure>\n<h3>Omarrangere blocks<\/h3>\n<p>Ud over at bare bruge kopier og inds\u00e6t (som du kan g\u00f8re for tekst ligesom enhver anden editor), giver Gutenberg dig to hovedm\u00e5der til at omarrangere blocks.<\/p>\n<p>For det f\u00f8rste, hvis du vil flytte en blok op eller ned et par positioner, kan du bruge pilene op eller ned p\u00e5 den flydende v\u00e6rkt\u00f8jslinje.<\/p>\n<p>Ved omfattende tr\u00e6k kan du bruge drag n drop. For at tr\u00e6kke og slippe en blok skal du klikke p\u00e5 ikonet &#8220;seks prikker&#8221; til venstre i pilene.<\/p>\n<p>N\u00e5r du klikker og holder musen p\u00e5 ikonet, kan du tr\u00e6kke block et vilk\u00e5rligt sted p\u00e5 siden:<\/p>\n<figure id=\"attachment_100511\" aria-describedby=\"caption-attachment-100511\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100511 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/rearrange-blocks-1024x622.png\" alt=\"Du kan omarrangere blocks ved hj\u00e6lp af pilene eller drag n drop\" width=\"1024\" height=\"622\"><figcaption id=\"caption-attachment-100511\" class=\"wp-caption-text\">Du kan omarrangere blocks ved hj\u00e6lp af pilene eller drag n drop<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Kopiering og inds\u00e6tning kan v\u00e6re vanskelig for indhold uden tekst. Lidt senere i dette indl\u00e6g viser vi dig, hvordan du kan kopiere og inds\u00e6tte hele blocks og samtidig bevare deres stilarter.<\/p>\n<\/aside>\n\n<h3>Indlejring af indhold fra andre kilder<\/h3>\n<p>Gutenberg kommer med dedikerede blocks til at integrere indhold fra tredjepartskilder som f.eks. YouTube, Vimeo, Soundcloud osv. Du kan finde alle disse muligheder i <strong>Embeds<\/strong>-sektionen i blokinds\u00e6ttelsen.<\/p>\n<p>For eksempel, for at <a href=\"https:\/\/kinsta.com\/blog\/embed-youtube-video-wordpress\/\">integrere en YouTube-video<\/a>, skal du blot g\u00f8re:<\/p>\n<ol>\n<li>Tilf\u00f8j den dedikerede YouTube-blok.<\/li>\n<li>Inds\u00e6t den direkte URL til videoen.<\/li>\n<li>Klik p\u00e5 <strong>embed<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_100527\" aria-describedby=\"caption-attachment-100527\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100527 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/embed-youtube-video-1024x821.png\" alt=\"Embed af en YouTube-video i Gutenberg\" width=\"1024\" height=\"821\"><figcaption id=\"caption-attachment-100527\" class=\"wp-caption-text\">Embed af en YouTube-video i Gutenberg<\/figcaption><\/figure>\n<p>Du b\u00f8r derefter se et eksempel p\u00e5 den indlejrede video i editoren.<\/p>\n<h3>Oprettelse af multi-kolonne eller grupperede layout<\/h3>\n<p>Som vi n\u00e6vnte tidligere, er en af \u200b\u200bde v\u00e6sentlige fordele ved blokeditoren i forhold til den \u00e6ldre TinyMCE-editor, at du kan oprette mere komplekse layout uden at skulle stole p\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/blog\/redigeres-wordpress-kode\/#css\">tilpasset kode<\/a> eller shortcodes.<\/p>\n<p>Block editor leveres med to standardblocks til at hj\u00e6lpe dig med at g\u00f8re dette:<\/p>\n<ul>\n<li><strong>Kolonner<\/strong>: Opret et layout med flere kolonner.<\/li>\n<li><strong>Grupper<\/strong>: Grupp\u00e9r flere blocks. For eksempel kan du bruge dette til at angive en baggrundsfarve for et helt afsnit, der vises bag adskillige blocks.<\/li>\n<\/ul>\n<p>Begge disse blocks arbejder efter princippet om &#8220;indlejring&#8221; af blocks, hvilket betyder, at du vil l\u00e6gge en eller flere blocks <em>inde<\/em> i en anden blok.<\/p>\n<p>Vi viser dig et eksempel ved hj\u00e6lp af kolonneblock, men det samme grundl\u00e6ggende princip g\u00e6lder for gruppeblock.<\/p>\n<p>Lad os sige, at du vil oprette et layout med to kolonner, hvor kolonnen til venstre har en almindelig afsnitstekst, og kolonnen til h\u00f8jre har en knap.<\/p>\n<p>For at komme i gang ville du bruge blokindf\u00f8reren til at tilf\u00f8je collum block. Det viser en prompt, hvor du kan v\u00e6lge dit foretrukne layout:<\/p>\n<figure id=\"attachment_100523\" aria-describedby=\"caption-attachment-100523\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100523 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/choose-columns-layout-1024x631.png\" alt=\"V\u00e6lg kolonnestruktur og -forhold\" width=\"1024\" height=\"631\"><figcaption id=\"caption-attachment-100523\" class=\"wp-caption-text\">V\u00e6lg kolonnestruktur og -forhold<\/figcaption><\/figure>\n<p>Vi v\u00e6lger et to-kolonne 50\/50 layout til dette eksempel. Med det ser du to kasser af lige st\u00f8rrelse med <strong>+<\/strong> ikoner indeni. For at inds\u00e6tte indhold kan du klikke p\u00e5 det <strong>+<\/strong> -ikon for at \u00e5bne gr\u00e6nsefladen til blokindf\u00f8ringsenheden:<\/p>\n<figure id=\"attachment_100498\" aria-describedby=\"caption-attachment-100498\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100498 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/insert-content-in-columns-1024x685.png\" alt=\"S\u00e5dan tilf\u00f8jes indhold til kolonnerne\" width=\"1024\" height=\"685\"><figcaption id=\"caption-attachment-100498\" class=\"wp-caption-text\">S\u00e5dan tilf\u00f8jes indhold til kolonnerne<\/figcaption><\/figure>\n<p>N\u00e5r du har f\u00f8jet den f\u00f8rste blok til en kolonne, kan du trykke p\u00e5 ikonet + for at inds\u00e6tte yderligere blocks. Eller du kan tr\u00e6kke og slippe en blok uden for kolonnestrukturen ind i kolonnen.<\/p>\n<h2>10 Nyttige Gutenberg -tip til at arbejde mere produktivt<\/h2>\n<p>Nu hvor du har en grundl\u00e6ggende forst\u00e5else for, hvordan Gutenberg fungerer, lad os g\u00e5 over nogle v\u00e6rdifulde tips og tricks, der hj\u00e6lper dig med at bruge blokeditoren mere effektivt.<\/p>\n<h3>1. Brug <code>\/<\/code> (Fremad skr\u00e5streg) til hurtig inds\u00e6ttelse af blocks<\/h3>\n<p>Hvis du har brug for at inds\u00e6tte mange blocks, kan det blive lidt kedeligt at \u00e5bne blokinds\u00e6tteren manuelt. Heldigvis, n\u00e5r du f\u00f8rst begynder at l\u00e6re navnene p\u00e5 de almindelige blocks, du skal bruge, er der en meget hurtigere m\u00e5de at inds\u00e6tte blocks p\u00e5 kun dit tastatur &#8211; <code>\/<\/code> (skr\u00e5streg).<\/p>\n<p>Hvis du trykker p\u00e5 &#8220;Enter&#8221; for at starte en ny paragraph block, kan du hurtigt inds\u00e6tte en blok ved at skrive en skr\u00e5streg efterfulgt af navnet p\u00e5 den blok, du vil inds\u00e6tte.<\/p>\n<p>N\u00e5r du begynder at skrive, vil du se en liste over alle de blocks, der matcher din foresp\u00f8rgsel. Du kan derefter bruge dine tastaturpile til at navigere i blocks og trykke p\u00e5 &#8220;Enter&#8221; for at v\u00e6lge den blok, du vil inds\u00e6tte.<\/p>\n<p>Her er et eksempel p\u00e5, hvordan du bruger quick-insert til at tilf\u00f8je en billede blok:<\/p>\n<figure id=\"attachment_100510\" aria-describedby=\"caption-attachment-100510\" style=\"width: 1760px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100510 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/quick-insert-block.gif\" alt=\"S\u00e5dan bruges skr\u00e5stregen til hurtigt at inds\u00e6tte blocks\" width=\"1760\" height=\"1205\"><figcaption id=\"caption-attachment-100510\" class=\"wp-caption-text\">S\u00e5dan bruges skr\u00e5stregen til hurtigt at inds\u00e6tte blocks<\/figcaption><\/figure>\n<h3>2. Inds\u00e6t billeder ved at tr\u00e6kke dem fra dit skrivebord<\/h3>\n<p>Hvis du inds\u00e6tter mange billeder, indeholder blokeditoren en anden tidsbesparende funktion, der lader dig fjerne behovet for at tilf\u00f8je en billedblok, f\u00f8r du <a href=\"https:\/\/kinsta.com\/dk\/blog\/masse-upload-filer-wordpress-media-library-ftp\/\">uploader et billede<\/a>.<\/p>\n<p>I stedet kan du bare tr\u00e6kke billedfilen direkte fra dit skrivebord til det sted, hvor du vil tilf\u00f8je den til dit indl\u00e6g. N\u00e5r du tr\u00e6kker billedfilen hen over dit websteds indhold, ser du en bl\u00e5 linje, der markerer, hvor billedet vises.<\/p>\n<p>N\u00e5r du har frigivet filen, uploader WordPress den automatisk og inds\u00e6tter en billedblok p\u00e5 det rigtige sted:<\/p>\n<figure id=\"attachment_100515\" aria-describedby=\"caption-attachment-100515\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100515 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/upload-images-drag-from-desktop-1024x595.png\" alt=\"Du kan inds\u00e6tte billeder ved at tr\u00e6kke filen fra dit skrivebord\" width=\"1024\" height=\"595\"><figcaption id=\"caption-attachment-100515\" class=\"wp-caption-text\">Du kan inds\u00e6tte billeder ved at tr\u00e6kke filen fra dit skrivebord<\/figcaption><\/figure>\n<h3>3. Brug noget markdown -formatering<\/h3>\n<p>Hvis du er fan af Markdown syntaksen til oprettelse af indhold, vil du v\u00e6re glad for at vide, at blokeditoren underst\u00f8tter en begr\u00e6nset brug af <a href=\"https:\/\/kinsta.com\/blog\/markdown-editor\/\">markdown<\/a> &#8211; hovedsageligt med headers.<\/p>\n<p>Hvis du f.eks. Vil inds\u00e6tte en header block med et H3 -tag, kan du skrive tre hashtags (`###`) efterfulgt af et tryk p\u00e5 mellemrumstasten. Editoren konverterer det automatisk til en H3, og derefter kan du forts\u00e6tte med at skrive headeren:<\/p>\n<figure id=\"attachment_100504\" aria-describedby=\"caption-attachment-100504\" style=\"width: 1749px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100504 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/markdown-support.gif\" alt=\"Blokeredakt\u00f8ren underst\u00f8tter grundl\u00e6ggende Markdown -syntaks for headers\" width=\"1749\" height=\"1008\"><figcaption id=\"caption-attachment-100504\" class=\"wp-caption-text\">Blokeredakt\u00f8ren underst\u00f8tter grundl\u00e6ggende Markdown -syntaks for headers<\/figcaption><\/figure>\n<p>Antag, at du vil have endnu mere avanceret Markdown -underst\u00f8ttelse. I s\u00e5 fald kan du installere et gratis plugin som <a href=\"https:\/\/wordpress.org\/plugins\/block-options\/\">EditorsKit<\/a>, som ogs\u00e5 lader dig bruge Markdown til fed, kursiv og gennemstreget &#8211; vi taler mere om Gutenberg -plugins lidt senere i dette indl\u00e6g.<\/p>\n<h3>4. Fastg\u00f8r v\u00e6rkt\u00f8jslinjen Formatering \u00f8verst i editoren<\/h3>\n<p>Hvis du ikke kan lide, hvordan formateringsv\u00e6rkt\u00f8jet &#8220;flyder&#8221; over en blok, indeholder blokeditoren en funktion, der lader dig fastg\u00f8re den under den \u00f8verste v\u00e6rkt\u00f8jslinje:<\/p>\n<figure id=\"attachment_100508\" aria-describedby=\"caption-attachment-100508\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100508 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/pin-top-toolbar-1024x769.png\" alt=\"Du kan fastg\u00f8re formateringsv\u00e6rkt\u00f8jslinjen til toppen\" width=\"1024\" height=\"769\"><figcaption id=\"caption-attachment-100508\" class=\"wp-caption-text\">Du kan fastg\u00f8re formateringsv\u00e6rkt\u00f8jslinjen til toppen<\/figcaption><\/figure>\n<h3>5. Kopier en blok og alle dens indstillinger<\/h3>\n<p>Blokeredigeringsprogrammet lader dig kopiere og inds\u00e6tte tekst p\u00e5 samme m\u00e5de som i enhver editor-&#8220;<strong>Ctrl + C<\/strong>&#8221; eller h\u00f8jreklikke og v\u00e6lge <strong>Kopier<\/strong>.<\/p>\n<p>Du kan dog ikke bruge denne metode til at kopiere og inds\u00e6tte en hel blok, samtidig med at dens indstillinger bevares. I stedet skal du:<\/p>\n<ol>\n<li>V\u00e6lg block.<\/li>\n<li>Klik p\u00e5 ikonet med tre prikker p\u00e5 blokens v\u00e6rkt\u00f8jslinje.<\/li>\n<li>V\u00e6lg <strong>Kopier<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_100524\" aria-describedby=\"caption-attachment-100524\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100524 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/copy-block-settings-1024x860.png\" alt=\"S\u00e5dan kopieres en blok med alle dens indstillinger\" width=\"1024\" height=\"860\"><figcaption id=\"caption-attachment-100524\" class=\"wp-caption-text\">S\u00e5dan kopieres en blok med alle dens indstillinger<\/figcaption><\/figure>\n<p>N\u00e5r du har kopieret block p\u00e5 denne m\u00e5de, kan du inds\u00e6tte den som du plejer-dvs. &#8220;<strong>Ctrl + V<\/strong>&#8221; eller h\u00f8jreklikke og v\u00e6lge at <strong>inds\u00e6tte<\/strong>.<\/p>\n<h3>6. V\u00e6lg hurtigt den h\u00f8jre blok ved hj\u00e6lp af block list view<\/h3>\n<p>For de fleste blocks kan du bare klikke p\u00e5 editoren for at v\u00e6lge block. Dette kan dog blive sv\u00e6rt, hvis du begynder at bruge &#8220;indlejrede&#8221; blocks, f.eks. ved at inds\u00e6tte blocks inde i kolonnerne eller gruppeblocks.<\/p>\n<p>Editoren indeholder en <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/#persistent-list-view-in-the-post-editor\">List View<\/a>, som du kan \u00e5bne fra den \u00f8verste v\u00e6rkt\u00f8jslinje for at tage h\u00f8jde for dette. Listevisningen viser dig hver blok, inklusive indrykkede indlejrede blocks.<\/p>\n<p>Du kan v\u00e6lge en blok ved at klikke p\u00e5 den p\u00e5 listen, og editoren vil ogs\u00e5 fremh\u00e6ve block, n\u00e5r du holder mark\u00f8ren over den p\u00e5 listen.<\/p>\n<p>I eksemplet herunder kan du se:<\/p>\n<ul>\n<li>Den prim\u00e6re parent collum blokerer<\/li>\n<li>Indlejrede blocks for hver kolonne<\/li>\n<li>En indlejret gruppeblok inde i en kolonne<\/li>\n<li>En indlejret header block inde i group block<\/li>\n<\/ul>\n<p>For at v\u00e6lge main parent block kan du bare \u00e5bne list view og v\u00e6lge den fra listen:<\/p>\n<figure id=\"attachment_100502\" aria-describedby=\"caption-attachment-100502\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100502 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/list-view-1024x712.png\" alt=\"\u00c5bning af listevisning hj\u00e6lper dig med at navigere indlejrede blocks\" width=\"1024\" height=\"712\"><figcaption id=\"caption-attachment-100502\" class=\"wp-caption-text\">\u00c5bning af listevisning hj\u00e6lper dig med at navigere indlejrede blocks<\/figcaption><\/figure>\n<h3>7. \u00c5bn block editor (for individuelle blocks eller komplette indl\u00e6g)<\/h3>\n<p>En af fordelene ved Gutenberg -block editor er, at den lader dig konfigurere mange stilarter og layoutmuligheder uden at ty til kode. Du kan dog stadig have nogle situationer, hvor du vil have <a href=\"https:\/\/kinsta.com\/dk\/blog\/redigeres-wordpress-kode\/\">adgang til koden direkte<\/a> for mere avancerede brugere.<\/p>\n<p>For at hj\u00e6lpe dig med det har Gutenberg -redakt\u00f8ren et par forskellige muligheder.<\/p>\n<p>F\u00f8rst kan du redigere koden for bare en individuel blok, nyttig til mindre tweaks som at inds\u00e6tte en CSS -klasse. For at g\u00f8re dette skal du \u00e5bne rullemenuen fra blokens v\u00e6rkt\u00f8jslinje og v\u00e6lge <strong>Rediger som HTML<\/strong>:<\/p>\n<figure id=\"attachment_100505\" aria-describedby=\"caption-attachment-100505\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100505 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/open-html-editor-1024x762.png\" alt=\"S\u00e5dan redigeres en enkelt blok som HTML\" width=\"1024\" height=\"762\"><figcaption id=\"caption-attachment-100505\" class=\"wp-caption-text\">S\u00e5dan redigeres en enkelt blok som HTML<\/figcaption><\/figure>\n<p>Hvis du v\u00e6lger denne indstilling, bliver det visuelle eksempel til en kodeditor for netop den blok uden at p\u00e5virke de visuelle forh\u00e5ndsvisninger af andre blocks:<\/p>\n<figure id=\"attachment_100506\" aria-describedby=\"caption-attachment-100506\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100506 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/open-html-editor-2-1024x513.png\" alt=\"HTML-editoren for en enkelt blok\" width=\"1024\" height=\"513\"><figcaption id=\"caption-attachment-100506\" class=\"wp-caption-text\">HTML-editoren for en enkelt blok<\/figcaption><\/figure>\n<p>For det andet indeholder redakt\u00f8ren en tilpasset <a href=\"https:\/\/kinsta.com\/blog\/html-vs-html5\/\">HTML-blok<\/a>, som du kan bruge til at integrere fulde HTML snippets. Alt du skal g\u00f8re er at tilf\u00f8je block og inds\u00e6tte din kode.<\/p>\n<p>Endelig kan du ogs\u00e5 \u00e5bne den fulde kode-editor for hele dokumentet ved hj\u00e6lp af rullemenuen i \u00f8verste h\u00f8jre hj\u00f8rne eller en tastaturgenvej: <strong>Ctrl + Shift + Alt + M<\/strong>.<\/p>\n<p>Husk, at n\u00e5r du \u00e5bner den fulde kode -editor, vil du ogs\u00e5 se blokformateringsmarkeringen fra Gutenberg, s\u00e5 det kan v\u00e6re lidt vanskeligt at navigere:<\/p>\n<figure id=\"attachment_100529\" aria-describedby=\"caption-attachment-100529\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100529 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/full-code-editor-1024x974.png\" alt=\"Den fulde kode -editor, som inkluderer blokmarkeringen\" width=\"1024\" height=\"974\"><figcaption id=\"caption-attachment-100529\" class=\"wp-caption-text\">Den fulde kode -editor, som inkluderer blokmarkeringen<\/figcaption><\/figure>\n<h3>8. L\u00e6r tastaturgenveje<\/h3>\n<p>Block editor indeholder en masse <a href=\"https:\/\/kinsta.com\/blog\/wordpress-keyboard-shortcuts\/\">tastaturgenveje<\/a>, der lader dig udf\u00f8re almindelige handlinger. Det er v\u00e6rd at tage sig tid til at l\u00e6re dem, fordi de vil g\u00f8re dig mere produktiv og spare dig for mange gentagne museklik.<\/p>\n<p>Her er nogle af de mest almindelige genveje &#8211; hvis du er p\u00e5 en Mac, vil du gerne skifte &#8220;Ctrl&#8221; med &#8220;Kommando (\u2318)&#8221;:<\/p>\n<ul>\n<li>\u00c5bn block List view &#8211; <strong>Shift + Alt + O<\/strong><\/li>\n<li>Gem dine \u00e6ndringer &#8211; <strong>Ctrl + S<\/strong><\/li>\n<li>Fortryd dine eller de sidste \u00e6ndringer &#8211; <strong>Ctrl + Z<\/strong><\/li>\n<li>Gentag din sidste fortrydelse &#8211; <strong>Ctrl + Shift + Z<\/strong><\/li>\n<li>Kopier den eller de markerede blocks &#8211; <strong>Ctrl + Shift + D<\/strong><\/li>\n<li>Slet den eller de markerede blocks &#8211; <strong>Shift + Alt + Z<\/strong><\/li>\n<li>Inds\u00e6t en ny blok f\u00f8r den eller de markerede blocks &#8211; <strong>Ctrl + Alt + T<\/strong><\/li>\n<li>Inds\u00e6t en ny blok efter den eller de markerede blocks &#8211; <strong>Ctrl + Alt + Y<\/strong><\/li>\n<\/ul>\n<p>Du kan ogs\u00e5 \u00e5bne et fuldt cheat sheet med alle tastaturgenveje, n\u00e5r du er i editoren. For at g\u00f8re dette kan du enten bruge en tastaturgenvej-<strong>Shift + Alt + H<\/strong>-eller klikke p\u00e5 menuikonet &#8220;tre lodrette prikker&#8221; (\u22ee) i \u00f8verste h\u00f8jre hj\u00f8rne af editoren og v\u00e6lge <strong>Tastaturgenveje<\/strong> i rullemenuen.<\/p>\n<h3>9. Ryd op i din gr\u00e6nseflade ved at skjule blocks<\/h3>\n<p>Blokeredigeringsprogrammet tilf\u00f8jer som standard mange blocks, men du vil sandsynligvis ikke bruge dem alle. For at hj\u00e6lpe dig med at rydde op i gr\u00e6nsefladen indeholder editoren en funktion kaldet <strong>Block Manager<\/strong>, der lader dig deaktivere og skjule blocks, som du ikke bruger:<\/p>\n<figure id=\"attachment_100520\" aria-describedby=\"caption-attachment-100520\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100520 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/block-manager-1024x962.png\" alt=\"Du kan fjerne markeringen af blocks for at skjule dem for blokindf\u00f8reren\" width=\"1024\" height=\"962\"><figcaption id=\"caption-attachment-100520\" class=\"wp-caption-text\">Du kan fjerne markeringen af blocks for at skjule dem for blokindf\u00f8reren<\/figcaption><\/figure>\n<h3>10. Tilf\u00f8j ankre til Jump Links<\/h3>\n<p>Endelig er vores sidste nyttige tip blokredakt\u00f8rens dedikerede HTML-anchor link funktion, som lader dig <a href=\"https:\/\/kinsta.com\/dk\/blog\/anchor-links\/\">oprette jump links til bestemte sektioner af dit indhold<\/a> (f.eks. for en indholdsfortegnelse).<\/p>\n<p>I den klassiske editor skulle du tilf\u00f8je HTML -anchors ved hj\u00e6lp af kode manuelt. Men med Gutenberg kan du bare indtaste teksten til dit jump link i <strong>HTML -ankerfeltet<\/strong> i omr\u00e5det <strong>Avanceret<\/strong> i enhver bloks indstillinger:<\/p>\n<figure id=\"attachment_100517\" aria-describedby=\"caption-attachment-100517\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100517 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/anchor-text-1024x758.png\" alt=\"S\u00e5dan indstilles en tilpasset anchor text\" width=\"1024\" height=\"758\"><figcaption id=\"caption-attachment-100517\" class=\"wp-caption-text\">S\u00e5dan indstilles en tilpasset anchor text<\/figcaption><\/figure>\n<h2>Grave i mere avancerede block editor koncepter<\/h2>\n<p>P\u00e5 dette tidspunkt har vi d\u00e6kket en del om, hvordan editoren fungerer, og nogle tips til at arbejde mere effektivt. Nu hvor du har den baseline -viden, lad os g\u00e5 over to lidt mere avancerede taktikker:<\/p>\n<ul>\n<li>Block patterns<\/li>\n<li>Reusable blocks<\/li>\n<\/ul>\n<h3>Block Patterns<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">Block pattern<\/a> er i det v\u00e6sentlige en skabelon. Det er en samling blocks arrangeret i et layout. Det kan v\u00e6re noget mindre, som et arrangement af knapper. Det kan endda v\u00e6re en skabelon for en hel sektion eller endda en hel side.<\/p>\n<p>WordPress leveres med sine egne indbyggede block patterns, og tredjeparts plugin-udviklere kan ogs\u00e5 tilf\u00f8je deres egne.<\/p>\n<p>Du kan inds\u00e6tte nye m\u00f8nstre fra fanen <strong>M\u00f8nstre<\/strong> i main block insterter:<\/p>\n<figure id=\"attachment_100516\" aria-describedby=\"caption-attachment-100516\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100516 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/add-block-patterns-1024x898.png\" alt=\"S\u00e5dan inds\u00e6ttes et block pattern\" width=\"1024\" height=\"898\"><figcaption id=\"caption-attachment-100516\" class=\"wp-caption-text\">S\u00e5dan inds\u00e6ttes et block pattern<\/figcaption><\/figure>\n<p>N\u00e5r du har indsat block pattern, kan du fuldt ud redigere alle de blocks, der udg\u00f8r dette m\u00f8nster, ligesom hvis du manuelt havde tilf\u00f8jet blocks.<\/p>\n<p>I \u00f8jeblikket lader core Gutenberg -editor dig ikke oprette dine block pattern (medmindre du ved, hvordan du koder). Du kan dog l\u00f8se dette med Justin Tadlocks gratis <a href=\"https:\/\/wordpress.org\/plugins\/block-pattern-builder\/\">Block Pattern Builder plugin<\/a>. Med plugin&#8217;et aktiveret kan du oprette dine designs ved hj\u00e6lp af Gutenberg og derefter gemme designet som et m\u00f8nster.<\/p>\n<p>For at begynde skal du g\u00e5 til <strong>block pattern<\/strong>&gt; <strong>Tilf\u00f8j nyt<\/strong> for at oprette et nyt pattern ved hj\u00e6lp af editoren. S\u00f8rg for at offentligg\u00f8re det, n\u00e5r du er f\u00e6rdig:<\/p>\n<figure id=\"attachment_100525\" aria-describedby=\"caption-attachment-100525\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100525 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/create-block-pattern-1024x593.png\" alt=\"Oprettelse af dit tilpassede block patterns\" width=\"1024\" height=\"593\"><figcaption id=\"caption-attachment-100525\" class=\"wp-caption-text\">Oprettelse af dit tilpassede block patterns<\/figcaption><\/figure>\n<p>N\u00e5r du har gjort det, kan du inds\u00e6tte dit block pattern ligesom alle andre &#8211; se efter det i sektionen <strong>Ukategoriseret<\/strong>:<\/p>\n<figure id=\"attachment_100499\" aria-describedby=\"caption-attachment-100499\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100499 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/inserting-custom-block-pattern-1024x621.png\" alt=\"Inds\u00e6tter det tilpassede block patterns, du har oprettet\" width=\"1024\" height=\"621\"><figcaption id=\"caption-attachment-100499\" class=\"wp-caption-text\">Inds\u00e6tter det tilpassede block patterns, du har oprettet<\/figcaption><\/figure>\n<p>WordPress kerneteamet lancerede ogs\u00e5 et officielt <a href=\"https:\/\/wordpress.org\/patterns\/\">block pattern library p\u00e5 WordPress.org<\/a>. Du kan inds\u00e6tte dem i editoren ved hj\u00e6lp af kopier og inds\u00e6t. Bare klik p\u00e5 knappen <strong>Kopier<\/strong> p\u00e5 biblioteket med block pattern library, og inds\u00e6t det derefter i editoren.<\/p>\n<h3>Reusable Blocks<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/\">Reusable blocks<\/a>\u00a0 er en samling af en eller flere blocks, som du kan inds\u00e6tte som en gruppe. De ligner block patterns, men med en vigtig forskel:<\/p>\n<p>Mens et block patterns er en startskabelon, som du redigerer i hver instans, vil en reusable blok v\u00e6re den samme i alle tilf\u00e6lde, hvor du inkluderer den.<\/p>\n<p>Hvis du opdaterer den reusable blok, g\u00e6lder disse \u00e6ndringer automatisk for alle de eksisterende forekomster.<\/p>\n<p>For eksempel kan du bruge en\u00a0 reusable blok til at oprette en call to action (CTA), som du vil have det samme i alt dit indhold. Hvis du nogensinde vil opdatere CTA, skal du blot opdatere den reusable blok \u00e9n gang for at \u00e6ndre den p\u00e5 tv\u00e6rs af webstedet.<\/p>\n<p>For at oprette en reusable blok i Gutenberg WordPress-editoren skal du klikke og tr\u00e6kke for at v\u00e6lge en eller flere blocks. Klik derefter p\u00e5 indstillingen <strong>Tilf\u00f8j til reusable blocks<\/strong>. (Det plugin, vi n\u00e6vnte ovenfor, lader dig ogs\u00e5 oprette et blokm\u00f8nster p\u00e5 denne m\u00e5de.)<\/p>\n<figure id=\"attachment_100526\" aria-describedby=\"caption-attachment-100526\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100526 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/create-reusable-block-1024x703.png\" alt=\"S\u00e5dan opretter du en reusable blok\" width=\"1024\" height=\"703\"><figcaption id=\"caption-attachment-100526\" class=\"wp-caption-text\">S\u00e5dan opretter du en reusable blok<\/figcaption><\/figure>\n<p>Dine blocks vil derefter blive grupperet &#8211; du kan give din reusable blok et navn i den genanvendelige bloks indstillinger i sidebar.<\/p>\n<p>Nu kan du inds\u00e6tte den genanvendelige blok ved at s\u00f8ge efter dens navn. Du kan bruge `\/` til hurtigt at inds\u00e6tte blocksn:<\/p>\n<figure id=\"attachment_100501\" aria-describedby=\"caption-attachment-100501\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100501 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/insert-reusable-block-1024x527.png\" alt=\"S\u00e5dan inds\u00e6ttes en reusable blok\" width=\"1024\" height=\"527\"><figcaption id=\"caption-attachment-100501\" class=\"wp-caption-text\">S\u00e5dan inds\u00e6ttes en reusable blok<\/figcaption><\/figure>\n<p>Hvis du \u00e6ndrer den reusable blok, f\u00e5r du mulighed for at offentligg\u00f8re disse \u00e6ndringer, n\u00e5r du opdaterer indl\u00e6gget. Og hvis du beslutter dig for at offentligg\u00f8re genanvendelige blok\u00e6ndringer, g\u00e6lder disse \u00e6ndringer automatisk for hver forekomst af den reusable blok:<\/p>\n<figure id=\"attachment_100514\" aria-describedby=\"caption-attachment-100514\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100514 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/update-reusable-block-1024x568.png\" alt=\"S\u00e5dan opdateres en reusable blok\" width=\"1024\" height=\"568\"><figcaption id=\"caption-attachment-100514\" class=\"wp-caption-text\">S\u00e5dan opdateres en reusable blok<\/figcaption><\/figure>\n<h2>Udvidelse af blokeditoren med plugins<\/h2>\n<p>Indtil nu har vi fokuseret p\u00e5 kerneblokeditorfunktionerne med nogle f\u00e5 undtagelser.<\/p>\n<p>En af de store ting ved blokeditoren er dog, at du kan <a href=\"https:\/\/kinsta.com\/dk\/emner\/wordpress-plugins\/\">bruge plugins<\/a> til at udvide det, ligesom du kan med resten af \u200b\u200bdit WordPress -websted.<\/p>\n<p>Du kan bruge plugins til et par forskellige ting:<\/p>\n<ul>\n<li><strong>Tilf\u00f8j nye indholdsblocks:<\/strong> Plugins kan tilf\u00f8je nye blocks, som du kan bruge i dine designs. Det er den mest almindelige brugstilf\u00e6lde for Gutenberg-plugins i \u00f8jeblikket.<\/li>\n<li><strong>Tilf\u00f8j nye skabeloner\/blokm\u00f8nstre:<\/strong> Nogle plugins bruger kerne block patterns-systemet, mens andre har oprettet deres egne skabelonsystemer.<\/li>\n<li><strong>Skift editorens interface\/funktioner:<\/strong> Du kan bruge plugins til at \u00e6ndre selve editoren. For eksempel kan du tilf\u00f8je bedre Markdown underst\u00f8ttelse.<\/li>\n<\/ul>\n<p>Ud over plugins, der er specielt bygget til Gutenberg, kan mange andre WordPress plugins ogs\u00e5 bruge blokeditoren.<\/p>\n<p>Hvis du f.eks. Bruger et <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-kontaktformular-plugins\/\">kontaktformular-plugin<\/a>, kan pluginet give dig en dedikeret blok, som du kan bruge til at integrere dine formularer. Det samme g\u00e6lder for mange andre typer plugins.<\/p>\n<p>N\u00e5r du mestrer det grundl\u00e6ggende i editoren, er det v\u00e6rd at unders\u00f8ge disse plugins for at se, om du finder nogen, der kan forbedre din oplevelse.<\/p>\n<p>Her er nogle af de mest popul\u00e6re muligheder p\u00e5 det tidspunkt, hvor vi skriver dette indl\u00e6g:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ultimate Addons for Gutenberg<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/kadence-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kadence Blocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/generateblocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">GenerateBlocks<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/getwid\/\" target=\"_blank\" rel=\"noopener noreferrer\">Getwid<\/a><\/li>\n<\/ul>\n<p>Du kan se mere i afsnittet <a href=\"https:\/\/wordpress.org\/plugins\/browse\/blocks\/\">WordPress.org blokaktiverede plugins<\/a>.<\/p>\n<h2>Gutenberg WordPress Editor og fuld site -redigering<\/h2>\n<p>Som vi n\u00e6vnte i begyndelsen af \u200b\u200bdette indl\u00e6g, har Gutenber -projektet til form\u00e5l at v\u00e6re meget mere end bare en indholdsredakt\u00f8r.<\/p>\n<p>Den langsigtede plan er at f\u00e5 WordPress til at flytte til <strong>fuldst\u00e6ndig webstedredigering<\/strong>. Det betyder pr\u00e6cis, hvad der st\u00e5r &#8211; m\u00e5let er, at du i sidste ende kan redigere alle dele af dit websted ved hj\u00e6lp af Gutenberg -editoren. Og det inkluderer dit websteds header,<\/p>\n<p>I mods\u00e6tning til lanceringen af \u200b\u200bblokeditoren i WordPress 5.0 har Full Site Editing en iterativ tilgang. Det vil v\u00e6re en gradvis tilf\u00f8jelse af funktioner, hvor hver ny version bygger p\u00e5 de tidligere.<\/p>\n<p>For eksempel <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-5-8\/\">fra og med WordPress 5.8<\/a>, vil du nu bruge blokeditoren til at administrere dit websteds widgets. Du f\u00e5r ogs\u00e5 adgang til nogle nye temafokuserede blocks s\u00e5som Site Logo, Navigation, Query Loop (lader dig oprette skabeloner til list posts) og mere.<\/p>\n<p>Men selvom officiel fuldst\u00e6ndig redigering stadig er i gang, er nogle frygtl\u00f8se temaudviklere allerede begyndt at frigive blokbaserede temaer, som giver os nogle ganske gode eksempler p\u00e5, hvordan fuld webstedredigering kan fungere.<\/p>\n<p>Derudover kan du f\u00e5 adgang til nogle af de eksperimentelle funktioner til fuldst\u00e6ndig redigering i <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\">plugin-versionen af \u200b\u200bGutenberg<\/a>.<\/p>\n<p>S\u00e5 lad os se p\u00e5 to ting:<\/p>\n<ol>\n<li>De eksisterende kernefunktioner til fuldst\u00e6ndig redigering, som vi har nu fra WordPress 5.8<\/li>\n<li>Hvordan &#8220;fuld&#8221; fuld site-redigering kan fungere baseret p\u00e5 eksperimentelle funktioner<\/li>\n<\/ol>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p><strong>Alt dette kan \u00e6ndre sig p\u00e5 sm\u00e5 eller store m\u00e5der, n\u00e5r fuld site -redigering bliver mainstream<\/strong>. Det er bare for at give dig en id\u00e9 om, hvad det kan v\u00e6re.<\/p>\n<\/aside>\n\n<h3>Brug af blocks i stedet for widgets<\/h3>\n<p>Fra WordPress 5.8 bruger du nu blocks til at styre dine <a href=\"https:\/\/kinsta.com\/blog\/wordpress-register-sidebar\/\">sidebars<\/a> og footers i stedet for widgets (som standard kan du deaktivere dette, hvis du vil).<\/p>\n<p>N\u00e5r du g\u00e5r til <strong>Udseende&gt; Widgets<\/strong>, kan du styre indholdet i hvert widgetomr\u00e5de ved hj\u00e6lp af blokeditoren.<\/p>\n<p>Du kan se, at hvert widgetomr\u00e5de f\u00e5r en separat editor, som du kan \u00e5bne ved at klikke p\u00e5 harmonikaen skifter. Du kan ogs\u00e5 flytte blocks mellem forskellige widgetomr\u00e5der ved at klikke p\u00e5 de tilsluttede pilikoner \u00f8verst:<\/p>\n<figure id=\"attachment_100522\" aria-describedby=\"caption-attachment-100522\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100522 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/block-widget-areas-1024x887.png\" alt=\"Brug af blocks til at redigere widgetomr\u00e5der\" width=\"1024\" height=\"887\"><figcaption id=\"caption-attachment-100522\" class=\"wp-caption-text\">Brug af blocks til at redigere widgetomr\u00e5der<\/figcaption><\/figure>\n<h3>Brug af nye theme blocks<\/h3>\n<p>WordPress 5.8 tilf\u00f8jer ogs\u00e5 nye dedikerede theme blocks, der lader dig inds\u00e6tte dynamisk indhold p\u00e5 dit websted. Disse blocks vil ogs\u00e5 spille en afg\u00f8rende rolle, n\u00e5r du designer skabeloner til dit tema i fremtidige udgivelser.<\/p>\n<p>Lad os f.eks. Sige, at du vil integrere en liste over dit seneste indhold p\u00e5 en side. Nu kan du bare tilf\u00f8je Query Loop -block, og du vil dynamisk kunne inds\u00e6tte indhold fra en bestemt <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-brugerdefinerede-indlaegstyper\/\">indl\u00e6gstype<\/a> (f.eks. Blogindl\u00e6g), herunder filtrering efter kategorier, forfattere, s\u00f8geord og mere:<\/p>\n<figure id=\"attachment_100509\" aria-describedby=\"caption-attachment-100509\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100509 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/query-loop-block-1024x945.png\" alt=\"Brug af Query Loop-block til at vise dynamisk indhold\" width=\"1024\" height=\"945\"><figcaption id=\"caption-attachment-100509\" class=\"wp-caption-text\">Brug af Query Loop-block til at vise dynamisk indhold<\/figcaption><\/figure>\n<p>Inde i Query Loop block kan du indlejre de andre tema blocks for at styre skabelonen for det indhold, der vises der. For eksempel kan du f\u00e5 vist hvert indl\u00e6gs dato ved at tilf\u00f8je block Postdato til din skabelon.<\/p>\n<p>Med Query Loop -block i WordPress 5.8 kan du i det v\u00e6sentlige designe din egen tilpassede blogfortegnelsesside. Korrekt redigering af hele webstedet vil udvide det til hele dit tema &#8211; s\u00e5 lad os se p\u00e5 det n\u00e6ste.<\/p>\n<h3>Design af indholdsskabeloner<\/h3>\n<p>Skabelonredigeringstilstand er en anden ny funktion i WordPress 5.8. Det lader dig bruge Gutenberg til at designe skabeloner til dine indl\u00e6g og sider ved hj\u00e6lp af blocks.<\/p>\n<p>I \u00f8jeblikket er denne funktion kun tilg\u00e6ngelig, hvis din temaudvikler specifikt har aktiveret den, s\u00e5 du kan muligvis ikke se den, hvis dit temas udvikler ikke har gjort det endnu.<\/p>\n<p>Hvis du bruger et tema, der underst\u00f8tter skabelonredigeringsfunktionen i WordPress 5.8, vil du se en ny <strong>skabelonsektion<\/strong> p\u00e5 fanen <strong>Indl\u00e6g\/side<\/strong> i sidelinjen, n\u00e5r du redigerer et indl\u00e6g eller en side. Du kan oprette en ny skabelon eller v\u00e6lge en af \u200b\u200bdine eksisterende skabeloner:<\/p>\n<figure id=\"attachment_100512\" aria-describedby=\"caption-attachment-100512\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100512 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/template-editing-mode-1024x853.png\" alt=\"Oprettelse af en ny skabelon i temaer, der underst\u00f8tter skabelontilstand\" width=\"1024\" height=\"853\"><figcaption id=\"caption-attachment-100512\" class=\"wp-caption-text\">Oprettelse af en ny skabelon i temaer, der underst\u00f8tter skabelontilstand<\/figcaption><\/figure>\n<p>Hvis du opretter en ny skabelon, kan du give den et navn, s\u00e5 du kan huske den. Derefter kan du designe skabelonen ved hj\u00e6lp af den s\u00e6rlige skabelonditor -tilstand sammen med de nye temablocks, som vi detaljerede i det foreg\u00e5ende afsnit:<\/p>\n<figure id=\"attachment_100513\" aria-describedby=\"caption-attachment-100513\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100513 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/template-editor-1024x875.png\" alt=\"Den nye skabelon-editor i WordPress 5.8\" width=\"1024\" height=\"875\"><figcaption id=\"caption-attachment-100513\" class=\"wp-caption-text\">Den nye skabelon-editor i WordPress 5.8<\/figcaption><\/figure>\n<h3>Eksempel p\u00e5 fuldst\u00e6ndig redigering af Blockbase<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/themes\/blockbase\/\">Blockbase<\/a> er et tema fra Automattic, der fungerer som en slags &#8220;proof of concept&#8221; og legeplads til fuld site -redigering. Det er stadig eksperimentelt, s\u00e5 det kan \u00e6ndre sig, f\u00f8r disse funktioner er i kernens WordPress -software. Men det giver en id\u00e9 om fuld site-redigering.<\/p>\n<p>Med temaet og plugin -versionen af Gutenberg installeret f\u00e5r du et nyt <strong>Site Editor<\/strong> -omr\u00e5de, der lader dig &#8220;bygge&#8221; dit tema ved hj\u00e6lp af den samme editor, som du s\u00e5 ovenfor.<\/p>\n<p>Den kritiske forskel er dog, at du ikke bare bygger et enkelt indl\u00e6g eller en side. I stedet bruger du Gutenberg WordPress -blokeditor til at oprette de faktiske skabeloner, som alt dit websteds indhold vil bruge &#8211; for eksempel skabelonen til din header.<\/p>\n<figure id=\"attachment_100530\" aria-describedby=\"caption-attachment-100530\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100530 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/full-site-editing-1-1024x689.png\" alt=\"Et tidligt eksempel p\u00e5 fuld site -redigering\" width=\"1024\" height=\"689\"><figcaption id=\"caption-attachment-100530\" class=\"wp-caption-text\">Et tidligt eksempel p\u00e5 fuld site -redigering<\/figcaption><\/figure>\n<p>For at hj\u00e6lpe dig med at opn\u00e5 dette f\u00e5r du en r\u00e6kke nye designblokke, herunder nogle af de temablokke, du s\u00e5 ovenfor:<\/p>\n<figure id=\"attachment_100531\" aria-describedby=\"caption-attachment-100531\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100531 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/full-site-editing-new-blocks-1024x985.png\" alt=\"De nye designblokke med full site redigering\" width=\"1024\" height=\"985\"><figcaption id=\"caption-attachment-100531\" class=\"wp-caption-text\">De nye designblokke med full site redigering<\/figcaption><\/figure>\n<p>For at navigere mellem forskellige skabeloner kan du klikke p\u00e5 WordPress-logoet i \u00f8verste venstre hj\u00f8rne for at redigere andre skabeloner og oprette nye:<\/p>\n<figure id=\"attachment_100532\" aria-describedby=\"caption-attachment-100532\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-100532 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/full-site-editing-templates-1024x809.png\" alt=\"Redigering af forskellige temaskabeloner\" width=\"1024\" height=\"809\"><figcaption id=\"caption-attachment-100532\" class=\"wp-caption-text\">Redigering af forskellige temaskabeloner<\/figcaption><\/figure>\n<p>Igen er tanken, at du til <em>sidst kan<\/em> bruge Gutenberg -editoren til at styre alle dine temas skabeloner\/layout. Og n\u00e5r det sker, vil oprettelsen af \u200b\u200bet WordPress-websted se temmelig anderledes ud end det, vi ser som &#8220;normalt&#8221; i 2021.<\/p>\n\n<h2>Resum\u00e9<\/h2>\n<p>Siden 2018 har Gutenberg -blokredakt\u00f8ren gjort store fremskridt. Med det kommende skridt i retning af Full Site Editing, vil block editoren kun blive en endnu mere v\u00e6sentlig del af <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-statistikkerne\/\">WordPress<\/a>.<\/p>\n<p>I dette indl\u00e6g har vi d\u00e6kket alt fra grundl\u00e6ggende block editor til avancerede tips og funktioner. Vi har ogs\u00e5 set p\u00e5, hvordan full site-redigering kan se ud i fremtiden.<\/p>\n<p>Hvis du ikke er klar til at pr\u00f8ve det endnu, kan du deaktivere Gutenberg permanent og bruge den klassiske editor. Gutenberg vil dog forts\u00e6tte med at vokse, s\u00e5 det er ikke noget, du vil ignorere for evigt.<\/p>\n<p><em>Har du stadig sp\u00f8rgsm\u00e5l eller tanker om redakt\u00f8ren? I s\u00e5 fald vil vi meget gerne h\u00f8re dine kommentarer, b\u00e5de gode og d\u00e5rlige.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Da WordPress block editor eller Gutenberg blev lanceret i december 2018, vidste vi ikke, hvad vi kunne forvente. Selvf\u00f8lgelig havde vi haft masser af tid til &#8230;<\/p>\n","protected":false},"author":117,"featured_media":41188,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[321,41],"topic":[754],"class_list":["post-29082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-gutenberg","topic-wordpress-udvikling"],"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>Dyk dybt ned i den nyeste Gutenberg WordPress Editor<\/title>\n<meta name=\"description\" content=\"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.\" \/>\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\/gutenberg-wordpress-editor\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dyk dybt ned i den nyeste Gutenberg WordPress Editor\" \/>\n<meta property=\"og:description\" content=\"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\" \/>\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=\"2018-08-17T04:46:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-07T06:56:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Dyk dybt ned i den nyeste Gutenberg WordPress Editor\",\"datePublished\":\"2018-08-17T04:46:10+00:00\",\"dateModified\":\"2023-11-07T06:56:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\"},\"wordCount\":6135,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\",\"keywords\":[\"Block Editor\",\"Gutenberg\"],\"articleSection\":[\"Bedste WordPress-plugins og temaer\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\",\"name\":\"Dyk dybt ned i den nyeste Gutenberg WordPress Editor\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\",\"datePublished\":\"2018-08-17T04:46:10+00:00\",\"dateModified\":\"2023-11-07T06:56:33+00:00\",\"description\":\"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"Dyk dybt ned i den nyeste Gutenberg WordPress Editor (2021)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress udvikling\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-udvikling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dyk dybt ned i den nyeste Gutenberg WordPress Editor\"}]},{\"@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\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor","description":"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.","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\/gutenberg-wordpress-editor\/","og_locale":"da_DK","og_type":"article","og_title":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor","og_description":"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.","og_url":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2018-08-17T04:46:10+00:00","article_modified_time":"2023-11-07T06:56:33+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","type":"image\/jpeg"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Salman Ravoof","Estimeret l\u00e6setid":"32 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor","datePublished":"2018-08-17T04:46:10+00:00","dateModified":"2023-11-07T06:56:33+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/"},"wordCount":6135,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","keywords":["Block Editor","Gutenberg"],"articleSection":["Bedste WordPress-plugins og temaer"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/","url":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/","name":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","datePublished":"2018-08-17T04:46:10+00:00","dateModified":"2023-11-07T06:56:33+00:00","description":"L\u00e6r alt om den nyeste Gutenberg WordPress-editor, ogs\u00e5 kendt som block editoren. Se, hvorfor dets fulde webstedredigering er fremtiden for WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2018\/08\/Gutenberg-WordPress-Editor.jpeg","width":1460,"height":730,"caption":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor (2021)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress udvikling","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-udvikling\/"},{"@type":"ListItem","position":3,"name":"Dyk dybt ned i den nyeste Gutenberg WordPress Editor"}]},{"@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\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/dk\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/29082","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\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=29082"}],"version-history":[{"count":17,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/29082\/revisions"}],"predecessor-version":[{"id":53059,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/29082\/revisions\/53059"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/pt"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/de"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/dk"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/translations\/se"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/29082\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/41188"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=29082"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=29082"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=29082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}