,

Block Editor: et smart valg for moderne WordPress-udviklere

Joost Boer Avatar

Udgivelsesdato

For nylig arbejdede jeg på kontoret hos en kunde, der driver en af de største blogs i Nederland. Vi taler om millioner af månedlige besøgende. Men hvad overraskede mig, da jeg tog et kig i deres WordPress backend: udvikleren (ekstern) af denne site havde valgt Classic Editor.

Det illustrerer et stort problem. Selvom Classic Editor føles velkendt for mange, holder du fast i en relikvie fra fortiden. Og både du selv og dine kunder oplever (måske ubevidst) betydelige problemer med dette.

Classic Editor er stadig overraskende populær

Valget for Classic Editor er mere udbredt, end man skulle tro. Dette på trods af, at Block Editor har været standarden siden WordPress 5.0 i 2018 (sådan cirka 7 år allerede).

Hvor udbredt er brugen stadig? Den officielle Classic Editor plugin har på tidspunktet for skrivningen mere end 10 millioner aktive installationer. Det gør det til en af de mest brugte plugins i hele WordPress-økosystemet.

Årsagerne er ofte de samme:

  • Vane og komfort ved eksisterende workflows
  • Frygt for læringskurven af Block Editor
  • Kompatibilitetsproblemer med ældre temaer eller page builders
  • “Det fungerer jo fint, som det er”

Simpelthen sagt: mennesker bryder sig bare ikke om forandring. Dog betaler du en betydelig pris for at modarbejde denne forandring.

Ulemperne ved Classic Editor

Brugen af Classic Editor handler ikke kun om smag. Det bringer konkrete ulemper med sig for både udviklere og deres kunder.

For udvikleren

Begrænset kreativitet og afhængighed af shortcodes

Komplekse layouts kræver en uoverskuelig blanding af shortcodes og custom fields i en enkelt textarea. Prøv at lave et trekolonneslayout med forskellige indholdstyper. Du ender med noget som:

Copy code

[row]
[kolom width=”4″]Tekst her[/kolom]
[kolom width=”4″][afbeelding id=”123″][/kolom]
[kolom width=”4″][button link=”#” tekst=”Klik her”][/button][/kolom]
[/row]

Det er ikke kun grimt – det er også vedligeholdelsesfølsomt.

Alternativet til shortcodes er heller ikke meget bedre

Du kan sammensætte en specialløsning med custom fields og meta boxes. Men så bygger du egentlig dit eget mini-CMS inden for WordPress. Dette er slet ikke skalerbart.

Shortcodes kan bryde og er svære at fejlfinde

Særligt for kunder, der ikke er teknisk stærke. En forkert placeret parantes eller glemt slut-tag og dit layout falder fra hinanden.

Ikke fremtidssikret

Du bygger på et fundament, der aktivt bliver udfaset. Nye WordPress-funktioner vil ikke være rettet mod Classic Editor. Du investerer tid i en blindgyde.

For kunden

Dårlig brugeroplevelse

Kunder skal forstå abstrakte koder i stedet for at kunne arbejde visuelt. Forestil dig, at du skal forklare en kunde, hvordan [kolom width="8"] fungerer. Mens du med Block Editor blot kan trække kolonner.

Mindre autonomi

For den mindste visuelle tilpasning er kunden afhængig af udvikleren. Vil du ændre en knap fra blå til grøn? Ring til udvikleren.

Tidskrævende

Sammensætningen af for eksempel komplekse blogartikler er utrolig tidskrævende. Tænk på at placere en tabel mellem to tekstafsnit. Det tager nemt 10 gange så lang tid med Classic Editor som med Gutenberg (først skal tekstblokken opdeles i to separate tekstblokke, så kan tabellen indsættes, etc.). Over tid spilder dit team her utallige unødvendige timer.

Hvis du for eksempel vil placere en tabel mellem to tekstafsnit med Gutenberg, trykker du blot på enter efter det første afsnit og kan nemt vælge tabellen

“Word-oplevelsen”

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.

Se Block Editor som framework

Her ligger måske misforståelsen: Block Editor er ikke en “editor” – det er et komponentbaseret framework. Sammenligneligt med hvordan du ville tænke i React eller Vue.

Genanvendelige Blocks & Block Patterns

Byg sektioner som en “call-to-action” eller “teammedlem-profil” en gang som et mønster og lad kunden indsætte dem med ét klik. Dette garanterer konsistens og accelererer indholdsprocessen enormt.

Kunden kan også nemt tilpasse layoutet af denne slags blokke uden at bryde hele strukturen.

Brugerdefinerede Blocks

Skab dine egne, helt skræddersyede blokke med specifik funktionalitet. Dette er den moderne erstatning for shortcodes og widgets, men med en brugervenlig interface.

Full Site Editing (FSE)

Block Editor er porten til FSE. Det betyder, at alt – header, footer, 404-side – nu består af blocks. Du får super præcis kontrol over hele site-strukturen på en måde, der tidligere var utænkelig uden komplekse workarounds.

Fremtiden for WordPress er block-baseret

Bevægelsen mod Block Editor er ikke en trend. Det har været standarden i 7 år og er i mellemtiden en irreversibel vej, som WordPress-økosystemet behandler. Det er et spørgsmål om tid, før Classic Editor plugin i sin helhed ikke længere vil blive understøttet af core WordPress teamet.

Gutenberg Roadmap

Det Gutenberg-projekt består af fire faser:

  1. Easier Editing – Stort set afsluttet
  2. Customization (Full Site Editing) – Stort set afsluttet
  3. Collaboration – I øjeblikket under udvikling
  4. Multilingual – Fremtidig fase

Alle nye faser bygger videre på block-arkitekturen.

Økosystemet bevæger sig med

Se den eksplosive vækst 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ællesskabet bevæger sig alle i samme retning.

Hvorfor du som udvikler skal skifte nu

Classic Editor skaber teknisk gæld og leverer et ringere produkt til kunden. Block Editor tilbyder en overlegen, effektiv og fremtidssikret workflow.

Start dit næste projekt helt block-baseret. Ja, der er en læringskurve. Men den investering betaler sig hurtigt hjem i effektivitet og kundetilfredshed.

Prøv for sjov at genskabe en eksisterende side eller blogartikel ved hjælp af et block-baseret tema som Kadence. Jeg gætter på, at det vil lykkes dig overraskende hurtigt.

At lære Block Editor er ikke en belastning – det er en nødvendighed for at sikre din relevans og markedsværdi som WordPress-udvikler.

Joost Boer Avatar

Udgivet

in

,

Tags:

kommentarer

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *