{"id":3589,"date":"2025-05-31T12:24:00","date_gmt":"2025-05-31T10:24:00","guid":{"rendered":"https:\/\/mijn.host\/blog\/block-editor-valg\/"},"modified":"2026-09-16T12:06:14","modified_gmt":"2026-09-16T10:06:14","slug":"block-editor-valg","status":"publish","type":"post","link":"https:\/\/my.host\/blog\/dk\/block-editor-valg\/","title":{"rendered":"Block Editor: et smart valg for moderne WordPress-udviklere"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For nylig arbejdede jeg p\u00e5 kontoret hos en kunde, der driver en af de st\u00f8rste blogs i Nederland. Vi taler om millioner af m\u00e5nedlige bes\u00f8gende. Men hvad overraskede mig, da jeg tog et kig i deres WordPress backend: udvikleren (ekstern) af denne site havde valgt Classic Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det illustrerer et stort problem. Selvom Classic Editor f\u00f8les velkendt for mange, holder du fast i en relikvie fra fortiden. Og b\u00e5de du selv og dine kunder oplever (m\u00e5ske ubevidst) betydelige problemer med dette.<\/p>\n\n\n\n<h2 id=\"classic-editor-er-stadig-overraskende-populaer\" class=\"wp-block-heading\"><strong>Classic Editor er stadig overraskende popul\u00e6r<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Valget for Classic Editor er mere udbredt, end man skulle tro. Dette p\u00e5 trods af, at Block Editor har v\u00e6ret standarden siden WordPress 5.0 i 2018 (s\u00e5dan cirka 7 \u00e5r allerede).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hvor udbredt er brugen stadig? Den officielle <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classic Editor<\/a> plugin har p\u00e5 tidspunktet for skrivningen mere end 10 millioner aktive installationer. Det g\u00f8r det til en af de mest brugte plugins i hele WordPress-\u00f8kosystemet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"626\" sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/wordpress-classic-editor.png\" alt=\"\" class=\"wp-image-2287\" srcset=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/wordpress-classic-editor.png 1000w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/wordpress-classic-editor-300x188.png 300w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/wordpress-classic-editor-768x481.png 768w\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c5rsagerne er ofte de samme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vane og komfort ved eksisterende workflows<\/li>\n\n\n\n<li>Frygt for l\u00e6ringskurven af Block Editor<\/li>\n\n\n\n<li>Kompatibilitetsproblemer med \u00e6ldre temaer eller page builders<\/li>\n\n\n\n<li>&#8220;Det fungerer jo fint, som det er&#8221;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"533\" sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/classic-editor-review.png\" alt=\"\" class=\"wp-image-2288\" srcset=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/classic-editor-review.png 1000w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/classic-editor-review-300x160.png 300w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/classic-editor-review-768x409.png 768w\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Simpelthen sagt: mennesker bryder sig bare ikke om forandring. Dog betaler du en betydelig pris for at modarbejde denne forandring.<\/p>\n\n\n\n<h2 id=\"ulemperne-ved-classic-editor\" class=\"wp-block-heading\"><strong>Ulemperne ved Classic Editor<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Brugen af Classic Editor handler ikke kun om smag. Det bringer konkrete ulemper med sig for b\u00e5de udviklere og deres kunder.<\/p>\n\n\n\n<h3 id=\"for-udvikleren\" class=\"wp-block-heading\"><strong>For udvikleren<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Begr\u00e6nset kreativitet og afh\u00e6ngighed af shortcodes<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Komplekse layouts kr\u00e6ver en uoverskuelig blanding af shortcodes og custom fields i en enkelt textarea. Pr\u00f8v at lave et trekolonneslayout med forskellige indholdstyper. Du ender med noget som:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Copy code<code><\/code><\/pre>\n\n\n<p>[row]<br \/>\n<\/span>[kolom width=&#8221;4&#8243;]Tekst her[\/kolom]<br \/>\n[kolom width=&#8221;4&#8243;][afbeelding id=&#8221;123&#8243;][\/kolom]<br \/>\n[kolom width=&#8221;4&#8243;][button link=&#8221;#&#8221; tekst=&#8221;Klik her&#8221;][\/button][\/kolom]<br \/>\n[\/row]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det er ikke kun grimt &#8211; det er ogs\u00e5 vedligeholdelsesf\u00f8lsomt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Alternativet til shortcodes er heller ikke meget bedre<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan sammens\u00e6tte en speciall\u00f8sning med custom fields og meta boxes. Men s\u00e5 bygger du egentlig dit eget mini-CMS inden for WordPress. Dette er slet ikke skalerbart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcodes kan bryde og er sv\u00e6re at fejlfinde<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e6rligt for kunder, der ikke er teknisk st\u00e6rke. En forkert placeret parantes eller glemt slut-tag og dit layout falder fra hinanden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ikke fremtidssikret<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du bygger p\u00e5 et fundament, der aktivt bliver udfaset. Nye WordPress-funktioner vil ikke v\u00e6re rettet mod Classic Editor. Du investerer tid i en blindgyde.<\/p>\n\n\n\n<h3 id=\"for-kunden\" class=\"wp-block-heading\"><strong>For kunden<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D\u00e5rlig brugeroplevelse<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kunder skal forst\u00e5 abstrakte koder i stedet for at kunne arbejde visuelt. Forestil dig, at du skal forklare en kunde, hvordan&nbsp;<code>[kolom width=\"8\"]<\/code>&nbsp;fungerer. Mens du med Block Editor blot kan tr\u00e6kke kolonner.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mindre autonomi<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For den mindste visuelle tilpasning er kunden afh\u00e6ngig af udvikleren. Vil du \u00e6ndre en knap fra bl\u00e5 til gr\u00f8n? Ring til udvikleren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tidskr\u00e6vende<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sammens\u00e6tningen af for eksempel komplekse blogartikler er utrolig tidskr\u00e6vende. T\u00e6nk p\u00e5 at placere en tabel mellem to tekstafsnit. Det tager nemt 10 gange s\u00e5 lang tid med Classic Editor som med Gutenberg (f\u00f8rst skal tekstblokken opdeles i to separate tekstblokke, s\u00e5 kan tabellen inds\u00e6ttes, etc.). Over tid spilder dit team her utallige un\u00f8dvendige timer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"720\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43-1024x720.png\" alt=\"\" class=\"wp-image-2290\" srcset=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43-1024x720.png 1024w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43-300x211.png 300w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43-768x540.png 768w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43-1536x1080.png 1536w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/Screenshot-2025-06-12-at-12.21.43.png 1880w\" \/><figcaption class=\"wp-element-caption\">Hvis du for eksempel vil placere en tabel mellem to tekstafsnit med Gutenberg, trykker du blot p\u00e5 enter efter det f\u00f8rste afsnit og kan nemt v\u00e6lge tabellen<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Word-oplevelsen&#8221;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Classic Editor giver for meget frihed de forkerte steder. Kunder kan udfolde sig med tekstfarver, skrifttyper og anden formatering, der ikke passer til dit design. Slutresultatet: inkonsistens og sjuskede hjemmesider.<\/p>\n\n\n\n<h2 id=\"se-block-editor-som-framework\" class=\"wp-block-heading\"><strong>Se Block Editor som framework<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Her ligger m\u00e5ske misforst\u00e5elsen: Block Editor er ikke en &#8220;editor&#8221; &#8211; det er et komponentbaseret framework. Sammenligneligt med hvordan du ville t\u00e6nke i React eller Vue.<\/p>\n\n\n\n<h3 id=\"genanvendelige-blocks-amp-block-patterns\" class=\"wp-block-heading\"><strong>Genanvendelige Blocks &amp; Block Patterns<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Byg sektioner som en &#8220;call-to-action&#8221; eller &#8220;teammedlem-profil&#8221; en gang som et m\u00f8nster og lad kunden inds\u00e6tte dem med \u00e9t klik. Dette garanterer konsistens og accelererer indholdsprocessen enormt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"562\" sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/gutenberg-patterns.png\" alt=\"\" class=\"wp-image-2289\" srcset=\"https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/gutenberg-patterns.png 1000w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/gutenberg-patterns-300x169.png 300w, https:\/\/my.host\/blog\/wp-content\/uploads\/2025\/06\/gutenberg-patterns-768x432.png 768w\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kunden kan ogs\u00e5 nemt tilpasse layoutet af denne slags blokke uden at bryde hele strukturen.<\/p>\n\n\n\n<h3 id=\"brugerdefinerede-blocks\" class=\"wp-block-heading\"><strong>Brugerdefinerede Blocks<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Skab dine egne, helt skr\u00e6ddersyede blokke med specifik funktionalitet. Dette er den moderne erstatning for shortcodes og widgets, men med en brugervenlig interface.<\/p>\n\n\n\n<h3 id=\"full-site-editing-fse\" class=\"wp-block-heading\"><strong>Full Site Editing (FSE)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Block Editor er porten til FSE. Det betyder, at alt &#8211; header, footer, 404-side &#8211; nu best\u00e5r af blocks. Du f\u00e5r super pr\u00e6cis kontrol over hele site-strukturen p\u00e5 en m\u00e5de, der tidligere var ut\u00e6nkelig uden komplekse workarounds.<\/p>\n\n\n\n<h2 id=\"fremtiden-for-wordpress-er-blockbaseret\" class=\"wp-block-heading\"><strong>Fremtiden for WordPress er block-baseret<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bev\u00e6gelsen mod Block Editor er ikke en trend. Det har v\u00e6ret standarden i 7 \u00e5r og er i mellemtiden en irreversibel vej, som WordPress-\u00f8kosystemet behandler. Det er et sp\u00f8rgsm\u00e5l om tid, f\u00f8r Classic Editor plugin i sin helhed ikke l\u00e6ngere vil blive underst\u00f8ttet af core WordPress teamet.<\/p>\n\n\n\n<h3 id=\"gutenberg-roadmap\" class=\"wp-block-heading\"><strong>Gutenberg Roadmap<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Det&nbsp;<a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg-projekt<\/a>&nbsp;best\u00e5r af fire faser:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Easier Editing<\/strong>\u00a0&#8211; Stort set afsluttet<\/li>\n\n\n\n<li><strong>Customization<\/strong>\u00a0(Full Site Editing) &#8211; Stort set afsluttet<\/li>\n\n\n\n<li><strong>Collaboration<\/strong>\u00a0&#8211; I \u00f8jeblikket under udvikling<\/li>\n\n\n\n<li><strong>Multilingual<\/strong>\u00a0&#8211; Fremtidig fase<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Alle nye faser bygger videre p\u00e5 block-arkitekturen.<\/p>\n\n\n\n<h3 id=\"okosystemet-bevaeger-sig-med\" class=\"wp-block-heading\"><strong>\u00d8kosystemet bev\u00e6ger sig med<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se den eksplosive v\u00e6kst af block-baserede temaer som Kadence (som jeg bruger til alle mine egne hjemmesider) og GeneratePress. Block-specifikke plugins skyder op som svampe. Markedet og f\u00e6llesskabet bev\u00e6ger sig alle i samme retning.<\/p>\n\n\n\n<h2 id=\"hvorfor-du-som-udvikler-skal-skifte-nu\" class=\"wp-block-heading\"><strong>Hvorfor du som udvikler skal skifte nu<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Classic Editor skaber teknisk g\u00e6ld og leverer et ringere produkt til kunden. Block Editor tilbyder en overlegen, effektiv og fremtidssikret workflow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Start dit n\u00e6ste projekt helt block-baseret. Ja, der er en l\u00e6ringskurve. Men den investering betaler sig hurtigt hjem i effektivitet og kundetilfredshed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00f8v for sjov at genskabe en eksisterende side eller blogartikel ved hj\u00e6lp af et block-baseret tema som Kadence. Jeg g\u00e6tter p\u00e5, at det vil lykkes dig overraskende hurtigt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At l\u00e6re Block Editor er ikke en belastning &#8211; det er en n\u00f8dvendighed for at sikre din relevans og markedsv\u00e6rdi som WordPress-udvikler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For nylig arbejdede jeg p\u00e5 kontoret hos en kunde, der driver en af Danmarks st\u00f8rste blogs. Vi taler om millioner af m\u00e5nedlige bes\u00f8gende. Men hvad overraskede mig, da jeg kiggede ind i deres WordPress backend: den (eksterne) udvikler af dette site havde valgt Classic Editor. Det illustrerer et stort problem. Selvom [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"hide_cta_migrate_site":false,"hide_toc_block":false,"footnotes":""},"categories":[625,627],"tags":[],"class_list":["post-3589","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-og-tricks","category-wordpress"],"lang":"da","translations":{"da":3589,"sv":3802,"nl":2285,"nb":3712,"en":3219},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/comments?post=3589"}],"version-history":[{"count":1,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3589\/revisions"}],"predecessor-version":[{"id":3969,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3589\/revisions\/3969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/media\/2286"}],"wp:attachment":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/media?parent=3589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/categories?post=3589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/tags?post=3589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}