{"id":40734,"date":"2021-07-27T08:38:36","date_gmt":"2021-07-27T07:38:36","guid":{"rendered":"https:\/\/kinqsta.com\/?p=98590"},"modified":"2023-08-24T11:45:44","modified_gmt":"2023-08-24T10:45:44","slug":"wordpress-5-8","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/","title":{"rendered":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)"},"content":{"rendered":"<p>WordPress 5.8 <a href=\"https:\/\/wordpress.org\/news\/2021\/07\/tatum\/\">vil v\u00e6re<\/a> en vigtig frigivelse. Bortset fra det utrolige antal funktioner, forbedringer og fejlrettelser introducerer WP 5.8 en ny m\u00e5de at opbygge websteder p\u00e5, ved at bringe de f\u00f8rste funktioner, der falder ind under det bredere projekt kendt som <strong>Full Site Editing<\/strong>.<\/p>\n<p>Bortset fra Full Site Editing bringer WordPress 5.8 mange \u00e6ndringer og forbedringer til flere omr\u00e5der af <a href=\"https:\/\/kinqsta.com\/wordpress-market-share\/\">CMS\u2019et<\/a>.<\/p>\n<p>WordPress-brugere, der ikke bruger Gutenberg-pluginnet, finder funktioner og forbedringer, der kommer fra ni Gutenberg-udgivelser (for et dyk dybt ind i hver udgivelse, se Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/05\/whats-new-in-gutenberg-9-9-5-february\/\">9.9<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/17\/whats-new-in-gutenberg-10-0-february\/\">10.0<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">10.1<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">10.2<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">10.3<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\">10.4<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">10.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">10.6<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\">10.7<\/a>).<\/p>\n<p>En vigtig ny funktion for brugere, der er seri\u00f8se omkring deres websteds ydeevne, er underst\u00f8ttelsen af \u200b\u200bWebP-format.<\/p>\n<p>Udviklere vil helt sikkert elske fjernelse af IE11&#8217;s fra listen over underst\u00f8ttede browsere, den nye blokkonfigurations- og stylingmekanisme baseret p\u00e5<strong> theme.json<\/strong>, det forbedrede block registration system based p\u00e5 <strong>block.json<\/strong> og de mange API-forbedringer, der kommer med den anden <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-version\/\">WordPress-udgivelse<\/a> fra 2021 .<\/p>\n<p>S\u00e5 hold fast, fordi det bliver en lang opsamling af funktioner og forbedringer, der baner vejen for nye kraftfulde v\u00e6rkt\u00f8jer til byggepladser, der forventes frigivet i de kommende m\u00e5neder.<\/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<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Der er s\u00e5 mange \u00e6ndringer i WordPress 5.8. For at forhindre enhver risiko for at p\u00e5drage uventede konflikter med dit tema og plugins, anbefaler vi st\u00e6rkt, at du k\u00f8rer en <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-backups\/#wordpress-backup\">backup af dit websted<\/a> og tester den nye version i et <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/staging-environment\/\">scenemilj\u00f8<\/a>, inden du opdaterer dit live-site.<\/p>\n<\/aside>\n\n\n<h2>Fuldt websteds-redigeringsfunktioner i WordPress 5.8<\/h2>\n<p>Visionen bag Full Site Editing er at levere en samling v\u00e6rkt\u00f8jer og funktioner, der giver WordPress-brugere mulighed for at opbygge et <a href=\"https:\/\/wordpress.org\/news\/2021\/06\/gutenberg-highlights\/\">helt websted ved hj\u00e6lp af blokke<\/a>. Med Full Site Editing ser vi mange blokke til r\u00e5dighed for at oprette ethvert element p\u00e5 siden, fra <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-menu-plugins\/\">navigationsmenuer<\/a> til site branding, sidebar widgets, skabeloner og meget mere.<\/p>\n<p>Selvom WordPress 5.8 introducerer flere funktioner, der falder inden for FSE (Full Site Editing), b\u00f8r vi ikke forvente at se et fuldt udstyret visuelt byggemilj\u00f8. FSE er stadig i gang, og frigivelsen af \u200b\u200bWordPress 5.8 \u00e5bner en slags offentlig beta-fase. If\u00f8lge <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/08\/full-site-editing-scope-for-wp5-8\/\">Josepha Haden Chomphosy<\/a>:<\/p>\n<blockquote><p>Fuld redigering af websteder er en samling projekter, og sammen repr\u00e6senterer de en stor \u00e6ndring, uden tvivl for meget til en enkelt udgivelse. Den vigtigste kontekst at dele er, at den ikke sendes som den fulde standardoplevelse for brugerne. En af de tydeligste feedback fra fase 1-fusioneringsprocessen var, at der ikke var tid nok til vores udvidere (bureauer, temaforfattere, plugin-udviklere, site builders osv.) Til at forberede sig p\u00e5 de kommende \u00e6ndringer.<\/p>\n<p>Med dette i tankerne vil denne fletteproces ikke v\u00e6re en t\u00e6nd\/sluk-knap. Fokus er nu ikke p\u00e5 en fuld og nuanceret brugeroplevelse, men mere af en \u00e5ben offentlig beta inden for WordPress 5.8.<\/p><\/blockquote>\n<p>S\u00e5 vi b\u00f8r ikke forvente at se en perfekt og komplet FSE-oplevelse lige nu. I stedet ser vi nye funktioner tilf\u00f8jes og forbedres over tid, startende lige fra version 5.8. Af samme grund kan vi antage, at WordPress 5.8 ikke har en dramatisk indflydelse p\u00e5 den m\u00e5de, vi er vant til at opbygge websteder.<\/p>\n<p>P\u00e5 tidspunktet for denne skrivning skal ejere af websider og administratorer stadig bevidst v\u00e6lge FSE ved at installere et bloktema, s\u00e5som <a href=\"https:\/\/wordpress.org\/themes\/tt1-blocks\/\">Twenty-Twenty One Blocks<\/a> (den <a href=\"https:\/\/kinqsta.com\/blog\/twenty-twenty-one-theme\/#the-twenty-twentyone-blocks-experiment\">blokbaserede version<\/a> af Twenty-Twenty One) og aktivere Gutenberg-pluginet.<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=a1Sf7PxfmLQ\"><\/kinsta-video><\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/block-editor\/handbook\/full-site-editing\/\">Full Site Editing<\/a> omfatter en r\u00e6kke separate underprojekter, inklusive Site Editor, <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">Global Styles<\/a>, Query block, Navigation block, Templates, block temaer og meget mere. Men det t\u00e6tteste ved Site Editing, vi ser i WordPress 5.8, er <strong>Template Editing Mode<\/strong> og de tilsvarende <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/block-theme-overview\/#theme-blocks\">Theme Blocks<\/a>, der er tilg\u00e6ngelige til brug i denne mode, som vi vil se senere i denne artikel.<\/p>\n<p>Lad os derefter dykke ned i nogle <strong>FSE-funktioner flettet ind i Core med WordPress 5.8<\/strong>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Template Editing Mode<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/introducing-the-template-editor-in-wordpress-5-8\/\">Template Editing Mode<\/a> giver en m\u00e5de at oprette indl\u00e6g\/sideskabeloner ved hj\u00e6lp af blokke. Det er en fantastisk m\u00e5de at reducere kompleksiteten af bygning af et website, s\u00e5 brugerne kan drage fordel af flere site-redigeringsfunktioner uden for site editor-gr\u00e6nsefladen, mens de v\u00e6nner sig til at arbejde med blokke. Dette er ogs\u00e5 godt for brugere, der ikke bruger blokbaserede temaer, men stadig ser efter en nem m\u00e5de at oprette og redigere skabeloner fra blokeditorens brugergr\u00e6nseflade p\u00e5.<\/p>\n<p>Tilpasning af temaer har aldrig v\u00e6ret s\u00e5 let i WordPress f\u00f8r. Nu beh\u00f8ver du ikke l\u00e6ngere <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-child-theme\/\">oprette et child theme<\/a> for at oprette dine tilpassede skabeloner. Med WordPress 5.8 er redigering af skabelon ikke begr\u00e6nset til at blokere temaer, men er ogs\u00e5 <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">tilg\u00e6ngelig for dig til brug med klassiske temaer<\/a>, selvom du i klassiske temaer skal v\u00e6lge at aktivere det.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Redigering af skabelon kan bruges i klassiske temaer, herunder en <em>theme.json<\/em>-fil eller underst\u00f8ttende \u2018<code>block-templates<\/code>\u2019. Det kan ikke deaktiveres for block-temaer.<\/p>\n<\/aside>\n\n<figure id=\"attachment_98643\" aria-describedby=\"caption-attachment-98643\" style=\"width: 2873px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98643 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-the-template-editor.jpg\" alt=\"Skabeloneditoren.\" width=\"2873\" height=\"1385\"><figcaption id=\"caption-attachment-98643\" class=\"wp-caption-text\">Skabeloneditoren.<\/figcaption><\/figure>\n<p>For at oprette en ny skabelon skal du bare aktivere redigeringstilstand til skabelon i sidebar <strong>Indstillinger<\/strong>. Et nyt <strong>skabelon<\/strong> panel er nu tilg\u00e6ngeligt for brugere at skifte redigeringstilstand (se udgivelsesnoten til <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">Gutenberg 10.5<\/a>).<\/p>\n<figure id=\"attachment_98639\" aria-describedby=\"caption-attachment-98639\" style=\"width: 1676px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98639 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/template-panel.jpg\" alt=\"Skabelonpanel i Block Editor sidebar.\" width=\"1676\" height=\"942\"><figcaption id=\"caption-attachment-98639\" class=\"wp-caption-text\">Skabelonpanel i Block Editor sidebar.<\/figcaption><\/figure>\n<p>Fra panelet <strong>Skabelon<\/strong> kan du oprette en ny skabelon eller redigere en eksisterende.<\/p>\n<figure id=\"attachment_98595\" aria-describedby=\"caption-attachment-98595\" style=\"width: 1674px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98595 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/create-custom-template.jpg\" alt=\"Indstilling af et skabelonnavn.\" width=\"1674\" height=\"938\"><figcaption id=\"caption-attachment-98595\" class=\"wp-caption-text\">Indstilling af et skabelonnavn.<\/figcaption><\/figure>\n<p>For at oprette en ny skabelon skal du klikke p\u00e5 <strong>Ny<\/strong>. Indtast derefter et skabelonnavn i modalet, og klik p\u00e5 <strong>Opret<\/strong>, s\u00e5 er du klar til at k\u00f8re.<\/p>\n<figure id=\"attachment_98638\" aria-describedby=\"caption-attachment-98638\" style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98638 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode.jpg\" alt=\"Skabelonredigeringstilstand i WordPress 5.8.\" width=\"2876\" height=\"1314\"><figcaption id=\"caption-attachment-98638\" class=\"wp-caption-text\">Skabelonredigeringstilstand i WordPress 5.8.<\/figcaption><\/figure>\n<p>I skabelon redigeringstilstand kan du opbygge dine skabeloner ved hj\u00e6lp af alle de tilg\u00e6ngelige blokke, herunder FSE-blokke som Site Title, Site Tagline, Login\/out og mange flere.<\/p>\n<p>N\u00e5r du er tilfreds med dine redigeringer, kan du skifte tilbage til post editing mode og gemme skabelonen separat fra indl\u00e6ggets\/sideindholdet, som vist p\u00e5 billedet nedenfor:<\/p>\n<figure id=\"attachment_98631\" aria-describedby=\"caption-attachment-98631\" style=\"width: 2076px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98631 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/save-template.jpg\" alt=\"Indstillingerne for Gem skabelon.\" width=\"2076\" height=\"994\"><figcaption id=\"caption-attachment-98631\" class=\"wp-caption-text\">Indstillingerne for Gem skabelon.<\/figcaption><\/figure>\n<p>Skabeloner gemmes i din <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-databasen\/\">WordPress-database<\/a> som brugerdefinerede posttyper med navnet <code>wp_template<\/code>. Dette giver dig ikke kun mulighed for at redigere en skabelon fra editorgr\u00e6nsefladen, men det g\u00f8r det ogs\u00e5 nemt at importere eller eksportere dem efter \u00f8nske. Du kan ogs\u00e5 bruge en skabelon p\u00e5 tv\u00e6rs af forskellige websteder (p\u00e5 dette tidspunkt er denne funktion kun tilg\u00e6ngelig, hvis du aktiverer Gutenberg-pluginet).<\/p>\n<figure id=\"attachment_98605\" aria-describedby=\"caption-attachment-98605\" style=\"width: 1566px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98605 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/export-templates.png\" alt=\"Eksport af skabeloner og skabelondele.\" width=\"1566\" height=\"1116\"><figcaption id=\"caption-attachment-98605\" class=\"wp-caption-text\">Eksport af skabeloner og skabelondele.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Bem\u00e6rk, at hvis du indstiller en blokskabelon til en side eller et blogindl\u00e6g, bruges den almindelige PHP-skabelon ikke til at generere siden l\u00e6ngere. Blokskabelonen bruges i stedet.<\/p>\n<\/aside>\n\n<p>Template Editing Mode er stadig en smule drilsk p\u00e5 dette tidspunkt, som rapporteret i dette <a href=\"https:\/\/make.wordpress.org\/test\/2021\/05\/26\/fse-program-testing-call-7-polished-portfolios\/\">opkald til test<\/a> og dette <a href=\"https:\/\/wptavern.com\/fse-outreach-7-building-a-portfolio-in-the-upcoming-template-editing-mode\">eksperiment fra Justin Tadlock<\/a>.<\/p>\n<figure id=\"attachment_98637\" aria-describedby=\"caption-attachment-98637\" style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98637 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/template-editing-mode-issue.jpg\" alt=\"Problem med justering i fuld bredde i Twenty Twenty-one klassisk tema.\" width=\"2314\" height=\"916\"><figcaption id=\"caption-attachment-98637\" class=\"wp-caption-text\">Problem med justering i fuld bredde i Twenty Twenty-one klassisk tema.<\/figcaption><\/figure>\n<p>Men alt hvad der kr\u00e6ves, er lidt t\u00e5lmodighed og at man venter p\u00e5, at de <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Template%20Editing%20Mode\">store problemer<\/a> l\u00f8ses for fuldt ud at forst\u00e5, hvordan skabelonredigeringstilstand vil \u00e6ndre den m\u00e5de, du tilpasser udseendet og f\u00f8lelsen af dine hjemmesider.<\/p>\n<p>Brugere har ikke l\u00e6ngere brug for udviklerf\u00e6rdigheder for at f\u00e5 fuld kontrol over layoutet og websteds samlede udseende.<\/p>\n<figure id=\"attachment_99183\" aria-describedby=\"caption-attachment-99183\" style=\"width: 2316px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99183 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/cover-block-in-template-editing-mode.jpg\" alt=\"Problemet med justering i fuld bredde er rettet.\" width=\"2316\" height=\"1130\"><figcaption id=\"caption-attachment-99183\" class=\"wp-caption-text\">Problemet med justering i fuld bredde er rettet.<\/figcaption><\/figure>\n<p>Template Editing Mode var f\u00f8rst <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30438\">tilg\u00e6ngelig for b\u00e5de bloktemaer og klassiske temaer<\/a>. Efter en tankev\u00e6kkende diskussion i 5.8 leads-kanalen blev det besluttet at lade skabeloneditoren tilv\u00e6lge klassiske temaer og frav\u00e6lge bloktemaer (se ogs\u00e5 pull #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32858\">32858<\/a>).<\/p>\n<p>If\u00f8lge <a href=\"https:\/\/make.wordpress.org\/themes\/2021\/07\/08\/summary-theme-features-in-wordpress-5-8\/\">Carolina Nymark<\/a>:<\/p>\n<blockquote><p>Oprindeligt blev skabelonredigering aktiveret for alle temaer. Temaudviklere rejste bekymring for, at de ikke kunne opdatere alle deres eksisterende klassiske temaer for at underst\u00f8tte denne nye funktion. Med en sen \u00e6ndring v\u00e6lger frig\u00f8relsestroppen og redakt\u00f8rholdet at \u00e6ndre redigering af skabeloner, s\u00e5 de v\u00e6lger klassiske temaer.<\/p><\/blockquote>\n<p>For at tilv\u00e6lge klassiske temaer skal udviklere nu tilf\u00f8je temasupport:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'block-templates' );<\/code><\/pre>\n<p>Klassiske temaer ved hj\u00e6lp af <em>theme.json<\/em> kan frav\u00e6lge ved at fjerne temasupport:<\/p>\n<pre><code class=\"language-php\">remove_theme_support(  'block-templates' );<\/code><\/pre>\n<p>For en mere detaljeret oversigt over, hvordan skabelonredigeringsfunktion fungerer i WordPress 5.8 og nogle nyttige eksempler p\u00e5 brug, skal du s\u00f8rge for at se denne video fra Anne McCarty:<\/p>\n<p><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Z571V_jlD-o\"><\/kinsta-video><\/p>\n<h3>Temablokke<\/h3>\n<p>Som n\u00e6vnt tidligere er FSE ikke en enkelt funktion, men et komplet s\u00e6t af site-building-funktioner, der ikke kun er relateret til site-editoren. <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#template-editing-mode\">Template Editing Mode<\/a> er bare et eksempel p\u00e5 det. Men sammen med skabelonredigering bringer WordPress 5.8 ogs\u00e5 mange <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/20\/full-site-editing-go-no-go-next-steps\/\">temablokke<\/a>, der kan vise information dynamisk hentet fra databasen. Nogle af disse blokke kan ogs\u00e5 bruges i ikke-FSE-sammenh\u00e6nge (se nummer <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\">28744<\/a>).<\/p>\n<figure id=\"attachment_98606\" aria-describedby=\"caption-attachment-98606\" style=\"width: 1124px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98606 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/fse-blocks.jpg\" alt=\"Fuld Site Editor-blokke er tilg\u00e6ngelige i ikke-FSE-sammenh\u00e6nge siden WordPress 5.8.\" width=\"1124\" height=\"1798\"><figcaption id=\"caption-attachment-98606\" class=\"wp-caption-text\">Fuld Site Editor-blokke er tilg\u00e6ngelige i ikke-FSE-sammenh\u00e6nge siden WordPress 5.8.<\/figcaption><\/figure>\n<p><strong>Tema-blokke bringer skabelonfunktionaliteter til klassiske temaer<\/strong>, og du kan bruge dem p\u00e5 samme m\u00e5de som almindelige blokke. For eksempel kan du tilf\u00f8je post-tags eller indl\u00e6ggets fremh\u00e6vede billede hvor som helst i indl\u00e6ggets indhold eller skabelon. For at f\u00e5 en id\u00e9 om antallet af temablokke, der er f\u00f8jet til kernen med WordPress 5.8, skal du bare skrive<strong>\/poste<\/strong> i blokholderen:<\/p>\n<figure id=\"attachment_98619\" aria-describedby=\"caption-attachment-98619\" style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98619 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/post-related-blocks.png\" alt=\"Foresl\u00e5ede temablokke.\" width=\"662\" height=\"864\"><figcaption id=\"caption-attachment-98619\" class=\"wp-caption-text\">Foresl\u00e5ede temablokke.<\/figcaption><\/figure>\n<p>En nyttig temablok tilg\u00e6ngelig med WordPress 5.8 er <strong>Login\/out<\/strong>-blokken, som giver login- og logout-links. Det kan valgfrit vise loginformularen i stedet for et link. Webstedsadministratorer kan ogs\u00e5 tilpasse omdirigeringsm\u00e5let (se PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29766\">29766<\/a>).<\/p>\n<figure id=\"attachment_98612\" aria-describedby=\"caption-attachment-98612\" style=\"width: 1948px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98612 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/login-out-block.jpg\" alt=\"Login\/out blokerer dets indstillinger i blokeditoren.\" width=\"1948\" height=\"770\"><figcaption id=\"caption-attachment-98612\" class=\"wp-caption-text\">Login\/out blokerer dets indstillinger i blokeditoren.<\/figcaption><\/figure>\n<p>For en n\u00e6rmere visning af FSE-blokke, se sp\u00f8rgsm\u00e5let &#8220;Aktivering af Full Site Editor-blokke i klassiske temaer&#8221; <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/28744\">p\u00e5 Github<\/a>.<\/p>\n<h3>The Query Loop Block<\/h3>\n<p>Hvor mange gange har du befundet dig i en situation, hvor du har brug for at vise en tilpasset liste over blogindl\u00e6g eller <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-brugerdefinerede-indlaegstyper\/\">tilpassede typer af indl\u00e6g<\/a>? T\u00e6nk p\u00e5 produkter, begivenheder, fast ejendom &#8230; Selvf\u00f8lgelig har du masser af plugins at v\u00e6lge imellem til det, men evnen til at oprette meget tilpassede foresp\u00f8rgsler kr\u00e6ver ofte udvikler-f\u00e6rdigheder for at k\u00e6mpe med <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/the-loop\/\">WordPress Loop<\/a>.<\/p>\n<p>Med introduktionen af <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\">\u200b\u200bQuery Loop-blokken<\/a> i WordPress Core kan webstedsejere og administratorer oprette lister over indl\u00e6g og CPT&#8217;er uden at skrive kompleks kode eller <a href=\"https:\/\/kinqsta.com\/blog\/hire-wordpress-developer\/\">hyre en udvikler<\/a>, i det mindste i de mest almindelige brugssager.<\/p>\n<p>S\u00e5 hvad g\u00f8r Query Loop Block?<\/p>\n<p>Kort sagt, det fungerer det samme som WordPress Loop, men i den visuelle kontekst af blokeditoren.<\/p>\n<p>Query Loop-blokken udf\u00f8rer en foresp\u00f8rgsel baseret p\u00e5 brugerens indstillinger over WordPress-databasen, l\u00f8ber gennem hvert hentet indl\u00e6g og viser data p\u00e5 siden.<\/p>\n<p>Efter <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/24762\">intensiv udvikling<\/a>, har denne blok n\u00e5et sin nuv\u00e6rende struktur og best\u00e5r nu af <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/32283\">to indlejrede blokke<\/a>: <strong>Query<\/strong> og <strong>Post Template<\/strong>-blokke.<\/p>\n<figure id=\"attachment_99071\" aria-describedby=\"caption-attachment-99071\" style=\"width: 2126px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99071 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/query-loop-list-view.jpg\" alt=\"Listevisning af en Query Loop-blok.\" width=\"2126\" height=\"1124\"><figcaption id=\"caption-attachment-99071\" class=\"wp-caption-text\">Listevisning af en Query Loop-blok.<\/figcaption><\/figure>\n<p>For at v\u00e6re en avanceret funktion kr\u00e6ver Query Loop-blokken nogle konfigurationer.<\/p>\n<p>F\u00f8rst kan du v\u00e6lge mellem forskellige <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-5\/#block-patterns\">blokm\u00f8nstre<\/a>, der er angivet i karrusel- og gittervisning. N\u00e5r du har valgt dit m\u00f8nster, skal du blot klikke p\u00e5 <strong>V\u00e6lg<\/strong>, og Query Loop-blokken genererer din brugerdefinerede liste over indl\u00e6g.<\/p>\n<figure id=\"attachment_98623\" aria-describedby=\"caption-attachment-98623\" style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98623 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/query-block-grid-view.jpg\" alt=\"Query Loop-blokm\u00f8nstre i gittervisning.\" width=\"1262\" height=\"1374\"><figcaption id=\"caption-attachment-98623\" class=\"wp-caption-text\">Query Loop-blokm\u00f8nstre i gittervisning.<\/figcaption><\/figure>\n<p>Hvis du klikker p\u00e5 <strong>Start tomt,<\/strong> vil du se en liste med fire Core-blokvarianter: <strong>Titel &#038; dato; Titel &#038; uddrag; Titel, dato og uddrag; <\/strong>og<strong> billede, dato og titel <\/strong>(se <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">Tilbud af m\u00f8nstre ved blokops\u00e6tning<\/a>).<\/p>\n<figure id=\"attachment_99068\" aria-describedby=\"caption-attachment-99068\" style=\"width: 1238px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99068 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/query-loop-variations-1.png\" alt=\"Query Loop-blokvariationer.\" width=\"1238\" height=\"662\"><figcaption id=\"caption-attachment-99068\" class=\"wp-caption-text\">Query Loop-blokvariationer.<\/figcaption><\/figure>\n<p>N\u00e5r du er p\u00e5 plads, skal du v\u00e6lge Query Loop-blokken for at vise sidebar for blokindstillinger, hvor du kan oprette din foresp\u00f8rgsel. Du kan enten arve foresp\u00f8rgslen fra <a href=\"https:\/\/kinqsta.com\/blog\/what-is-a-url\/\">URL&#8217;en<\/a> eller tilpasse foresp\u00f8rgsels-argumenterne: typen af indl\u00e6g, der skal medtages p\u00e5 listen, visningsr\u00e6kkef\u00f8lgen og om der skal v\u00e6re sticky post eller ej.<\/p>\n<p>Du kan ogs\u00e5 indstille flere filtre, v\u00e6lge mellem kategorier, forfattere og n\u00f8gleord.<\/p>\n<figure id=\"attachment_98625\" aria-describedby=\"caption-attachment-98625\" style=\"width: 2876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98625 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/query-block.jpg\" alt=\"Vis Query Loop-blokindstillinger.\" width=\"2876\" height=\"1380\"><figcaption id=\"caption-attachment-98625\" class=\"wp-caption-text\">Vis Query Loop-blokindstillinger.<\/figcaption><\/figure>\n<p>Derudover giver en knap <strong>Visningsindstillinger<\/strong> i blokv\u00e6rkt\u00f8jslinjen flere indstillinger til at styre antallet af elementer pr. side, forskydningen og det maksimale antal sider, der skal vises.<\/p>\n<figure id=\"attachment_98622\" aria-describedby=\"caption-attachment-98622\" style=\"width: 1252px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98622 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/query-block-display-settings.jpg\" alt=\"Vis Query Loop-blokindstillinger.\" width=\"1252\" height=\"1152\"><figcaption id=\"caption-attachment-98622\" class=\"wp-caption-text\">Vis Query Loop-blokindstillinger.<\/figcaption><\/figure>\n<p>Ja, Query Loop-blokken er et kraftfuldt v\u00e6rkt\u00f8j, der giver webstedsejere mulighed for at oprette meget tilpassede lister over indl\u00e6g og tilpassede indl\u00e6gstyper.<\/p>\n<p>Men hvis du g\u00e5r gennem <a href=\"https:\/\/developer.wordpress.org\/reference\/classes\/wp_query\/\">WP_Query<\/a> klasseparametrene, er det klart, at niveauet for tilpasning, der er mulig ved hj\u00e6lp af koden, er langt mere detaljeret, end hvad der er muligt ved hj\u00e6lp af Query Loop-blokken.<\/p>\n<p>Ikke desto mindre er det faktisk et v\u00e6rdifuldt og fleksibelt v\u00e6rkt\u00f8j, der egner sig til mange brugssager, og vi vil sandsynligvis se yderligere forbedringer i fremtiden.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Query Loop og Post Template er blevet omd\u00f8bt flere gange i de sidste uger. Den endelige navngivning er n\u00e5et med <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/24\/whats-new-in-gutenberg-10-9-23-june\/\">Gutenberg 10.9<\/a>.<\/p>\n<\/aside>\n\n<h3>Vedvarende listevisning i Post Editor<\/h3>\n<p>En anden FSE-funktion udvidet til Post Editor er <strong>Persistent List View<\/strong>. F\u00f8r WordPress 5.8 (og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/27\/whats-new-in-gutenberg-10-7-26-may\/\">Gutenberg 10.7<\/a>) blev listevisningen vist i en popover. N\u00e5r du flytter fokus uden for popover, forsvinder listen.<\/p>\n<p>Omvendt viste Site Editor redigering af listevisning i et sidebj\u00e6lke, der indeholder hele blok-tr\u00e6et.<\/p>\n<p>Med WordPress 5.8 vises listevisningen nu i en sidebar i Post Editor, s\u00e5 brugerne kan navigere i blok-tr\u00e6et hurtigere og mere pr\u00e6cist.<\/p>\n<figure id=\"attachment_98618\" aria-describedby=\"caption-attachment-98618\" style=\"width: 698px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98618 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/persistent-list-view.png\" alt=\"Sidebar Listevisning i WordPress 5.8.\" width=\"698\" height=\"1182\"><figcaption id=\"caption-attachment-98618\" class=\"wp-caption-text\">Sidebar Listevisning i WordPress 5.8.<\/figcaption><\/figure>\n<p>Ved at klikke p\u00e5 et element i listevisningen fremh\u00e6ves listeelementet og flytter fokus til den tilsvarende blok i Post Editor-l\u00e6rredet. Hvis du derudover holder mark\u00f8ren over elementerne i listevisningen, bliver b\u00e5de elementet og den tilsvarende blok i Post Editor markeret.<\/p>\n<figure id=\"attachment_99304\" aria-describedby=\"caption-attachment-99304\" style=\"width: 2158px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99304 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-enhancement-1.jpg\" alt=\"Hold mark\u00f8ren over elementerne i listevisningen.\" width=\"2158\" height=\"1184\"><figcaption id=\"caption-attachment-99304\" class=\"wp-caption-text\">Hold mark\u00f8ren over elementerne i listevisningen.<\/figcaption><\/figure>\n<p>Til sidst vises tilf\u00f8jelse af et anker til en blok ogs\u00e5 ved siden af det tilsvarende element i listevisningen.<\/p>\n<figure id=\"attachment_99303\" aria-describedby=\"caption-attachment-99303\" style=\"width: 2496px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99303 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/persistent-list-view-anchor-2.jpg\" alt=\"Tilf\u00f8jelse af et anker til blokke i WordPress 5.8.\" width=\"2496\" height=\"1156\"><figcaption id=\"caption-attachment-99303\" class=\"wp-caption-text\">Tilf\u00f8jelse af et anker til blokke i WordPress 5.8.<\/figcaption><\/figure>\n<p>Med alle disse forbedringer af listevisningen skal det v\u00e6re meget lettere at navigere i komplekse dokumenter.<\/p>\n<h2>Block-Based Widgets Editor og Block Widgets i Customizer<\/h2>\n<p>Den <strong>blokbaserede widgetseditor<\/strong> er et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/projects\/27\">bredt projekt<\/a>, der sigter mod at bringe gr\u00e6nsefladen til <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\">blokeditoren til klassiske tema-widgets<\/a>.<\/p>\n<p>Den nye widgeteditor tilbyder mange fordele for langt de fleste, der stadig bruger klassiske temaer. Samtidig giver det dem mulighed for at stifte bekendt med blokgr\u00e6nsefladen, f\u00f8r det bliver standard for alle <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-user-roles\/\">WordPress-brugere<\/a>.<\/p>\n<figure id=\"attachment_98656\" aria-describedby=\"caption-attachment-98656\" style=\"width: 2150px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98656 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/block-widgets.jpg\" alt=\"Bloker widgets modal.\" width=\"2150\" height=\"1254\"><figcaption id=\"caption-attachment-98656\" class=\"wp-caption-text\">Bloker widgets modal.<\/figcaption><\/figure>\n<p>Som <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/11\/bringing-the-power-of-blocks-to-widgets\/\">Anne McCarty p\u00e5peger<\/a>, giver blokbaserede widgets flere fordele, herunder f\u00f8lgende:<\/p>\n<ul>\n<li>Du kan nu oprette<strong> layout i sidebars<\/strong>, headers, and footers ved hj\u00e6lp af kolonner, separatorer, afstandsstykker og andre designblokke.<\/li>\n<li>Widgets underst\u00f8tter nu som standard <strong>redigering<\/strong> af<strong> rich text<\/strong> uden behov for brugere at tilf\u00f8je brugerdefineret kode eller integrere en tredjeparts HTML-editor med et plugin.<\/li>\n<li>Mange kortkodebaserede widgets er nu <strong>tilg\u00e6ngelige som blokke <\/strong>og str\u00f8mliner redigeringsoplevelsen.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\">Andrei Draganescu<\/a> understreger ogs\u00e5 de fordele, vi kan f\u00e5 ved at kunne redigere widgets fra en blokbaseret gr\u00e6nseflade:<\/p>\n<blockquote><p>Den st\u00f8rste fordel ved at opgradere widgets-funktionaliteten til blokke kommer fra muligheden for direkte at redigere widgets ved hj\u00e6lp af den velkendte blokinteraktion, som du bruger, n\u00e5r du redigerer en side eller et indl\u00e6g p\u00e5 dit websted. At kunne bruge blokke \u00e5bner for masser af nye kreative muligheder, fra mini-layout uden kode til at tappe i det store bibliotek med kerne- og tredjepartsblokke for at skabe indhold.<\/p><\/blockquote>\n<p>Du beh\u00f8ver ikke bekymre dig om, at dine widgets m\u00e5ske holder op med at arbejde med WordPress 5.8, fordi <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/12\/help-test-the-widgets-editor-for-wordpress-5-8\/\">samfundet har arbejdet h\u00e5rdt<\/a> for <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/07\/whats-next-in-gutenberg-may-2021\/\">at sikre bagudkompatibilitet<\/a>, s\u00e5 &#8220;eksisterende widgets og tredjepartswidgets forts\u00e6tter med at arbejde og kan bruges sammen med blokke&#8221; (se <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\">Block-baseret widgets editor i WordPress 5.8<\/a>).<\/p>\n<p>Men igen, for at forhindre kompatibilitetsproblemer med din eksisterende WordPress-installation skal du ikke glemme at teste den nye version i et <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/staging-environment\/\">scenemilj\u00f8<\/a>, f\u00f8r du opdaterer dit live-websted.<\/p>\n<p>For de af jer, der frav\u00e6lger at bruge den blokbaserede widgets-editor lige nu, er det stadig muligt at gendanne den klassiske <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-widgets\/\">widgets<\/a>-sk\u00e6rm p\u00e5 tre forskellige m\u00e5der:<\/p>\n<ol>\n<li>Du kan installere det officielle Classic Widgets-plugin, som gendanner den tidligere gr\u00e6nseflade p\u00e5 widgets-sk\u00e6rmen. Pluginet \u201cunderst\u00f8ttes og vedligeholdes indtil mindst 2022 eller s\u00e5 l\u00e6nge det er n\u00f8dvendigt\u201d.<\/li>\n<li>Temaudviklere kan deaktivere den blokbaserede widgetseditor ved at fjerne temasupport som normalt: <code class=\"language-php\">remove_theme_support( 'widgets-block-editor' );<\/code><\/li>\n<li>Et nyt <code>use_widgets_block_editor<\/code>-filter kan ogs\u00e5 bruges:\n<pre><code class=\"language-php\">add_filter( 'use_widgets_block_editor', '__return_false' );<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>Se ogs\u00e5 <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/opting-out\/\">Gendannelse af den klassiske widget editor<\/a> i <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/overview\/\">Widget Block Editor-oversigten<\/a>.<\/p>\n<h3>Bloker widgets til Customizer<\/h3>\n<p>Som en del af det samme projekt bringer WordPress 5.8 ogs\u00e5 <strong>blok widgets til customizer<\/strong>.<\/p>\n<figure id=\"attachment_98642\" aria-describedby=\"caption-attachment-98642\" style=\"width: 598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98642 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/welcome-to-block-widgets.jpg\" alt=\"Blok widgets i customizer.\" width=\"598\" height=\"1398\"><figcaption id=\"caption-attachment-98642\" class=\"wp-caption-text\">Blok widgets i customizer.<\/figcaption><\/figure>\n<p>Tilf\u00f8jelse af en blokbaseret widget i tilpasningen er ret ligetil. Du kan starte<strong> tilpasning af widget-inds\u00e6tter<\/strong> ved at klikke p\u00e5 plusikonet i \u00f8verste h\u00f8jre hj\u00f8rne af widgetspanelet.<\/p>\n<figure id=\"attachment_98596\" aria-describedby=\"caption-attachment-98596\" style=\"width: 1706px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98596 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-inserter.jpg\" alt=\"Tilpas widget-inds\u00e6tteren.\" width=\"1706\" height=\"1298\"><figcaption id=\"caption-attachment-98596\" class=\"wp-caption-text\">Tilpas widget-inds\u00e6tteren.<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 starte <strong>hurtig-inds\u00e6ttelsen<\/strong> fra bunden af widgetpanelet, som vist p\u00e5 det f\u00f8lgende billede.<\/p>\n<figure id=\"attachment_98597\" aria-describedby=\"caption-attachment-98597\" style=\"width: 1212px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98597 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/customize-widgets-quick-inserter.jpg\" alt=\"Tilpas widgets hurtig-inds\u00e6tter.\" width=\"1212\" height=\"886\"><figcaption id=\"caption-attachment-98597\" class=\"wp-caption-text\">Tilpas widgets hurtig-inds\u00e6tter.<\/figcaption><\/figure>\n<p>P\u00e5 dette tidspunkt kr\u00e6ver den nye widget redigering gr\u00e6nseflade stadig <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/labels\/%5BFeature%5D%20Widgets%20Customizer\">forbedringer og fejlrettelser<\/a>, men mulighederne for tilpasning er n\u00e6sten ubegr\u00e6nsede.<\/p>\n<p>Grundl\u00e6ggende starter du med WordPress 5.8, at du har kraften i <a href=\"https:\/\/kinqsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\">blokeditoren<\/a> i tilpasningen, og du vil v\u00e6re i stand til at oprette meget tilpassede sidebars uden besv\u00e6r.<\/p>\n<figure id=\"attachment_98632\" aria-describedby=\"caption-attachment-98632\" style=\"width: 924px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98632 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/show-more-settings.jpg\" alt=\"Vis flere indstillinger.\" width=\"924\" height=\"1066\"><figcaption id=\"caption-attachment-98632\" class=\"wp-caption-text\">Vis flere indstillinger.<\/figcaption><\/figure>\n<p>Den <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-based-widgets-editor-in-wordpress-5-8\/\">blokbaserede widgets editor-dev-note<\/a> giver et mere dybtg\u00e5ende overblik over den blokbaserede widgets editor med eksempler og ressourcer til udviklere.<\/p>\n<h2>Block Editor-funktioner og forbedringer<\/h2>\n<p>Ud over den f\u00f8rste FSE-implementering bringer WordPress 5.8 ogs\u00e5 nye funktioner og forbedringer til flere elementer i blokeditoren, hvilket forbedrer den samlede redigeringsoplevelse betydeligt.<\/p>\n<p>Disse \u00e6ndringer inkluderer:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"9\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Medie- og tekstblokforbedringer<\/h3>\n<p>Omdannelse af en blok til en <strong>kolonneblok<\/strong> har v\u00e6ret mulig i et stykke tid nu. Imidlertid omdannede alle blokke til kolonneblokke med en enkelt kolonne. Dette kan f\u00f8re til suboptimale resultater for <strong>medie- og tekst<\/strong> blokken, som en enkelt kolonne normalt ikke er egnet til.<\/p>\n<figure id=\"attachment_98614\" aria-describedby=\"caption-attachment-98614\" style=\"width: 2314px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98614 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-transforms.jpg\" alt=\"Medier og tekst blokerer transformationer og stilarter.\" width=\"2314\" height=\"1110\"><figcaption id=\"caption-attachment-98614\" class=\"wp-caption-text\">Medier og tekst blokerer transformationer og stilarter.<\/figcaption><\/figure>\n<p>Fra og med WordPress 5.8 (og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/17\/whats-new-in-gutenberg-10-2-17-march\/\">Gutenberg 10.2<\/a>) tilf\u00f8jer automatisk<strong> medie- og tekst<\/strong> blok til en <strong>kolonneblok<\/strong> automatisk to kolonner: en til billedet og en anden til teksten.<\/p>\n<figure id=\"attachment_98613\" aria-describedby=\"caption-attachment-98613\" style=\"width: 2018px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98613 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/media-and-text-to-two-columns.jpg\" alt=\"To kolonner er blevet transformeret til medier og tekst.\" width=\"2018\" height=\"652\"><figcaption id=\"caption-attachment-98613\" class=\"wp-caption-text\">To kolonner er blevet transformeret til medier og tekst.<\/figcaption><\/figure>\n<h3>Forbedringer af genanvendelige blokke<\/h3>\n<p>Genanvendelige blokke giver brugeren mulighed for at gemme en blok eller en gruppe blokke til senere genbrug i ethvert indl\u00e6g eller side p\u00e5 et websted. Dette er hovedsageligt nyttigt for brugere, der gentagne gange inkluderer den samme blok eller gruppe af blokke i forskellige indl\u00e6g eller p\u00e5 sider.<\/p>\n<figure id=\"attachment_98628\" aria-describedby=\"caption-attachment-98628\" style=\"width: 1290px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98628 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-modal.jpg\" alt=\"Et modal til genbrugs-blokke til oprettelse af flow.\" width=\"1290\" height=\"964\"><figcaption id=\"caption-attachment-98628\" class=\"wp-caption-text\">Et modal til genbrugs-blokke til oprettelse af flow.<\/figcaption><\/figure>\n<p>Med WordPress 5.8 er genanvendelige blokke visuelt klarere, hvilket g\u00f8r dem lettere for WordPress-brugere at administrere.<\/p>\n<figure id=\"attachment_98630\" aria-describedby=\"caption-attachment-98630\" style=\"width: 2084px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98630 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/reusable-block.jpg\" alt=\"En genanvendelig blok i WordPress 5.8.\" width=\"2084\" height=\"724\"><figcaption id=\"caption-attachment-98630\" class=\"wp-caption-text\">En genanvendelig blok i WordPress 5.8.<\/figcaption><\/figure>\n<p>Her er en hurtig liste over genanvendelige blok forbedringer, som brugere finder efter opdatering af deres websteder til WordPress 5.8:<\/p>\n<ul>\n<li>N\u00e5r du opretter en genanvendelig blok, tillader et modal nu brugere mulighed for at tildele et navn til blokken.<\/li>\n<li>Genbrugsblokens navn vises nu i blok toolbar, navigationslisten og br\u00f8dkrummer.<\/li>\n<li>N\u00e5r en underordnet blok er valgt, er genanvendelige blokke nu beskrevet. Dette markerer en betydelig forbedring i brugervenlighed, da det giver dig mulighed for let at identificere parent-blokken og dens indhold.<\/li>\n<li>Det er nu muligt at \u00e6ndre navnet p\u00e5 blok i sidebar inspector.<\/li>\n<\/ul>\n<figure id=\"attachment_98629\" aria-describedby=\"caption-attachment-98629\" style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98629 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/reusable-block-outlines.jpg\" alt=\"Genanvendelige blokoversigter.\" width=\"1262\" height=\"658\"><figcaption id=\"caption-attachment-98629\" class=\"wp-caption-text\">Genanvendelige blokoversigter.<\/figcaption><\/figure>\n<h3>Normaliserede block toolbars<\/h3>\n<p>Flere block toolbars er blevet omarrangeret for at give en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">ensartet brugergr\u00e6nseflade p\u00e5 tv\u00e6rs af blokke<\/a> og forbedre brugeroplevelsen. Nu er toolbar kontrol grupperet efter den semantiske r\u00e6kkef\u00f8lge &#8220;meta, blokniveau, inline&#8221;.<\/p>\n<figure id=\"attachment_98607\" aria-describedby=\"caption-attachment-98607\" style=\"width: 950px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98607 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/heading-block-toolbar.png\" alt=\"Header block toolbar.\" width=\"950\" height=\"294\"><figcaption id=\"caption-attachment-98607\" class=\"wp-caption-text\">Header block toolbar.<\/figcaption><\/figure>\n<p>Siden <a href=\"https:\/\/make.wordpress.org\/core\/2021\/03\/02\/whats-new-in-gutenberg-10-1-3-march\/\">Gutenberg 10.1<\/a> og <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">Gutenberg 10.3<\/a> er et helt s\u00e6t block toolbars blevet normaliseret. Disse inkluderer et <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29205\">billede<\/a>, en knap, knapper, liste, header, afsnit, citat, lyd, fil, medier og tekst, video og meget mere.<\/p>\n<p>If\u00f8lge <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/25983\">Matias Ventura<\/a>:<\/p>\n<blockquote><p>De semantiske grupperinger, vi har i v\u00e6rkt\u00f8jslinjen &#8211; meta, blokniveau, inline &#8211; skal ogs\u00e5 have en visuel repr\u00e6sentation med gr\u00e6nserne. Lige nu har separate block level controls forskellige repr\u00e6sentationer, herunder tilf\u00e6lde som Navigation, hvor hver enkelt har gr\u00e6nser.<\/p><\/blockquote>\n<figure id=\"attachment_98610\" aria-describedby=\"caption-attachment-98610\" style=\"width: 953px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98610 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar.png\" alt=\"Normaliseret v\u00e6rkt\u00f8jslinje til blokering af billeder.\" width=\"953\" height=\"280\"><figcaption id=\"caption-attachment-98610\" class=\"wp-caption-text\">Normaliseret v\u00e6rkt\u00f8jslinje til blokering af billeder.<\/figcaption><\/figure>\n<p>S\u00e5 siden WordPress 5.8 grupperer blokv\u00e6rkt\u00f8jslinjen kontroller i segmenter omgivet af gr\u00e6nser. Ud over:<\/p>\n<ul>\n<li><strong>Meta<\/strong> segmentet indeholder <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/designers\/block-design\/#group-block-toolbar-controls-with-related-items\">kontrolelementer af bloktypen<\/a>, s\u00e5som blokomskifteren, tr\u00e6kh\u00e5ndtaget og bev\u00e6gelsesstyringen.<\/li>\n<li><strong>Block level <\/strong>segmentet indeholder specifikke blokv\u00e6rkt\u00f8jer, der p\u00e5virker hele indholdet, f.eks. justering i en afsnit eller blokering i en billedeblock.<\/li>\n<li><strong>Inline-niveauet\/andet<\/strong> segment indeholder integrerede transformationsv\u00e6rkt\u00f8jer, s\u00e5som integreret formatering i en tekstblok.<\/li>\n<li><strong>Menuen<\/strong> Mere indeholder yderligere v\u00e6rkt\u00f8jer.<\/li>\n<\/ul>\n<p>Billedet nedenfor sammenligner billede-blok toolbar i WordPress 5.7 og 5.8:<\/p>\n<figure id=\"attachment_98608\" aria-describedby=\"caption-attachment-98608\" style=\"width: 902px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98608 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/image-block-toolbar-before-after.png\" alt=\"Billede block toolbar i WordPress 5.7 vs WordPress 5.8.\" width=\"902\" height=\"466\"><figcaption id=\"caption-attachment-98608\" class=\"wp-caption-text\">Billede block toolbar i WordPress 5.7 vs WordPress 5.8.<\/figcaption><\/figure>\n<h3>Top forbedringer til toolbar<\/h3>\n<p>Med top toolbar modus aktiveret i tidligere WordPress-versioner blev den \u00f8verste v\u00e6rkt\u00f8jslinje og blok toolbar vist side om side som vist i f\u00f8lgende billede:<\/p>\n<figure id=\"attachment_98644\" aria-describedby=\"caption-attachment-98644\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98644 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/wordpress-57-top-toolbar.jpg\" alt=\"Den \u00f8verste toolbar p\u00e5 brede sk\u00e6rme i WordPress 5.7.\" width=\"2880\" height=\"1332\"><figcaption id=\"caption-attachment-98644\" class=\"wp-caption-text\">Den \u00f8verste toolbar p\u00e5 brede sk\u00e6rme i WordPress 5.7.<\/figcaption><\/figure>\n<p>Med WordPress 5.8 vil aktivering af den \u00f8verste visning af toolbar rette blok toolbar \u00f8verst p\u00e5 editoren lige under den \u00f8verste toolbar. Dette sker uafh\u00e6ngigt af browserbredden og b\u00f8r forbedre brugeroplevelsen betydeligt.<\/p>\n<figure id=\"attachment_98645\" aria-describedby=\"caption-attachment-98645\" style=\"width: 2880px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98645 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/wordpress-58-top-toolbar.jpg\" alt=\"Den \u00f8verste toolbar p\u00e5 brede sk\u00e6rme i WordPress 5.8.\" width=\"2880\" height=\"1324\"><figcaption id=\"caption-attachment-98645\" class=\"wp-caption-text\">Den \u00f8verste toolbar p\u00e5 brede sk\u00e6rme i WordPress 5.8.<\/figcaption><\/figure>\n<p>Denne forbedring medf\u00f8rer ogs\u00e5 \u00e6ndringer for udviklere, da den forener toolbars API&#8217;er under komponenten <code>&lt;BlockTools \/&gt;<\/code> (se PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31134\">31134<\/a>).<\/p>\n<h3>Embedded PDF-filer<\/h3>\n<p>N\u00e5r en PDF-fil f\u00f8jes til dokumentet gennem filblokken, giver en ny sidebarskift dig mulighed for at aktivere\/deaktivere en <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/30\/whats-new-in-gutenberg-10-5-28-april\/\">embedded PDF version<\/a> (se PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30857\">30857<\/a>).<\/p>\n<figure id=\"attachment_98604\" aria-describedby=\"caption-attachment-98604\" style=\"width: 2080px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98604 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/embedded-pdf.jpg\" alt=\"En embedded PDF i WordPress 5.8.\" width=\"2080\" height=\"1054\"><figcaption id=\"caption-attachment-98604\" class=\"wp-caption-text\">En embedded PDF i WordPress 5.8.<\/figcaption><\/figure>\n<p>Du kan enten tr\u00e6kke filen direkte p\u00e5 editorens l\u00e6rred eller blot v\u00e6lge den fra biblioteket. Det er ogs\u00e5 muligt manuelt at justere h\u00f8jden p\u00e5 PDF-fremviseren eller ved hj\u00e6lp af sidebj\u00e6lken.<\/p>\n<p>Alle st\u00f8rre webbrowsere underst\u00f8tter PDF-fremviseren, <a href=\"https:\/\/caniuse.com\/pdf-viewer\">undtagen mobilbrowsere<\/a>.<\/p>\n<h3>Duotone Block Support<\/h3>\n<p>En af de mest interessante funktioner, der er sl\u00e5et sammen i Core med WordPress 5.8, er duotone filteret, der f\u00f8rst blev introduceret med Gutenberg 10.6.<\/p>\n<figure id=\"attachment_98601\" aria-describedby=\"caption-attachment-98601\" style=\"width: 1256px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98601 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/duotone-image.jpg\" alt=\"Det nye duotone designv\u00e6rkt\u00f8j i en billede-blok.\" width=\"1256\" height=\"1186\"><figcaption id=\"caption-attachment-98601\" class=\"wp-caption-text\">Det nye duotone designv\u00e6rkt\u00f8j i en billede-blok.<\/figcaption><\/figure>\n<p>Tilg\u00e6ngelig som en \u201c<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26752\">block underst\u00f8tter\u201d funktion<\/a>, er duotonefilteret aktiveret som standard i kerne <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26751\">billede<\/a> og cover blokke. I forsideblokken fungerer det dog ikke med <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/31662\">faste baggrunde<\/a>.<\/p>\n<figure id=\"attachment_98602\" aria-describedby=\"caption-attachment-98602\" style=\"width: 1268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98602 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/duotone-picker.jpg\" alt=\"Den nye duotone-v\u00e6lger i WordPress 5.8.\" width=\"1268\" height=\"998\"><figcaption id=\"caption-attachment-98602\" class=\"wp-caption-text\">Den nye duotone-v\u00e6lger i WordPress 5.8.<\/figcaption><\/figure>\n<p>Billed- og cover block toolbars viser nu en <strong>Anvend duotone-filter <\/strong>kontrol, der viser en duotone-v\u00e6lger med mange forudindstillinger at v\u00e6lge imellem.<\/p>\n<p>To subcontrols tillader tilpasning af skygger og h\u00f8jdepunkter separat. Effekten anvendes med et <a href=\"https:\/\/www.w3.org\/TR\/SVG11\/filters.html\">SVG-filter<\/a> skjult med indbyggede stilarter og anvendes ved hj\u00e6lp af et specifikt klassenavn.<\/p>\n<figure id=\"attachment_98603\" aria-describedby=\"caption-attachment-98603\" style=\"width: 2142px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98603 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/duotone-source-code.jpg\" alt=\"Inspektion af duotone SVG-filteret i Chrome DevTools.\" width=\"2142\" height=\"1038\"><figcaption id=\"caption-attachment-98603\" class=\"wp-caption-text\">Inspektion af duotone SVG-filteret i Chrome DevTools.<\/figcaption><\/figure>\n<p>Det nye v\u00e6rkt\u00f8j kommer i par med en ny <code>color.__experimentalDuotone<\/code>, der tillader udviklere at tilf\u00f8je duotonefilteret til blokke eller dele af blokke i deres <strong>block.json-<\/strong>fil (mere om dette i <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color\">farve objekt reference<\/a>):<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\t__experimentalDuotone: '&gt; .duotone-img, &gt; .duotone-video',\n\t\tbackground: false,\n\t\ttext: false\n\t}\n}<\/code><\/pre>\n<p>N\u00e5r en blok erkl\u00e6rer underst\u00f8ttelse af <code>color.__experimentalDuotone<\/code>, kan en <code>style<\/code>attribut bruges til at indstille <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/#color-__experimentalduotone\">brugerdefinerede standardfarver<\/a>:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tduotone: [\n\t\t\t\t\t'#FFF',\n\t\t\t\t\t'#000\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Nedenfor kan du se det samme billede hvor to forskellige duotoneffekter er anvendt:<\/p>\n<figure id=\"attachment_98599\" aria-describedby=\"caption-attachment-98599\" style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98599 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-blue.jpg\" alt=\"Duotone farvefilter anvendes over et billede.\" width=\"1250\" height=\"850\"><figcaption id=\"caption-attachment-98599\" class=\"wp-caption-text\">Duotone farvefilter anvendes over et billede.<\/figcaption><\/figure>\n<figure id=\"attachment_98600\" aria-describedby=\"caption-attachment-98600\" style=\"width: 1250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98600 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/duotone-image-yellow.jpg\" alt=\"Et andet duotonfarvefilter anvendes over et billede.\" width=\"1250\" height=\"850\"><figcaption id=\"caption-attachment-98600\" class=\"wp-caption-text\">Et andet duotonfarvefilter anvendes over et billede.<\/figcaption><\/figure>\n<p>Udviklere kan definere duotone-<a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\">presets<\/a> i <strong>theme.json<\/strong> filen (se <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#block-settings-and-styles-with-themejson\">n\u00e6ste afsnit<\/a>) som vist i f\u00f8lgende uddrag:<\/p>\n<pre><code class=\"language-javascript\">{\n\"version\": 1,\n\"settings\": {\n\t\"color\": {\n\t\t\"duotone\": [\n\t\t\t{\n\t\t\t\t\"colors\": [ \"#000\", \"#7f7f7f\" ],\n\t\t\t\t\"slug\": \"black-and-white\",\n\t\t\t\t\"name\": \"dark-grayscale\"\n\t\t\t}\n\t\t],\n\t...<\/code><\/pre>\n<p>Du kan l\u00e6se mere om duotone filtre i <a href=\"https:\/\/wordpress.org\/news\/2021\/05\/coloring-your-images-with-duotone-filters\/\">Farvel\u00e6gning af dine billeder med duotone filtre<\/a>.<\/p>\n<h3>Tabelblokfarver og kanter<\/h3>\n<p>WordPress 5.8 bringer ogs\u00e5 et par <a href=\"https:\/\/make.wordpress.org\/core\/2021\/05\/14\/whats-new-in-gutenberg-10-6-12-may\/\">forbedringer til tabelblokken<\/a>, herunder bedre kontrol over tabel <a href=\"https:\/\/kinqsta.com\/blog\/website-color-schemes\/\">baggrund og forgrundsfarver<\/a>.<\/p>\n<figure id=\"attachment_98636\" aria-describedby=\"caption-attachment-98636\" style=\"width: 1618px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98636 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/table-block-color-settings.jpg\" alt=\"Forbedret tabelblok Farveindstillinger.\" width=\"1618\" height=\"1144\"><figcaption id=\"caption-attachment-98636\" class=\"wp-caption-text\">Forbedret tabelblok Farveindstillinger.<\/figcaption><\/figure>\n<p>En anden tilf\u00f8jelse til tabelblokken er <strong>underst\u00f8ttelse af border blok<\/strong>, som giver brugerne mulighed for at kontrollere kantfarve, stil og bredde.<\/p>\n<p>Hvis det aktive tema underst\u00f8tter den nye funktion, giver et nyt panel til <strong>border indstillinger <\/strong>tre nye kontroller til brugertilpasninger.<\/p>\n<figure id=\"attachment_98672\" aria-describedby=\"caption-attachment-98672\" style=\"width: 1984px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98672 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/border-block-support.jpg\" alt=\"Gr\u00e6nseblok kontrol i WordPress 5.8 og TT1 blokke.\" width=\"1984\" height=\"1224\"><figcaption id=\"caption-attachment-98672\" class=\"wp-caption-text\">Gr\u00e6nseblok kontrol i WordPress 5.8 og TT1 blokke.<\/figcaption><\/figure>\n<p>Udviklere kan tilf\u00f8je <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31265\">border block support<\/a> til deres temaer ved at tilf\u00f8je f\u00f8lgende kode til <strong>theme.json<\/strong>-filen:<\/p>\n<pre><code class=\"language-javascript\">\"border\": {\n\t\"customColor\": true,\n\t\"customStyle\": true,\n\t\"customWidth\": true\n}<\/code><\/pre>\n<h3>Forbedringer af Block Inserter<\/h3>\n<p>I WordPress 5.8 er blok inserter forbedret med <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">flere tilf\u00f8jelser<\/a> (PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/26938\">26938<\/a> og #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/21080#issuecomment-649231549\">21080<\/a>):<\/p>\n<figure id=\"attachment_98593\" aria-describedby=\"caption-attachment-98593\" style=\"width: 1354px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98593 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/block-inserter-keyboard-navigation.jpg\" alt=\"Ved at trykke pilen op og ned flyttes r\u00e6kkefokus.\" width=\"1354\" height=\"840\"><figcaption id=\"caption-attachment-98593\" class=\"wp-caption-text\">Ved at trykke pilen op og ned flyttes r\u00e6kkefokus.<\/figcaption><\/figure>\n<ol>\n<li><strong>Todimensionelt tastaturnavigation p\u00e5 blokinds\u00e6tteren<\/strong>. Nu kan vi navigere mellem blokke mere pr\u00e6cist og intuitivt.<\/li>\n<\/ol>\n<ul>\n<li>Ved at trykke p\u00e5 pil op (\u2191) og pil ned (\u2193) flyttes fokus til r\u00e6kken over eller under.<\/li>\n<li>Ved at trykke p\u00e5 <strong>Tab <\/strong>eller<strong> Skift + Tab<\/strong> kan du flytte fokus mellem s\u00f8gefeltet, fanelisten og det f\u00f8rste element i hver kategori.<\/li>\n<\/ul>\n<ol start=\"2\">\n<li><strong>En ny &#8220;Tema&#8221; -kategori for skabelondele og variationer<\/strong> vises nu i inds\u00e6tteren i Full Site Editing (se PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30020\">30020<\/a>).<\/li>\n<li><strong>Flere ord i den auto fuldf\u00f8rte s\u00e6tnings matcher<\/strong> er nu tilladt (se PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29939\">29939<\/a>).<\/li>\n<\/ol>\n<h3>Yderligere forbedringer af Block Editor<\/h3>\n<p>WordPress 5.8 bringer masser af ekstra sm\u00e5 og mellemstore \u00e6ndringer til et par linjer her. Blandt disse forbedringer n\u00e6vner vi f\u00f8lgende:<\/p>\n<h4>Tr\u00e6k og slip support i cover blokke<\/h4>\n<p>Nu kan du tr\u00e6kke og slippe billeder fra skrivebordet for at erstatte en coverblocks baggrund (se Gutenberg <a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/02\/whats-new-in-gutenberg-10-3-31-march\/\">10.3<\/a> og PR #<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/29813\">29813<\/a>).<\/p>\n<figure id=\"attachment_98598\" aria-describedby=\"caption-attachment-98598\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98598 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/drag-and-drop-cover-background-image.gif\" alt=\"Drag n drop baggrundsbilleder i forsideblokken.\" width=\"558\" height=\"338\"><figcaption id=\"caption-attachment-98598\" class=\"wp-caption-text\">Drag n drop baggrundsbilleder i forsideblokken.<\/figcaption><\/figure>\n<h4>UI til forbedret udgivelse<\/h4>\n<p>Siden WordPress 5.8 viser udgivelsesgr\u00e6nsefladen webstedets ikon og titel for at g\u00f8re det tydeligere, hvor du vil udgive dine indl\u00e6g eller sider (<a href=\"https:\/\/make.wordpress.org\/core\/2021\/04\/14\/whats-new-in-gutenberg-10-4-14-april\/\">Gutenberg 10.4<\/a>).<\/p>\n<figure id=\"attachment_98620\" aria-describedby=\"caption-attachment-98620\" style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98620 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-57.png\" alt=\"Udgivelse UI i WordPress 5.7.\" width=\"562\" height=\"730\"><figcaption id=\"caption-attachment-98620\" class=\"wp-caption-text\">Udgivelse UI i WordPress 5.7.<\/figcaption><\/figure>\n<figure id=\"attachment_98621\" aria-describedby=\"caption-attachment-98621\" style=\"width: 562px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98621 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/publishing-ui-wp-58.png\" alt=\"Udgivelses-gr\u00e6nseflade i WordPress 5.8.\" width=\"562\" height=\"730\"><figcaption id=\"caption-attachment-98621\" class=\"wp-caption-text\">Udgivelses-gr\u00e6nseflade i WordPress 5.8.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/30231\">Denne forbedring<\/a> er fordelagtig, hvis du arbejder i fuldsk\u00e6rmstilstand eller p\u00e5 mobile enheder.<\/p>\n<h2>Block indstillinger og stilarter med theme.json<\/h2>\n<p>Med WordPress 5.8 bliver <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\"><strong>theme.json<\/strong><\/a><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">-filen<\/a> &#8220;et centralt konfigurationspunkt&#8221;, hvilket giver en ny m\u00e5de for temaudviklere at tilpasse editorindstillinger og stilarter.<\/p>\n<p>Ved hj\u00e6lp af en theme.json-fil kan temaer indstille brugerdefinerede forudindstillinger og\/eller tilf\u00f8je support til nye funktioner, s\u00e5som duotone og tabelgr\u00e6nser (<a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\">se Globale indstillinger og stilarter<\/a>).<\/p>\n<p>If\u00f8lge <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">Andr\u00e9 Maneiro<\/a>:<\/p>\n<blockquote><p>Denne nye mekanisme sigter mod at overtage og konsolidere alle de forskellige <code>add_theme_support<\/code> opkald, der tidligere var n\u00f8dvendige for at kontrollere editoren.<\/p><\/blockquote>\n<p>For eksempel kan du globalt indstille en brugerdefineret duotone-forudindstilling med f\u00f8lgende kode:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"duotone\": [\n\t\t\t\t{\n\t\t\t\t\t\"colors\": [ \"#000\", \"#0FF\" ],\n\t\t\t\t\t\"slug\": \"black-cyan\",\n\t\t\t\t\t\"name\": \"Black Cyan\"\n\t\t\t\t}\n\t\t\t],<\/code><\/pre>\n<p>Dette overskriver standardindstillinger, og du kan kun se en duotone-indstilling:<\/p>\n<figure id=\"attachment_99016\" aria-describedby=\"caption-attachment-99016\" style=\"width: 1264px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99016 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/custom-duotone-preset.jpg\" alt=\"Tilpasset duotone forudindstillet i theme.json.\" width=\"1264\" height=\"802\"><figcaption id=\"caption-attachment-99016\" class=\"wp-caption-text\">Tilpasset duotone forudindstillet i theme.json.<\/figcaption><\/figure>\n<p>Den nye mekanisme giver mulighed for at kontrollere indstillinger enten globalt eller pr. blok. For eksempel kan du tilf\u00f8je en brugerdefineret st\u00f8rrelse 12px skrifttype globalt ved at tilf\u00f8je f\u00f8lgende forudindstilling til din<strong> theme.json<\/strong>-fil:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"customLineHeight\": true,\n\t\t\t\"fontSizes\": [\n\t\t\t\t{\n\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t},\n\t\t\t\t{...}<\/code><\/pre>\n<p>Dette resulterer i en ny skriftst\u00f8rrelse, som brugerne kan bruge sammen med <em>enhver<\/em> tekst i deres indhold.<\/p>\n<figure id=\"attachment_99017\" aria-describedby=\"caption-attachment-99017\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99017 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/extra-extra-small-font-size-settings.png\" alt=\"En globalt defineret brugerdefineret skriftst\u00f8rrelse i theme.json.\" width=\"560\" height=\"754\"><figcaption id=\"caption-attachment-99017\" class=\"wp-caption-text\">En globalt defineret brugerdefineret skriftst\u00f8rrelse i theme.json.<\/figcaption><\/figure>\n<p>Hvis du kun vil tilpasse afsnitblokken, vil din kode v\u00e6re lidt anderledes:<\/p>\n<pre><code class=\"language-javascript\">{\n\t\"version\": 1,\n\t\"settings\": {\n\t\t\"blocks\": {\n\t\t\t\"core\/paragraph\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontSizes\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-extra-small\",\n\t\t\t\t\t\t\t\"size\": \"12px\",\n\t\t\t\t\t\t\t\"name\": \"Extra extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"extra-small\",\n\t\t\t\t\t\t\t\"size\": \"16px\",\n\t\t\t\t\t\t\t\"name\": \"Extra small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"small\",\n\t\t\t\t\t\t\t\"size\": \"18px\",\n\t\t\t\t\t\t\t\"name\": \"Small\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"normal\",\n\t\t\t\t\t\t\t\"size\": \"20px\",\n\t\t\t\t\t\t\t\"name\": \"Normal\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"slug\": \"large\",\n\t\t\t\t\t\t\t\"size\": \"24px\",\n\t\t\t\t\t\t\t\"name\": \"Large\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Det er det! Du har lige indstillet dine forudindstillede st\u00f8rrelser p\u00e5 skrifttype til afsnitblokken.<\/p>\n<figure id=\"attachment_99018\" aria-describedby=\"caption-attachment-99018\" style=\"width: 558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99018 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/paragraph-block-custom-settings.png\" alt=\"En afsnit blok med brugerdefinerede st\u00f8rrelse p\u00e5 skrifttype.\" width=\"558\" height=\"1216\"><figcaption id=\"caption-attachment-99018\" class=\"wp-caption-text\">En afsnit blok med brugerdefinerede st\u00f8rrelse p\u00e5 skrifttype.<\/figcaption><\/figure>\n<p>Kerneblokke er opdateret for at f\u00f8lge den nye mekanisme, mens tredjepartsblokke kan tilpasse sig den nye mekanisme ved hj\u00e6lp af React <code>useSetting<\/code> hook (l\u00e6s mere om denne funktion i <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">dev-note<\/a> og <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-block-editor\/#useSetting\">API-dokumentation<\/a>):<\/p>\n<pre><code class=\"language-javascript\">const isEnabled = useSetting( 'spacing.margin' );<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>De indstillinger, der er erkl\u00e6ret i<strong> theme.json<\/strong>, har forrang for indstillinger, der er deklareret via <code>add_theme_support<\/code>.<\/p>\n<\/aside>\n\n<p>The new mechanism based on the <strong>theme.json<\/strong> file does not apply only to block settings. In fact, starting with WordPress 5.8, it will no longer be necessary to create editor styles and enqueue them. It will be enough to declare presets inside the <strong>theme.json<\/strong> file; the engine will generate the classes and automatically enqueue them both to the editor and the frontend.<\/p>\n<p>The engine will also generate the corresponding <a href=\"https:\/\/kinqsta.com\/blog\/twenty-twenty-one-theme\/#styles-and-css-custom-properties\">CSS Custom Properties<\/a>.<\/p>\n<p>Den nye mekanisme baseret p\u00e5<strong> theme.json<\/strong>-filen g\u00e6lder ikke kun for blokeringsindstillinger. Faktisk, startende med WordPress 5.8, er det ikke l\u00e6ngere n\u00f8dvendigt at oprette editor-stilarter og s\u00e6tte dem fast. Det vil v\u00e6re tilstr\u00e6kkeligt at erkl\u00e6re forudindstillinger i <strong>theme.json<\/strong>-filen; motoren genererer klasser og automatisk indkalder dem b\u00e5de til redakt\u00f8ren og frontend.<\/p>\n<p>Motoren genererer ogs\u00e5 de tilsvarende <a href=\"https:\/\/kinqsta.com\/blog\/twenty-twenty-one-theme\/#styles-and-css-custom-properties\">CSS Custom Properties<\/a>.<\/p>\n<p>I det foreg\u00e5ende eksempel indstillede vi fem <code>fontSizes<\/code>-forudindstillinger for afsnitblokken. For disse forudindstillinger genereres f\u00f8lgende CSS tilpassede egenskaber:<\/p>\n<pre><code class=\"language-css\">p {\n\t--wp--preset--font-size--extra-extra-small: 12px;\n\t--wp--preset--font-size--extra-small: 16px;\n\t--wp--preset--font-size--small: 18px;\n\t--wp--preset--font-size--normal: 20px;\n\t--wp--preset--font-size--large: 24px;\n}<\/code><\/pre>\n<p>N\u00e5r du har indstillet afsnitst\u00f8rrelsen i afsnittet i din t<strong>heme.json<\/strong>-fil, tager det tilsvarende <code>p<\/code>-element <code>has-{preset-slug}-{preset-category}<\/code> class.<\/p>\n<p>Dette betyder, at et afsnit med en <code>ekstra-ekstra-small<\/code> skriftst\u00f8rrelse f\u00e5r klassen <code>has-extra-extra-small-font-size<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;p class=\"has-extra-extra-small-font-size\"&gt;Lorem ipsum dolor...&lt;\/p&gt;<\/code><\/pre>\n<p>Og her er CSS-deklarationsblokken:<\/p>\n<pre><code class=\"language-css\">p.has-extra-extra-small-font-size {\n\tfont-size: var(--wp--preset--font-size--extra-extra-small) !important;\n}<\/code><\/pre>\n<p>For at se n\u00e6rmere p\u00e5 indstillingen og typografierne med <strong>theme<\/strong>.<strong>json<\/strong>, skal du kontrollere <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/introducing-theme-json-in-wordpress-5-8\/\">dev-note<\/a>&#8211; og <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/#presets\">API-dokumentationen<\/a>.<\/p>\n<p>Tjek ogs\u00e5 Anne McCartys <a href=\"https:\/\/make.wordpress.org\/test\/2021\/06\/24\/call-for-testing-thrive-with-theme-json\/\">FSE-opfordring til test<\/a> for mere nyttig l\u00e6sning og en sp\u00e6ndende udfordring for udviklere, der \u00f8nsker at udforske det nye<strong> tema.json<\/strong>-funktioner.<\/p>\n<h2>Block API enhancements<\/h2>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">Block API enhancements<\/a>r, der kommer med WordPress 5.8, fortjener s\u00e6rlig opm\u00e6rksomhed fra pluginudviklere.<\/p>\n<p>Brug af <strong>block.json<\/strong>-filen tilskyndes nu som den kanoniske m\u00e5de at <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-metadata\/\">registrere bloktyper<\/a> p\u00e5 og giver flere fordele:<\/p>\n<ul>\n<li>Med hensyn til ydeevne, hvis temaet underst\u00f8tter <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-lazy-load\/\">lazy loading af aktiver<\/a>, vil registrering af bloktyper gennem filen <strong>block.json<\/strong> automatisk optimere ressourceindsamling. Det skyldes, at de ressourcer, der er specificeret af typografien og scriptegenskaberne, kun bliver indkapslet p\u00e5 frontend, n\u00e5r blokken registreres. Dette giver mulighed for at udvikle mere effektive plugins, reducere sidest\u00f8rrelse og forhindre flere af de problemer, der er d\u00e6kket af <a href=\"https:\/\/kinqsta.com\/blog\/disable-wordpress-plugins-loading\/\">denne artikel<\/a>.<\/li>\n<li><strong>json<\/strong>-filen forenkler server-side block registration ved at lade <a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/block-types\/\">bloktyperne<\/a> <a href=\"https:\/\/developer.wordpress.org\/rest-api\/reference\/\">REST API-endpoints<\/a> liste listen.<\/li>\n<li><strong>json<\/strong>-filen er ogs\u00e5 p\u00e5kr\u00e6vet, hvis du beslutter at sende dit blok-plugin til WordPress Plugins Directory.<\/li>\n<\/ul>\n<h3>\u00c6ndringer i funktionen register_block_type<\/h3>\n<p>Siden WordPress 5.8 er funktionen <code>register_block_type<\/code> blevet forbedret til at l\u00e6se metadata fra filen<strong> block.json<\/strong>. Nu accepterer den <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type\/\">f\u00f8rste parameter<\/a> stien til mappen, hvor filen <strong>block.json<\/strong> er placeret.<\/p>\n<p>Funktionen kan bruges som vist i f\u00f8lgende eksempel:<\/p>\n<pre><code class=\"language-php\">function create_custom_block_init() {\n\tregister_block_type( __DIR__ );\n}\nadd_action( 'init', 'create_custom_block_init' );<\/code><\/pre>\n<p>Den returnerer den registrerede bloktype eller <code>false<\/code> ved failure.<\/p>\n<p>Som du m\u00e5ske bem\u00e6rker, bruges funktionen <code>register_block_type<\/code> nu p\u00e5 samme m\u00e5de som <code>register_block_type_from_metadata<\/code>-funktionen, som tidligere var den eneste <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/register_block_type_from_metadata\/\">tilg\u00e6ngelige funktion til at registrere en bloktype<\/a> ved at l\u00e6se metadataene fra<strong> block.json<\/strong>-filen. Som forklaret af <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">Greg Zi\u00f3\u0142kowski<\/a>:<\/p>\n<blockquote><p>Vi besluttede at konsolidere den eksisterende funktionalitet, der er tilg\u00e6ngelig med <code>register_block_type_from_metadata<\/code>-metoden, til <code>register_block_type<\/code> for at undg\u00e5 forvirring, som den skabte. Det er stadig muligt at bruge begge funktioner, men vi planl\u00e6gger kun at bruge den kortere version i de officielle dokumenter og v\u00e6rkt\u00f8jer fra nu af.<\/p><\/blockquote>\n<p>N\u00e5r blokken er registreret p\u00e5 serveren, skal du kun r<a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/\">egistrere indstillinger<\/a> p\u00e5 klienten ved hj\u00e6lp af det samme bloknavn i din<strong> index.js<\/strong>-fil.<\/p>\n<p>For en mere detaljeret oversigt over blok-API-forbedringer, der er introduceret af WordPress 5.8, skal du s\u00f8rge for at kontrollere <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/23\/block-api-enhancements-in-wordpress-5-8\/\">dev-note af Greg Zi\u00f3\u0142kowski<\/a>.<\/p>\n<h2>WebP-support i WordPress 5.8<\/h2>\n<p>Her p\u00e5 Kinsta er vi besat af webstedshastighed og WordPress-ydeevne. Derfor er support til <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">WebP<\/a>-format i WordPress 5.8 s\u00e5 sp\u00e6ndende nyheder for os.<\/p>\n<p>WebP betragtes som et <a href=\"https:\/\/web.dev\/uses-webp-images\/\">n\u00e6ste generations format<\/a> og er et <a href=\"https:\/\/kinqsta.com\/dk\/blog\/billedfiltyper\/\">billedformat<\/a> udviklet af Google, der giver &#8220;bedre komprimering end PNG eller JPEG, hvilket betyder hurtigere downloads og mindre dataforbrug.&#8221;<\/p>\n<figure id=\"attachment_98615\" aria-describedby=\"caption-attachment-98615\" style=\"width: 1406px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98615 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/next-gen-image-formats-lighthouse.png\" alt=\"Google Lighthouse foresl\u00e5r at bruge n\u00e6ste generations billedformater.\" width=\"1406\" height=\"338\"><figcaption id=\"caption-attachment-98615\" class=\"wp-caption-text\">Google Lighthouse foresl\u00e5r at bruge n\u00e6ste generations billedformater.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/developers.google.com\/speed\/webp\">If\u00f8lge Google<\/a>:<\/p>\n<blockquote><p>WebP er et moderne <strong>billedformat<\/strong>, der giver overlegen <strong>lossless<\/strong> <strong>og<\/strong> <strong>lossy<\/strong> kompression for billeder p\u00e5 nettet. Ved hj\u00e6lp af WebP kan webmastere og webudviklere oprette mindre, rigere billeder, der g\u00f8r Internettet hurtigere.<\/p>\n<p>WebP-lossless billeder er 26% mindre i st\u00f8rrelse sammenlignet med PNG&#8217;er. WebP-lossy billeder er 25-34% mindre end sammenlignelige <a href=\"https:\/\/kinqsta.com\/dk\/blog\/jpg-vs-jpeg\/\">JPEG-billeder<\/a> med tilsvarende SSIM-kvalitetsindeks.<\/p><\/blockquote>\n<p>Fra og med WordPress 5.8 kan du bruge WebP-billedformatet p\u00e5 samme m\u00e5de som JPEG-, PNG- og GIF-formater. Upload bare dine billeder til dit <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-media-library\/\">mediebibliotek<\/a> og inkluder dem i dit indhold.<\/p>\n<p>I en <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">tidligere artike<\/a>l tog vi et dybdeg\u00e5ende kig p\u00e5 WebP-formatet og de tilg\u00e6ngelige v\u00e6rkt\u00f8jer til at bruge det i WordPress. Nu, p\u00e5 grund af <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\">underst\u00f8ttelsen af \u200b\u200bWebP-billeder i WordPress<\/a> 5.8, kan tingene \u00e6ndre sig lidt. Da WebP-formatet underst\u00f8ttes direkte, beh\u00f8ver du ikke installere tredjeparts-plugins for at uploade WebP-billeder i WordPress, i det mindste i de mest almindelige brugssager.<\/p>\n<p>Bem\u00e6rk, at selvom du nu kan uploade dine WebP-billeder til WordPress ved hj\u00e6lp af mediebiblioteket, underst\u00f8tter WordPress ikke automatisk billedkonvertering til WebP-format. For at aktivere denne funktion p\u00e5 dit websted skal du bruge et tredjeparts <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">WebP WordPress-plugin<\/a>.<\/p>\n<h3>S\u00e5dan bruges WebP-billeder i WordPress<\/h3>\n<p>Du kan konvertere dine billeder til WebP p\u00e5 mange forskellige m\u00e5der:<\/p>\n<ul>\n<li>Du kan bruge Googles <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled\">forudkompilerede WebP-v\u00e6rkt\u00f8jer og bibliotek<\/a> til Linux, Windows eller Mac OS X.<\/li>\n<li>Mac-brugere kan installere en <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/precompiled#os_x_package_managers\">pakkeh\u00e5ndtering<\/a> som f.eks. <a href=\"https:\/\/formulae.brew.sh\/formula\/webp\">Homebrew WebP-pakken<\/a> eller <a href=\"https:\/\/ports.macports.org\/?search=webp&#038;search_by=name\">Macports WebP-pakken<\/a>.<\/li>\n<li>Du kan bruge et billedredigeringsv\u00e6rkt\u00f8j, der underst\u00f8tter WebP, s\u00e5som <a href=\"https:\/\/squoosh.app\/\">Squoosh<\/a> af <a href=\"https:\/\/github.com\/GoogleChromeLabs\/squoosh\">Google Chrome Labs<\/a>, batch-billedkonvertereren <a href=\"https:\/\/www.xnview.com\/en\/xnconvert\/\">XnConvert<\/a>, en popul\u00e6r billededitor som <a href=\"https:\/\/www.gimp.org\/\">GIMP<\/a> og mange andre.<\/li>\n<li>Du kan installere et <a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">WebP WordPress-plugin<\/a> for bedre samlet kontrol over WebP-billeder i WordPress.<\/li>\n<\/ul>\n<figure id=\"attachment_98680\" aria-describedby=\"caption-attachment-98680\" style=\"width: 582px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98680 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/webp-export-settings-gimp.jpg\" alt=\"Eksporter billede som WebP i GIMP.\" width=\"582\" height=\"596\"><figcaption id=\"caption-attachment-98680\" class=\"wp-caption-text\">Eksporter billede som WebP i GIMP.<\/figcaption><\/figure>\n<p>Hvis du v\u00e6lger et kommandolinjev\u00e6rkt\u00f8j, kan du kode og afkode dine billeder ved hj\u00e6lp af <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/cwebp\">cwebp<\/a> og <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/dwebp\">dwebp<\/a>-v\u00e6rkt\u00f8jer. For eksempel udf\u00f8rer f\u00f8lgende kommando en grundl\u00e6ggende JPEG til WebP-konvertering:<\/p>\n<pre><code class=\"language-bash\">cwebp [options] original_image.jpg -o compressed_image.webp<\/code><\/pre>\n<p>Du kan ogs\u00e5 k\u00f8re en bulk-konvertering af dine billeder ved hj\u00e6lp af Bash og cwebp (eksempel af <a href=\"https:\/\/www.smashingmagazine.com\/2018\/07\/converting-images-to-webp\/\">Jeremy Wagner<\/a>):<\/p>\n<pre><code class=\"language-bash\">find .\/ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o \"${1%.png}.webp\"' _ {} \\;\n<\/code><\/pre>\n<p>Kommandoen ovenfor konverterer alle<strong> .png<\/strong>-billeder til <strong>.webp<\/strong>-format med en kompressionsfaktor p\u00e5 75.<\/p>\n<figure id=\"attachment_98677\" aria-describedby=\"caption-attachment-98677\" style=\"width: 1269px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98677 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/webp-quality-vs-file-size.jpg\" alt=\"Sammenligning af kompressionsfaktor og filst\u00f8rrelser.\" width=\"1269\" height=\"870\"><figcaption id=\"caption-attachment-98677\" class=\"wp-caption-text\">Sammenligning af kompressionsfaktor og filst\u00f8rrelser.<\/figcaption><\/figure>\n<p>N\u00e5r du har dine WebP-billeder, kan du blot uploade dem ved hj\u00e6lp af WordPress <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-media-library\/\">Media Library<\/a>. Nedenfor kan du se et 127 KB JPEG-billede inden konvertering i mediebiblioteket:<\/p>\n<figure id=\"attachment_98611\" aria-describedby=\"caption-attachment-98611\" style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98611 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/jpeg-image.jpg\" alt=\"Den komprimerede JPEG-filst\u00f8rrelse er 127 KB.\" width=\"1960\" height=\"1280\"><figcaption id=\"caption-attachment-98611\" class=\"wp-caption-text\">Den komprimerede JPEG-filst\u00f8rrelse er 127 KB.<\/figcaption><\/figure>\n<p>Den komprimerede WebP-billedst\u00f8rrelse er 42% mindre end det originale JPEG-billede!<\/p>\n<figure id=\"attachment_98641\" aria-describedby=\"caption-attachment-98641\" style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98641 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/webp-image.jpg\" alt=\"Det samme billede i WebP-format er 74 KB.\" width=\"1960\" height=\"1280\"><figcaption id=\"caption-attachment-98641\" class=\"wp-caption-text\">Det samme billede i WebP-format er 74 KB.<\/figcaption><\/figure>\n<p>Endelig har WebP-billeder de samme redigeringsfunktioner som JPEG-, PNG- og GIF-billeder. Du kan besk\u00e6re, rotere, vende og skalere dem og anvende \u00e6ndringer i de billedst\u00f8rrelser, du v\u00e6lger.<\/p>\n<h3>Advarsler om WebP i WordPress 5.8<\/h3>\n<p>If\u00f8lge Adam Silverstein:<\/p>\n<blockquote><p>WebP-billeder underst\u00f8tter tabsfri og tabsfri komprimering samt et animeret format og underst\u00f8tter transparente billeder. I WordPress underst\u00f8ttes det lossless WebP-format kun, n\u00e5r hosting-serveren bruger Imagick (PHP-biblioteket), indtil LibGD tilf\u00f8jer support. Derudover underst\u00f8ttes animerede og alfa-formater endnu ikke til st\u00f8rrelses\u00e6ndrede billeder (n\u00e5r du uploader billeder i disse formater, oprettes lossy billeder i stedet).<\/p><\/blockquote>\n<p>Hvis din webhost ikke underst\u00f8tter WebP-billeder, f\u00e5r du vist en fejlmeddelelse, n\u00e5r du pr\u00f8ver at uploade dem. Hvis du ikke er sikker p\u00e5, om din webhost underst\u00f8tter Imagick-biblioteket, indeholder fanen Info om webstedssundhed et <strong>Imagick-biblioteksfelt<\/strong>, der leverer det stykke information.<\/p>\n<figure id=\"attachment_99311\" aria-describedby=\"caption-attachment-99311\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99311 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/site-health-tool-1.jpg\" alt=\"Kinsta underst\u00f8tter Imagick-biblioteket.\" width=\"1600\" height=\"1222\"><figcaption id=\"caption-attachment-99311\" class=\"wp-caption-text\">Kinsta underst\u00f8tter Imagick-biblioteket.<\/figcaption><\/figure>\n<p>Med WebP-support introducerer WordPress 5.8 ogs\u00e5 to yderligere felter til sektionen Medieh\u00e5ndtering i Site Health: <strong>Imagick-version<\/strong> og <strong>ImageMagick-underst\u00f8ttede<\/strong> <strong>filformater<\/strong>.<\/p>\n<figure id=\"attachment_98634\" aria-describedby=\"caption-attachment-98634\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98634 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/site-health-media-handling.jpg\" alt=\"ImageMagick-versionfelt i Site Heath.\" width=\"1600\" height=\"473\"><figcaption id=\"caption-attachment-98634\" class=\"wp-caption-text\">ImageMagick-versionfelt i Site Heath.<\/figcaption><\/figure>\n<p>Hvis WebP ikke er angivet blandt underst\u00f8ttede filtyper, skal du kontakte din webhost for support.<\/p>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/\">Dev-note<\/a> giver <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/07\/wordpress-5-8-adds-webp-support\/#comment-41376\">yderligere oplysninger<\/a> om WebP-support i WordPress 5.8, nyttige ofte stillede sp\u00f8rgsm\u00e5l og yderligere ressourcer.<\/p>\n<p>Hvis du er interesseret i billedoptimering, kan du muligvis ogs\u00e5 lide f\u00f8lgende tutorials:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/dk\/blog\/optimeres-billeder-til-web\/\">S\u00e5dan optimeres billeder til web og ydeevne<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/lossy-compression\/\">Hvorfor og hvordan man bruger tabt kompression p\u00e5 dine WordPress-billeder<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/dk\/blog\/webp\/\">S\u00e5dan bruges WebP-billeder p\u00e5 WordPress (og formindsk billedfilst\u00f8rrelser op til 35%)<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/dk\/blog\/billedfiltyper\/\">15 bedste billedfiltyper<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/wordpress-image-sizes\/\">Alt hvad du beh\u00f8ver at vide om WordPress-billedst\u00f8rrelser<\/a><\/li>\n<\/ul>\n<h2>Yderligere funktioner til udviklere<\/h2>\n<p>Du finder snesevis af sp\u00e6ndende funktioner til udviklere i WordPress 5.8. I denne artikel har vi v\u00e6ret mere opm\u00e6rksomme p\u00e5 dem, der burde have den mest betydningsfulde indflydelse p\u00e5 dit udviklingsarbejde. Men der er faktisk mange nye funktioner, der er v\u00e6rd at v\u00e6re opm\u00e6rksom p\u00e5, herunder f\u00f8lgende:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Blokering underst\u00f8tter API<\/h3>\n<p>WordPress 5.8 tilf\u00f8jer <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\">ny blok underst\u00f8tter flag<\/a>, der giver udviklere mulighed for at tilpasse registrerede blokke med de nyeste blokfunktioner.<\/p>\n<p>Ud over den eksperimentelle <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#duotone-block-support\">duoton blokst\u00f8tte<\/a>, der er n\u00e6vnt tidligere (<code>color._experimentalDuotone<\/code>), tilf\u00f8jer WordPress 5.8 ogs\u00e5 underst\u00f8ttelse af linkfarve. For at udnytte denne funktion skal du blot tilf\u00f8je f\u00f8lgende flag til dine blokmetadata:<\/p>\n<pre><code class=\"language-javascript\">supports: {\n\tcolor: {\n\t\tlink: true;\n\t}\n}<\/code><\/pre>\n<p>Du kan indstille standardv\u00e6rdier ved hj\u00e6lp af attributter, som vist i f\u00f8lgende eksempel, eller indstille dine forudindstillinger i <em>theme.json<\/em>:<\/p>\n<pre><code class=\"language-javascript\">attributes: {\n\tstyle: {\n\t\ttype: 'object',\n\t\tdefault: {\n\t\t\tcolor: {\n\t\t\t\tlink: '#FF0000',\n\t\t\t}\n\t\t}<\/code><\/pre>\n<p>Yderligere Block API-\u00e6ndringer inkluderer:<\/p>\n<ul>\n<li><code>fontSize<\/code> og <code>lineHeight<\/code> underst\u00f8tter bliver stabile.<\/li>\n<li>Spacing st\u00f8tte er blevet udvidet, og nu kan du kontrollere <code>margen<\/code> og <code>padding<\/code> samt individuelt kontrollere <code>top<\/code>-, <code>h\u00f8jre<\/code>-, <code>bund<\/code>&#8211; og <code>venstrest\u00f8rrelse<\/code>.<\/li>\n<\/ul>\n<p>Du kan l\u00e6se mere om Block Supports API i WordPress 5.8 i <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/25\/block-supports-api-updates-for-wordpress-5-8\/\">Block underst\u00f8tter API-opdateringer<\/a> dev-note.<\/p>\n<p>For en n\u00e6rmere oversigt over, hvordan du bruger <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-supports\/\">Block Supports API<\/a>, se officiel dokumentation for Block Support API.<\/p>\n<h3>Specielle faner p\u00e5 webstedets sundhed<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\">To nye hooks<\/a> giver udviklere nu mulighed for at tilf\u00f8je deres brugerdefinerede faner til Site Health-gr\u00e6nsefladen og tilpasse tilg\u00e6ngelige sk\u00e6rme.<\/p>\n<p><strong><code>Site_health_navigation_tabs<\/code>-filteret<\/strong> er et associerende array af fane-id&#8217;er og etiketter, der registrerer en ny fane p\u00e5 sk\u00e6rmbilledet Site Health. Du kan bruge filteret ved at tilf\u00f8je f\u00f8lgende eksempelkode til dit <a href=\"https:\/\/kinqsta.com\/blog\/how-to-customize-wordpress-theme\/#the-theme-editor-and-why-not-to-use-it\">temas funktionsfil<\/a> eller brugerdefinerede plugin:<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_navigation_tabs( $tabs ) {\n\t$tabs['kinsta-site-health-tab'] = esc_html_x( 'Kinsta', 'Site Health', 'text-domain' );\n\n\treturn $tabs;\n}\nadd_filter( 'site_health_navigation_tabs', 'kinsta_site_health_navigation_tabs' );<\/code><\/pre>\n<p>Billedet herunder viser den nye fane Site Health:<\/p>\n<figure id=\"attachment_98633\" aria-describedby=\"caption-attachment-98633\" style=\"width: 1646px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-98633 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/06\/site-health-custom-tabs.png\" alt=\"En tilpasset fane tilf\u00f8jet til navigationsmenuen Site Health.\" width=\"1646\" height=\"1068\"><figcaption id=\"caption-attachment-98633\" class=\"wp-caption-text\">En tilpasset fane tilf\u00f8jet til navigationsmenuen Site Health.<\/figcaption><\/figure>\n<p>Takket v\u00e6re filteret <code>site_health_navigation_tabs<\/code> er det ogs\u00e5 muligt at omarrangere faner eller fjerne et eller flere emner.<\/p>\n<p>Action<strong><code>site_health_tab_content<\/code><\/strong> udl\u00f8ses, n\u00e5r en bruger bes\u00f8ger sk\u00e6rmbilledet Site Health, bortset fra standardsk\u00e6rmen <strong>Status<\/strong>. Du kan bruge denne hook som vist i f\u00f8lgende uddrag (eksempel fra <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/22\/extending-the-site-health-interface-in-wordpress-5-8\/\">dev note<\/a>):<\/p>\n<pre><code class=\"language-php\">function kinsta_site_health_tab_content( $tab ) {\n\t\/\/ Return if this is not your tab.\n\tif ( 'kinsta-site-health-tab' !== $tab ) {\n\t\treturn;\n\t}\n\n\t\/\/ Include the interface, kept in a separate file just to differentiate code from views.\n\tinclude trailingslashit( plugin_dir_path( __FILE__ ) ) . 'views\/kinsta-site-health-tab.php';\n}\nadd_action( 'site_health_tab_content', 'kinsta_site_health_tab_content' );<\/code><\/pre>\n<p>For det f\u00f8rste registrerer den, om den aktuelle fane er din brugerdefinerede fane, s\u00e5 indl\u00e6ser den dit Site Health-sk\u00e6rmindhold fra en .<strong>php <\/strong>fil. Handlingen <code>site_health_tab_content<\/code> tillader ogs\u00e5 udviklere at udvide standardfanen <strong>Info<\/strong> ved at tilf\u00f8je stykker information, der er specifikke for deres plugins eller temaer.<\/p>\n<h3>Block Editor API-\u00e6ndringer til underst\u00f8ttelse af flere administrationssk\u00e6rme<\/h3>\n<p>Med WordPress 5.8 er indl\u00e6gseditoren ikke den eneste admin-sk\u00e6rm, der bruger blokeditoren l\u00e6ngere (widgets-sk\u00e6rmen er et eksempel).<\/p>\n<p>Kernebidragydere fandt flere kroge defineret p\u00e5 serveren afh\u00e6ngigt af <code>$post<\/code>-objektet. Dette objekt er ikke til stede i webstedets redigering, widgets og navigationssk\u00e6rme. Fremadrettet er flere filtre udfaset og erstattet med kontekstbevidste erstatninger.<\/p>\n<p>Derudover er der introduceret en ny klasse <code>WP_Block_Editor_Context<\/code>, der repr\u00e6senterer den aktuelle blokeditorkontekst og forskellige metoder.<\/p>\n<p>Disse \u00e6ndringer vil forbedre disse sk\u00e6rmbilleder med nye muligheder og g\u00f8re det muligt for udviklere at tilf\u00f8je deres tilpasninger.<\/p>\n<p>For en omfattende liste over Block Editor API-\u00e6ndringer relateret til admin-sk\u00e6rme, se <a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/16\/block-editor-api-changes-to-support-multiple-admin-screens-in-wp-5-8\/\">dev-note<\/a> fra Greg Zi\u00f3\u0142kowski.<\/p>\n<h3>Yderligere funktioner og forbedringer<\/h3>\n<p>Der er s\u00e5 mange nye funktioner og \u00e6ndringer for udviklere bragt af WordPress 5.8, at det ville v\u00e6re umuligt for os at n\u00e6vne dem alle i denne artikel. Men vi har samlet en liste over dev-noter, der ikke er d\u00e6kket her til din videre l\u00e6sning:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/news\/2021\/05\/dropping-support-for-internet-explorer-11\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dropping support for Internet Explorer 11<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/01\/block-styles-loading-enhancements-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block-styles loading enhancements in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/blocks-in-an-iframed-template-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Blocks in an iframed (template) editor<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/on-layout-and-content-width-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">On layout and content width in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/introducing-update-uri-plugin-header-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Introducing \u201cUpdate URI\u201d plugin header in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/block-editor-api-removals-58\/\" target=\"_blank\" rel=\"noopener noreferrer\">Various Block Editor API removals in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/29\/rest-api-changes-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">REST API Changes in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/06\/28\/miscellaneous-developer-focused-changes-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miscellaneous developer-focused changes in WordPress 5.8<\/a><\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2021\/07\/12\/miscellaneous-block-editor-api-additions-in-wordpress-5-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">Miscellaneous block editor API additions in WordPress 5.8<\/a><\/li>\n<\/ul>\n\n<h2>Resum\u00e9<\/h2>\n<p>WordPress 5.8 markerer en milep\u00e6l p\u00e5 vejen til redigering af komplet websted. Men den anden WordPress-udgivelse af \u00e5ret bringer meget mere end FSE. Brugere og udviklere finder masser af forbedringer af blokeditoren, en ny<strong> theme.json<\/strong>-mekanisme, en mere kraftfuld Block API, WebP-billedformatst\u00f8tte og meget mere.<\/p>\n<p>Vi er is\u00e6r imponeret over forbedringerne, b\u00e5de sm\u00e5 og store, af blokeditoren og dens brugergr\u00e6nseflade. Vi elsker den forbedrede navigationsevne mellem blokke, den opdaterede blokv\u00e6rkt\u00f8jslinje, den berigede klarhed i gr\u00e6nsefladen og forbedringerne til flere blokke.<\/p>\n<p>Disse sm\u00e5 \u00e6ndringer forbedrer redigeringsoplevelsen lidt efter lidt, og uden at vi n\u00e6sten er klar over det, finder vi os selv ved hj\u00e6lp af bedre og mere robust software. <a href=\"https:\/\/kinqsta.com\/dk\/blog\/hvad-er-wordpress\/\">Det er WordPress<\/a>!<\/p>\n<p><em>Over til dig nu! Hvad er dine tanker om fuldtidsredigering? Og hvad er dine foretrukne \u00e6ndringer, der kommer med WordPress 5.8?<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.8 vil v\u00e6re en vigtig frigivelse. Bortset fra det utrolige antal funktioner, forbedringer og fejlrettelser introducerer WP 5.8 en ny m\u00e5de at opbygge websteder p\u00e5, &#8230;<\/p>\n","protected":false},"author":36,"featured_media":40741,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[65,2],"topic":[766],"class_list":["post-40734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-cms","tag-wordpress","topic-wordpress-opdateringer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)<\/title>\n<meta name=\"description\" content=\"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)\" \/>\n<meta property=\"og:description\" content=\"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\" \/>\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=\"2021-07-27T07:38:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T10:45:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2024\/11\/DK-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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 gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/wordpress-5.8.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=\"41 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)\",\"datePublished\":\"2021-07-27T07:38:36+00:00\",\"dateModified\":\"2023-08-24T10:45:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\"},\"wordCount\":6878,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg\",\"keywords\":[\"CMS\",\"WordPress\"],\"articleSection\":[\"WordPress Nyheder\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\",\"name\":\"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg\",\"datePublished\":\"2021-07-27T07:38:36+00:00\",\"dateModified\":\"2023-08-24T10:45:44+00:00\",\"description\":\"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress opdateringer\",\"item\":\"https:\/\/kinqsta.com\/dk\/emner\/wordpress-opdateringer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)","description":"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!","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:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/","og_locale":"da_DK","og_type":"article","og_title":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)","og_description":"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!","og_url":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2021-07-27T07:38:36+00:00","article_modified_time":"2023-08-24T10:45:44+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2024\/11\/DK-Homepage-featured-image.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2021\/07\/wordpress-5.8.jpg","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Carlo Daniele","Estimeret l\u00e6setid":"41 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)","datePublished":"2021-07-27T07:38:36+00:00","dateModified":"2023-08-24T10:45:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/"},"wordCount":6878,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg","keywords":["CMS","WordPress"],"articleSection":["WordPress Nyheder"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/","url":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/","name":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg","datePublished":"2021-07-27T07:38:36+00:00","dateModified":"2023-08-24T10:45:44+00:00","description":"Tjek vores dybdeg\u00e5ende gennemgang af WordPress 5.8, og opdag alle de vigtigste funktioner, der kommer med den nyeste udgivelse (der er massere)!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#primaryimage","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2021\/07\/wordpress-5.8.jpg","width":1460,"height":730,"caption":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/dk\/blog\/wordpress-5-8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress opdateringer","item":"https:\/\/kinqsta.com\/dk\/emner\/wordpress-opdateringer\/"},{"@type":"ListItem","position":3,"name":"Hvad er nyt i WordPress 5.8 (redigering af fuld side, WebP-billeder, globale stilarter og indstillinger og meget mere)"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/dk\/#website","url":"https:\/\/kinqsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.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:\/\/kinqsta.com\/dk\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/40734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/comments?post=40734"}],"version-history":[{"count":4,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/40734\/revisions"}],"predecessor-version":[{"id":40744,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/40734\/revisions\/40744"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/de"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/translations\/se"},{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/40734\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media\/40741"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media?parent=40734"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/tags?post=40734"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/topic?post=40734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}