{"id":3802,"date":"2025-05-31T12:24:00","date_gmt":"2025-05-31T10:24:00","guid":{"rendered":"https:\/\/mijn.host\/blog\/blockredigeraren-valja\/"},"modified":"2026-09-16T12:06:15","modified_gmt":"2026-09-16T10:06:15","slug":"blockredigeraren-valja","status":"publish","type":"post","link":"https:\/\/my.host\/blog\/se\/blockredigeraren-valja\/","title":{"rendered":"Blockredigeraren: ett smart val f\u00f6r moderna WordPress-utvecklare"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Nyligen arbetade jag p\u00e5 kontoret hos en kund som driver en av de st\u00f6rsta bloggarna i Nederl\u00e4nderna. Vi talar om miljoner m\u00e5natliga bes\u00f6kare. Men vad \u00f6verraskade mig n\u00e4r jag tog en titt i deras WordPress backend: utvecklaren (extern) av denna webbplats hade valt Classic Editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det illustrerar ett stort problem. \u00c4ven om Classic Editor k\u00e4nns bekant f\u00f6r m\u00e5nga, h\u00e5ller du fast vid en kvarleva fr\u00e5n det f\u00f6rflutna. Och b\u00e5de du och dina kunder upplever (m\u00f6jligen omedvetet) betydande problem av detta.<\/p>\n\n\n\n<h2 id=\"classic-editor-ar-fortfarande-forvanansvart-popular\" class=\"wp-block-heading\"><strong>Classic Editor \u00e4r fortfarande f\u00f6rv\u00e5nansv\u00e4rt popul\u00e4r<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Valet av Classic Editor \u00e4r mer utbrett \u00e4n man kan tro. Detta trots att Block Editor redan sedan WordPress 5.0 \u00e5r 2018 \u00e4r standard (allts\u00e5 i runt 7 \u00e5r nu).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hur utbredd \u00e4r anv\u00e4ndningen fortfarande? Det officiella <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classic Editor<\/a> till\u00e4gget har i skrivande stund mer \u00e4n 10 miljoner aktiva installationer. Detta g\u00f6r det till ett av de mest anv\u00e4nda till\u00e4ggen i hela WordPress-ekosystemet.<\/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\">Anledningarna \u00e4r ofta desamma:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vana och komfort i befintliga arbetsfl\u00f6den<\/li>\n\n\n\n<li>R\u00e4dsla f\u00f6r inl\u00e4rningskurvan hos Block Editor<\/li>\n\n\n\n<li>Kompatibilitetsproblem med \u00e4ldre teman eller page builders<\/li>\n\n\n\n<li>&#8220;Det fungerar ju bra som det \u00e4r&#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 uttryckt: m\u00e4nniskor gillar bara inte f\u00f6r\u00e4ndring. Men priset f\u00f6r att motverka denna f\u00f6r\u00e4ndring \u00e4r betydande. <\/p>\n\n\n\n<h2 id=\"nackdelar-med-classic-editor\" class=\"wp-block-heading\"><strong>Nackdelar med Classic Editor<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anv\u00e4ndningen av Classic Editor handlar inte bara om smak. Det medf\u00f6r konkreta nackdelar f\u00f6r b\u00e5de utvecklare och deras kunder.<\/p>\n\n\n\n<h3 id=\"for-utvecklaren\" class=\"wp-block-heading\"><strong>F\u00f6r utvecklaren<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Begr\u00e4nsad kreativitet och beroende av shortcodes<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Komplexa layouter kr\u00e4ver en o\u00f6versk\u00e5dlig r\u00f6ra av shortcodes och anpassade f\u00e4lt i en enda textyta. F\u00f6rs\u00f6k g\u00f6ra en trekolumns-layout med olika inneh\u00e5llstyper. Du slutar med n\u00e5got liknande:<\/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;]Text h\u00e4r[\/kolom]<br \/>\n[kolom width=&#8221;4&#8243;][bild id=&#8221;123&#8243;][\/kolom]<br \/>\n[kolom width=&#8221;4&#8243;][button link=&#8221;#&#8221; text=&#8221;Klicka h\u00e4r&#8221;][\/button][\/kolom]<br \/>\n[\/row]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det \u00e4r inte bara fult &#8211; det \u00e4r ocks\u00e5 underh\u00e5llsk\u00e4nsligt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Alternativet till shortcodes \u00e4r inte mycket b\u00e4ttre<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan s\u00e4tta ihop en anpassad l\u00f6sning med anpassade f\u00e4lt och meta-boxar. Men d\u00e5 bygger du egentligen ditt eget mini-CMS inom WordPress. Detta \u00e4r helt icke-skalbart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcodes kan bryta och \u00e4r sv\u00e5ra att fels\u00f6ka<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Speciellt f\u00f6r kunder som inte \u00e4r tekniskt kunniga. En felplacerad krok eller missad sluttagg och din layout faller is\u00e4r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Inte framtidss\u00e4ker<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du bygger p\u00e5 en grund som aktivt fasas ut. Nya WordPress-funktioner kommer inte att fokusera p\u00e5 Classic Editor. Du investerar tid i en \u00e5terv\u00e4ndsgr\u00e4nd.<\/p>\n\n\n\n<h3 id=\"for-kunden\" class=\"wp-block-heading\"><strong>F\u00f6r kunden<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D\u00e5lig anv\u00e4ndarupplevelse<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kunder m\u00e5ste f\u00f6rst\u00e5 abstrakta koder ist\u00e4llet f\u00f6r att arbeta visuellt. F\u00f6rest\u00e4ll dig att du m\u00e5ste f\u00f6rklara f\u00f6r en kund hur&nbsp;<code>[kolom width=\"8\"]<\/code>&nbsp;fungerar. medan du i Block Editor bara kan dra kolumner.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mindre autonomi<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00f6r den minsta visuella f\u00f6r\u00e4ndringen \u00e4r kunden beroende av utvecklaren. Vill de \u00e4ndra en knapp fr\u00e5n bl\u00e5tt till gr\u00f6nt? Ring utvecklaren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tidskr\u00e4vande<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Att s\u00e4tta ihop till exempel komplexa blogginl\u00e4gg \u00e4r oerh\u00f6rt tidskr\u00e4vande. T\u00e4nk p\u00e5 att placera en tabell mellan tv\u00e5 textstycken. Det tar l\u00e4tt 10 g\u00e5nger l\u00e4ngre tid med Classic Editor \u00e4n med Gutenberg (f\u00f6rst dela textblocket i tv\u00e5 separata textblock, sedan placera tabellen d\u00e4remellan, etc.). P\u00e5 sikt sl\u00f6sar ditt team bort or\u00e4kneliga on\u00f6diga timmar p\u00e5 detta.<\/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\">Om du i Gutenberg vill placera en tabell mellan tv\u00e5 textstycken, trycker du helt enkelt p\u00e5 enter efter f\u00f6rsta stycket och kan direkt v\u00e4lja tabellen<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Ord-upplevelsen&#8221;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Classic Editor ger f\u00f6r mycket frihet p\u00e5 fel st\u00e4llen. Kunder kan leka med textf\u00e4rger, typsnitt och annan formatering som inte passar ditt design. Slutresultatet: inkonsekventa och slarviga webbplatser.<\/p>\n\n\n\n<h2 id=\"block-editor-som-ett-ramverk\" class=\"wp-block-heading\"><strong>Block Editor som ett ramverk<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4r tror jag missf\u00f6rst\u00e5ndet ligger: Block Editor \u00e4r inte en &#8220;editor&#8221; &#8211; det \u00e4r ett komponentbaserat ramverk. J\u00e4mf\u00f6rbart med hur du skulle t\u00e4nka i React eller Vue.<\/p>\n\n\n\n<h3 id=\"ateranvandbara-block-amp-blockmonster\" class=\"wp-block-heading\"><strong>\u00c5teranv\u00e4ndbara Block &amp; Blockm\u00f6nster<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bygg sektioner som en &#8220;call-to-action&#8221; eller &#8220;teammedlem-profil&#8221; en g\u00e5ng som ett m\u00f6nster och l\u00e5t kunden infoga dessa med ett klick. Detta garanterar konsekvens och p\u00e5skyndar inneh\u00e5llsprocessen avsev\u00e4rt.<\/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 anpassa layouten p\u00e5 dessa block utan att bryta hela strukturen.<\/p>\n\n\n\n<h3 id=\"anpassade-block\" class=\"wp-block-heading\"><strong>Anpassade Block<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Skapa dina egna, helt skr\u00e4ddarsydda block med specifik funktionalitet. Detta \u00e4r den moderna ers\u00e4ttningen f\u00f6r shortcodes och widgets, men med ett anv\u00e4ndarv\u00e4nligt gr\u00e4nssnitt.<\/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 \u00e4r porten till FSE. Detta betyder att allt &#8211; header, footer, 404-sida &#8211; nu best\u00e5r av block. Du f\u00e5r superprecis kontroll \u00f6ver hela webbplatsstrukturen p\u00e5 ett s\u00e4tt som tidigare var ot\u00e4nkbart utan komplexa l\u00f6sningar.<\/p>\n\n\n\n<h2 id=\"framtiden-for-wordpress-ar-blockbaserad\" class=\"wp-block-heading\"><strong>Framtiden f\u00f6r WordPress \u00e4r block-baserad<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00f6relsen mot Block Editor \u00e4r ingen trend. Det har varit standard i 7 \u00e5r och \u00e4r ett o\u00e5terkalleligt v\u00e4gval som WordPress-ekosystemet har gjort. Det \u00e4r en tidsfr\u00e5ga innan Classic Editor plugin helt slutar st\u00f6djas av WordPress k\u00e4rnteamen.<\/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\">Gutenbergprojektet <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\" target=\"_blank\" rel=\"noreferrer noopener\">best\u00e5r<\/a> av fyra faser:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>L\u00e4ttare redigering<\/strong> &#8211; Till stor del slutf\u00f6rd<\/li>\n\n\n\n<li><strong>Anpassning<\/strong> (Full Site Editing) &#8211; Till stor del slutf\u00f6rd<\/li>\n\n\n\n<li><strong>Samarbete<\/strong> &#8211; F\u00f6r n\u00e4rvarande under utveckling<\/li>\n\n\n\n<li><strong>Fler spr\u00e5k<\/strong> &#8211; Framtida fas<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Alla nya faser bygger vidare p\u00e5 block-arkitekturen.<\/p>\n\n\n\n<h3 id=\"ekosystemet-ror-sig-med\" class=\"wp-block-heading\"><strong>Ekosystemet r\u00f6r sig med<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Se den explosiva tillv\u00e4xten av blockbaserade teman som Kadence (som jag anv\u00e4nder p\u00e5 alla mina egna webbplatser) och GeneratePress. Blockspecifika till\u00e4gg v\u00e4xer som svampar ur marken. Marknaden och samh\u00e4llet r\u00f6r sig i samma riktning.<\/p>\n\n\n\n<h2 id=\"varfor-du-som-utvecklare-bor-overga-nu\" class=\"wp-block-heading\"><strong>Varf\u00f6r du som utvecklare b\u00f6r \u00f6verg\u00e5 nu<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Classic Editor skapar teknisk skuld och levererar en underl\u00e4gsen produkt till kunden. Block Editor erbjuder ett \u00f6verl\u00e4gset, effektivt och framtidss\u00e4kert arbetsfl\u00f6de.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Starta ditt n\u00e4sta projekt helt blockbaserat. Ja, det finns en inl\u00e4rningskurva. Men den investeringen betalar sig snabbt tillbaka i effektivitet och kundn\u00f6jdhet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prova f\u00f6r skojs skull att \u00e5terskapa en befintlig sida eller blogginl\u00e4gg i ett blockbaserat tema som Kadence. Jag antar att du kommer lyckas f\u00f6rv\u00e5nansv\u00e4rt snabbt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Att l\u00e4ra sig Block Editor \u00e4r ingen b\u00f6rda &#8211; det \u00e4r en n\u00f6dv\u00e4ndig investering i din relevans och marknadsv\u00e4rde som WordPress-utvecklare.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nyligen arbetade jag p\u00e5 kontoret hos en kund som driver en av de st\u00f6rsta bloggarna i Nederl\u00e4nderna. Vi pratar om miljontals m\u00e5natliga bes\u00f6kare. Men vad som f\u00f6rv\u00e5nade mig n\u00e4r jag tog en titt i deras WordPress backend: utvecklaren (extern) av denna sida hade valt Classic Editor. Det illustrerar ett stort problem. Trots [&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":[953,955],"tags":[],"class_list":["post-3802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-och-tricks","category-wordpress"],"lang":"sv","translations":{"sv":3802,"nl":2285,"nb":3712,"da":3589,"en":3219},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3802","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=3802"}],"version-history":[{"count":1,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3802\/revisions"}],"predecessor-version":[{"id":3971,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/posts\/3802\/revisions\/3971"}],"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=3802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/categories?post=3802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/my.host\/blog\/wp-json\/wp\/v2\/tags?post=3802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}