{"id":3712,"date":"2025-05-31T12:24:00","date_gmt":"2025-05-31T10:24:00","guid":{"rendered":"https:\/\/mijn.host\/blog\/blokkeditoren-moderne-wordpress-utviklere\/"},"modified":"2026-09-16T12:06:14","modified_gmt":"2026-09-16T10:06:14","slug":"blokkeditoren-moderne-wordpress-utviklere","status":"publish","type":"post","link":"https:\/\/my.host\/blog\/no\/blokkeditoren-moderne-wordpress-utviklere\/","title":{"rendered":"Blokkeditoren: et smart valg for moderne WordPress-utviklere"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Nylig jobbet jeg p\u00e5 kontoret hos en kunde som administrerer en av de st\u00f8rste bloggene i Nederland. Vi snakker om millioner av m\u00e5nedlige bes\u00f8kende. Men hva overrasket meg mest da jeg tok en titt i deres WordPress backend: den (eksterne) utvikleren av denne nettsiden hadde valgt den klassiske redakt\u00f8ren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det illustrerer et stort problem. Selv om den klassiske redakt\u00f8ren f\u00f8les velkjent for mange, klamrer du deg til en levning fra fortiden. Og b\u00e5de du og dine kunder opplever sterke problemer p\u00e5 grunn av dette (muligens ubevisst).<\/p>\n\n\n\n<h2 id=\"den-klassiske-redaktoren-er-fortsatt-overraskende-populaer\" class=\"wp-block-heading\"><strong>Den klassiske redakt\u00f8ren er fortsatt overraskende popul\u00e6r<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Valget av den klassiske redakt\u00f8ren er mer utbredt enn man skulle tro. Dette til tross for at blokkredakt\u00f8ren siden WordPress 5.0 i 2018 har v\u00e6rt standardvalget (s\u00e5 i rundt 7 \u00e5r n\u00e5).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hvor utbredt er bruken fortsatt? Den offisielle <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classic Editor<\/a>-pluginen har, p\u00e5 det tidspunktet jeg skriver dette, mer enn 10 millioner aktive installasjoner. Dette gj\u00f8r den til en av de mest brukte pluginene 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\">\u00c5rsakene er ofte de samme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vant til og komfortabel med eksisterende arbeidsflyter<\/li>\n\n\n\n<li>Frykt for l\u00e6ringskurven i blokkredakt\u00f8ren<\/li>\n\n\n\n<li>Kompatibilitetsproblemer med eldre temaer eller sidebygger<\/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\">Enkelt sagt: mennesker liker ikke forandring. Men \u00e5 motarbeide denne forandringen kommer med en betydelig pris.<\/p>\n\n\n\n<h2 id=\"ulempene-med-den-klassiske-redaktoren\" class=\"wp-block-heading\"><strong>Ulempene med den klassiske redakt\u00f8ren<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bruken av den klassiske redakt\u00f8ren er ikke bare et sp\u00f8rsm\u00e5l om smak. Det medf\u00f8rer konkrete ulemper b\u00e5de for utviklere og deres kunder.<\/p>\n\n\n\n<h3 id=\"for-utvikleren\" class=\"wp-block-heading\"><strong>For utvikleren<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Begrenset kreativitet og avhengighet av shortcodes<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Komplekse layouter krever en uoversiktlig blanding av shortcodes og tilpassede felter i \u00e9n enkelt tekstboks. Pr\u00f8v \u00e5 lage en trekolonne-layout med forskjellige innholdstyper. Du ender opp med noe s\u00e5nt 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;Klikk her&#8221;][\/button][\/kolom]<br \/>\n[\/row]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det er ikke bare stygt &#8211; det er ogs\u00e5 vedlikeholdskrevende.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Alternativet til shortcodes er heller ikke mye bedre<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan sette opp en tilpasset l\u00f8sning med tilpassede felter og metaboxer. Men da bygger du egentlig ditt eget mini-CMS innenfor WordPress. Dette er totalt uskal\u00e9rbart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcodes kan brytes og er vanskelige \u00e5 feils\u00f8ke<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e6rlig for kunder som ikke er teknisk kyndige. En feilplassert hakeparentes eller glemt slutt-tag, og layouten din faller fra hverandre.<\/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 som aktivt fases ut. Nye WordPress-funksjoner vil ikke rette seg mot den klassiske redakt\u00f8ren. Du investerer tid i en blindgate.<\/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 brukeropplevelse<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kunder m\u00e5 forst\u00e5 abstrakte koder i stedet for \u00e5 kunne jobbe visuelt. Tenk deg \u00e5 m\u00e5tte forklare en kunde hvordan&nbsp;<code>[kolom width=\"8\"]<\/code>&nbsp;fungerer. Mens du med blokkredakt\u00f8ren bare kan dra 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 de minste visuelle justeringene er kunden avhengig av utvikleren. Vil du endre en knapp fra bl\u00e5 til gr\u00f8nn? Ring utvikleren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tidkrevende<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c5 sette sammen for eksempel komplekse blogginnlegg er utrolig tidkrevende. Tenk p\u00e5 \u00e5 plassere en tabell mellom to tekstparagrafer. Det tar lett 10 ganger s\u00e5 lang tid med den klassiske redakt\u00f8ren som med Gutenberg (f\u00f8rst dele tekstblokken i to separate tekstblokker, deretter sette inn tabellen osv.). P\u00e5 sikt kaster teamet ditt bort utallige un\u00f8dvendige timer p\u00e5 dette.<\/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 med Gutenberg for eksempel vil sette inn en tabell mellom to tekstparagrafer, trykker du enkelt p\u00e5 enter etter den f\u00f8rste paragrafen og kan umiddelbart velge tabellen<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Word-opplevelsen&#8221;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Den klassiske redakt\u00f8ren gir for mye frihet p\u00e5 feil sted. Kunder kan boltre seg med tekstfarger, skrifttyper, og annen styling som ikke passer ditt design. Sluttresultatet: inkonsekvens og rotete nettsteder.<\/p>\n\n\n\n<h2 id=\"blokkredaktoren-som-et-rammeverk\" class=\"wp-block-heading\"><strong>Blokkredakt\u00f8ren som et rammeverk<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Her tror jeg misforst\u00e5elsen ligger: blokkredakt\u00f8ren er ikke en &#8220;redakt\u00f8r&#8221; &#8211; det er et komponentbasert rammeverk. Sammenlignbart med hvordan du ville tenke i React eller Vue.<\/p>\n\n\n\n<h3 id=\"gjenbrukbare-blokker-amp-blokkmonstre\" class=\"wp-block-heading\"><strong>Gjenbrukbare blokker &amp; blokk-m\u00f8nstre<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bygg seksjoner som en &#8220;call-to-action&#8221; eller &#8220;teammedlem-profil&#8221; \u00e9n gang som et m\u00f8nster og la kunden sette dem inn med ett klikk. Dette garanterer konsistens og hastigheten p\u00e5 innholdsprosessen \u00f8ker 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 enkelt tilpasse layouten til slike blokker uten \u00e5 \u00f8delegge hele strukturen.<\/p>\n\n\n\n<h3 id=\"tilpassede-blokker\" class=\"wp-block-heading\"><strong>Tilpassede blokker<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lag dine egne, skreddersydde blokker med spesifikke funksjoner. Dette er den moderne erstatningen for shortcodes og widgets, men med en brukervennlig grensesnitt.<\/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\">Blokkredakt\u00f8ren er porten til FSE. Dette betyr at alt &#8211; header, footer, 404-side &#8211; n\u00e5 best\u00e5r av blokker. Du f\u00e5r super presis kontroll over hele nettstedets struktur p\u00e5 en m\u00e5te som tidligere var utenkelig uten komplekse l\u00f8sninger.<\/p>\n\n\n\n<h2 id=\"fremtiden-for-wordpress-er-blokkbasert\" class=\"wp-block-heading\"><strong>Fremtiden for WordPress er blokkbasert<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bevegelsen mot blokkredakt\u00f8ren er ingen trend. Den har v\u00e6rt standard i 7 \u00e5r og er n\u00e5 en irreversibel vei som WordPress-\u00f8kosystemet har tatt. Det er bare et tidssp\u00f8rsm\u00e5l f\u00f8r Classic Editor-pluginen ikke lenger st\u00f8ttes av WordPress&#8217; kjerneteam.<\/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\">Gutenberg-prosjektet har fire faser:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Easier Editing<\/strong>\u00a0&#8211; Stort sett fullf\u00f8rt<\/li>\n\n\n\n<li><strong>Customization<\/strong>\u00a0(Full Site Editing) &#8211; Stort sett fullf\u00f8rt<\/li>\n\n\n\n<li><strong>Collaboration<\/strong>\u00a0&#8211; For tiden under utvikling<\/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 blokk-arkitekturen.<\/p>\n\n\n\n<h3 id=\"okosystemet-beveger-seg-i-takt\" class=\"wp-block-heading\"><strong>\u00d8kosystemet beveger seg i takt<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se p\u00e5 den eksplosive veksten av blokkbaserte temaer som Kadence (som jeg bruker for alle mine egne nettsteder) og GeneratePress. Plugin-spesifikke plugins dukker opp i hopetall. Markedet og fellesskapet beveger seg alle i samme retning.<\/p>\n\n\n\n<h2 id=\"hvorfor-du-som-utvikler-bor-bytte-na\" class=\"wp-block-heading\"><strong>Hvorfor du som utvikler b\u00f8r bytte n\u00e5<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Den klassiske redakt\u00f8ren skaper teknisk gjeld og leverer et d\u00e5rligere produkt for kunden. Blokkredakt\u00f8ren tilbyr en overlegent effektiv og fremtidssikret arbeidsflyt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Start ditt neste prosjekt fullt ut basert p\u00e5 blokker. Ja, det er en l\u00e6ringskurve. Men den investeringen l\u00f8nner seg raskt i effektivitet og kundetilfredshet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00f8v en gang \u00e5 bygge en eksisterende side eller blogginnlegg p\u00e5 nytt via et blokkbasert tema som Kadence. Jeg tipper du vil klare det overraskende raskt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c5 l\u00e6re blokkredakt\u00f8ren er ingen byrde &#8211; det er en n\u00f8dvendig investering i din relevans og markedsverdi som WordPress-utvikler.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nylig jobbet jeg p\u00e5 kontoret hos en kunde som driver en av Norges st\u00f8rste blogger. Vi snakker om millioner av m\u00e5nedlige bes\u00f8kende. Men hva som overrasket meg da jeg tok en titt i deres WordPress-backend: utvikleren (ekstern) av dette nettstedet hadde valgt Classic Editor. Det illustrerer et stort problem. Selv om [&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":[835,837],"tags":[],"class_list":["post-3712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-og-triks","category-wordpress"],"lang":"nb","translations":{"nb":3712,"sv":3802,"nl":2285,"da":3589,"en":3219},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3712","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=3712"}],"version-history":[{"count":1,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3712\/revisions"}],"predecessor-version":[{"id":3970,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3712\/revisions\/3970"}],"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=3712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/categories?post=3712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/tags?post=3712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}