Tænk på et klassisk WordPress-tema som et gammelt møbel, sat sammen med lim og plaster. Det virker, men delene er svære at flytte uden at noget går i stykker. Et WordPress block theme er mere som LEGO. Hver blok kan tages ud, flyttes og styles, som man vil. Hele siden er bygget af blokke, også header, footer og de små detaljer.
Spørgsmålet “Hvad er et WordPress block theme?” peger på en ny måde at designe i WordPress. I stedet for låste skabeloner får brugeren frihed til at bygge siden stykke for stykke med fleksible blokke. Det gør det nemt at lave unikke sider uden kompliceret kode.
For begyndere giver WordPress block themes en klar introduktion til moderne webdesign. Alt bliver mere håndgribeligt og visuelt, så det er let at komme i gang.
Hvad er WordPress Full Site Editing, og hvordan bruger du Site Editor
WordPress Full Site Editing (FSE) giver fuld kontrol over hele sitet, ikke kun indholdet. Header, footer og alt imellem kan tilpasses med blokke. Kodning og stive skabeloner er ikke nødvendige.
Med FSE arbejder brugeren direkte i Site Editor, som samler strukturen ét sted. Funktionerne gør arbejdet mere konkret og ensartet på tværs af sider.
- Templates: Redigér forsider, arkiver og 404-sider uden kode.
- Template parts: Genbrug header og footer på tværs af templates, og ret dem ét sted for at sikre ens udtryk.
- Navigation-blokken: Byg og redigér menuer direkte i headeren uden separate menusider.
- Global Styles-panelet: Styr farver, typografi og layout samlet via theme.json.
- Style variations: Skift hurtigt designets udtryk med faste farve- og skrifttemaer uden at skifte tema.
Site Editor ligger under Udseende > Editor i admin. Den vises kun, hvis temaet understøtter FSE. Når editoren åbnes, er alle sektioner bygget af blokke. Klik på en blok, ret tekst, billeder eller stil, og se ændringerne med det samme. Oplevelsen minder om at bygge med LEGO-klodser, bare på websider.
Block theme og classic theme i WordPress sammenlignet
Valget mellem block theme og classic theme i WordPress former hele arbejdsprocessen. Begge retninger løser samme opgave, men teknologien bag er forskellig og påvirker fleksibilitet, design og drift.
- Klassiske themes styres af PHP-filer som header.php og index.php. Block themes bruger derimod HTML-skabeloner og Site Editor, så layout kan ændres visuelt.
- Funktioner i klassiske themes ligger typisk i functions.php, hvor man enqueue scripts og bruger hooks. I block themes samles opsætning i theme.json, som giver mere orden og et fast format.
- Customizer er central i klassiske themes til designændringer. I block themes overtager Global Styles det arbejde, uden widgets eller særskilte paneler.
- Widgets hører til klassiske themes. I block themes afløses de af template parts og blokke, som kan genbruges på tværs af sider og skabeloner.
- Child themes var ofte nødvendige for CSS-tilpasninger. I dag klares mange ændringer via Global Styles eller style variations, så kode ikke er påkrævet.
- Overskrivning af templates i block themes sker ved at kopiere og redigere HTML-filer som single.html. Det kan gøres i et child theme eller direkte i Site Editor.
- Ydelsen løftes ofte med block themes, fordi der er færre afhængigheder og samlet CSS-styring via theme.json. Det giver hurtigere sider fra start.
Sådan designer du header, footer og layout i Site Editor
Site Editor samler hele sitet i én visuel arbejdsflade. Header, footer og indhold bliver bygget med blokke, der kan genbruges og tilpasses uden kode. Her viser et WordPress bloktema sin styrke, fordi strukturen hænger sammen på tværs af sider.
- Start med Template Parts til de faste sektioner som Header.html og Footer.html. Indsæt Navigation-blokken til menuer, Site Logo-blokken til branding og Social Links-blokken til sociale profiler. Resultatet er en ensartet struktur overalt.
- Sæt globale spacing-regler i theme.json under layout, spacing, contentSize og wideSize. Et fælles grid sikrer, at marginer og padding passer på tværs af skabeloner og blokke.
- Opret side-templates som page.html til standardsider, single.html til indlæg og archive.html til arkiver. Brug Query Loop-blokken til bloglister med filtrering og pagination. Dynamiske oversigter uden ekstra plugins.
- Patterns sparer tid for redaktører. Gem hero-sektioner, prissektioner og CTA-bånd som færdige layouts, og indsæt dem direkte i editoren på få klik.
- Style variations giver 2-3 farve- eller typografi-profiler uden at røre layoutet. Kunden skifter udtryk hurtigt efter behov uden tekniske justeringer.
- Beskyt vigtige områder med Template Locking, contentOnly eller lock. Redaktører ændrer ikke strukturen ved et uheld. Ekstra nyttigt i header og footer.
- Gem designet som Custom Style i Site Editor. Revisionsloggen giver versionshistorik, så man ruller tilbage ved fejl eller når der eksperimenteres.
Guiden viser, hvordan Site Editorens værktøjer gør bloktemaer mere intuitive at arbejde med, og giver kontrol over hele sitets udtryk.
Hvornår er block themes et godt valg, og hvornår er klassiske themes bedre
Valget afhænger i høj grad af sitets formål og redaktørernes hverdag. Et block theme giver mest mening til sider med hyppige opdateringer, som marketing, blogs og indholdsprojekter. Redaktører flytter sektioner, skifter farver og ændrer layout direkte i editoren uden brug af kode. Et klassisk theme passer bedre til komplekse løsninger med særlige krav og mange integrationer.
Fordele og faldgruber ved block themes viser sig tydeligt i brugen:
- Hurtige designændringer uden kodning gør det nemt for ikke-tekniske redaktører at holde siden opdateret.
- Færre plugins i mange cases, fordi blokke dækker flere funktioner i editoren.
- Ensartet styling via theme.json giver et samlet udtryk på tværs af skabeloner og blokke.
- Onboarding for nye redaktører føles mere naturlig med visuelle værktøjer og live-forhåndsvisning.
- WooCommerce spiller godt sammen med produkt- og kurv-blokke, men kræver ekstra tjek for fuld integration i checkout og mails.
- Komplekse webapps med mange brugerflows kører bedre på klassiske eller hybride setups, hvor PHP-styring giver mere kontrol.
- Afhængighed af blokmiljøet kan betyde, at nicheplugins eller gamle shortcodes ikke virker som forventet.
- Migrering fra store page builders kræver ofte oprydning i shortcodes og gamle CSS-regler, før alt hænger sammen.
- Multisprogssider bør bruge oversættelsesværktøjer, der understøtter blok-baserede workflows, for at undgå konflikter.
Arbejdsgang fra brief til launch med et block theme
En stram workflow gør en stor forskel, når webdesignere og små virksomheder arbejder med WordPress block themes. Målet er ikke kun en pæn side. Stabilitet, genbrug og let vedligeholdelse tæller lige så meget. En klar proces sparer tid og irritation, især når design, indhold og teknik skal gå op uden at skabe rod.
En fælles plan gør roller tydelige for både designere og redaktører. Fokus på temaopsætning, patterns og performance giver et stabilt grundlag fra første klik til lancering. Her er en kort workflow baseret på “WordPress block theme guide til små virksomheder” og “WordPress block themes fordele for webdesignere”:
- Vælg et velholdt block theme som base, gerne et blankt eller et mere omfattende tema, så opstarten går hurtigt uden ekstra bøvl.
- Sæt theme.json op tidligt. Definér farver, typografiskala med fluid type, knaphjørner og spacing-tokens for ensartet stil på hele sitet.
- Byg patterns til gentagne moduler som FAQ, features og prislister. Læg dem i /patterns-mappen med klare beskrivelser, så redaktører let kan indsætte dem senere.
- Lav retningslinjer for indhold med henblik på læsbarhed. Hold linjelængde omkring 65 – 75 tegn, og sikr minimum kontrast 4.5:1 for AA-tilgængelighed.
- Test performance med Web Vitals. Sigt efter LCP under 2,5 s, CLS under 0,1 og INP under 200 ms. Brug theme.json til at mindske render-blocking, hvor det giver effekt.
- Versionér større designændringer via editor-revisioner. Eksportér jævnligt theme.json og styles som backup før opdateringer.
- Planlæg en kort træning på cirka 60 minutter til redaktørerne. Dæk Site Editor, Global Styles, indsættelse af patterns og rollback via Revisions.
Tilgangen skaber ro hos både udviklere ved skærmen og medarbejdere i små virksomheder. WordPress block themes giver fleksibilitet og struktur, som støtter et stabilt website over tid.
Plugins, kompatibilitet og performance i Site Editor uden faldgruber
Plugins og performance bliver afgørende, når block themes og Site Editor er i spil. Arkitekturen adskiller sig markant fra klassiske temaer, for blokke og theme.json styrer udseende og adfærd. Plugins uden støtte til denne model skaber let konflikter, især i styling og funktionalitet i Site Editor.
Vælg plugins med blokke som førsteprioritet via block.json. Funktionerne indsættes så som blokke direkte i editoren uden ekstra omveje. Redigering føles lettere, og integrationen i designet bliver mere stabil.
Page builders har egne CSS-regler, som overlapper styles fra theme.json. Resultatet er flere kilobyte CSS og visuelle fejl. Kombinér derfor ikke tunge page builders med block themes, hvis koden skal holdes ren og hurtig.
Lette, modulære plugins giver et klart plus. Slå unødvendige moduler fra, især i omfattende værktøjer som SEO- og sikkerhedsplugins. Mindre kode betyder lavere JavaScript-load og færre konflikter.
Medieoptimering gør en stor forskel. Lazy-load på billeder og video sænker LCP, så siden føles hurtigere. Brug WebP eller AVIF til billeder, og angiv bredde og højde i blokkens indstillinger for at undgå layoutskift under indlæsning.
Server-side caching sammen med CDN giver hurtige svartider globalt. TTFB er nøgletallet. For danske sites bør origin-serveren levere under 200 ms for en optimal oplevelse.
WooCommerce spiller fint med block themes via de nye Cart- og Checkout-blokke. Styr farver, typografi og afstande i Global Styles i stedet for custom CSS. Det holder kompatibiliteten høj og sparer vedligehold.
WordPress Core og Gutenberg udvikler sig løbende, og ændringer påvirker blokke. Test større opdateringer i et staging-miljø før live, så fejl fanges i tide.
Hurtig tjekliste til plugin-kompatibilitet og performance:
- Vælg plugins med native blok-støtte (block.json) til problemfri integration i Site Editor.
- Undgå tunge page builders sammen med block themes pga. dobbelt-styling fra theme.json vs plugin-CSS.
- Prioritér lette og modulære plugins; slå ubrugte moduler fra for mindre JS-overhead.
- Brug lazy-load og WebP/AVIF-billeder; sæt billede-dimensioner i blokkene for stabilt layout.
- Aktivér server-side caching og CDN; sigt efter TTFB < 200 ms ved dansk publikum.
- Til WooCommerce: brug officielle Cart/Checkout-blokke; styr styling via Global Styles ikke custom CSS.
- Følg Core/Gutenberg-opdateringer tæt; test nye versioner grundigt inden produktion.
Skal du skifte til et block theme nu eller vente
Skift til et block theme giver først mening, når teamets behov og den tekniske tilstand peger samme vej. Hvis det nuværende tema spærrer for Site Editor, og redaktører vil ændre layout uden udviklerhjælp, er det tid til at rykke. FSE i WordPress giver fleksibel redigering, ensartet design og færre plugins i spil.
Tunge page builders og mange shortcodes gør et hurtigt skift risikabelt. Her er en planlagt, trinvis migration klogt. Lav en prøve på et staging-miljø for at se, hvor lang tid det tager at genskabe kerneindhold, og for at teste plugins. Mindst 80 % af de vigtige plugins bør virke med blokke eller uden konflikt med theme.json.
Målet er klart: Redaktøren bygger nye sider hurtigt og intuitivt under en time uden ekstern hjælp. Mål også performance før og efter skift. LCP bør løftes med 10 – 20 %, så forbedringer kan dokumenteres, og løsningen står stærkt fremover.
En fallback-plan hører med. Behold det klassiske tema på staging og hav friske backups, så et rollback tager få minutter, hvis noget går galt.
Spørgsmål om setup eller næste skridt mod block themes? Tag kontakt for en uforpligtende snak og få et klart billede af mulighederne.