Gutenberg FSE: Fremtiden for WordPress-design i 2026

Full Site Editing kom med WordPress 5.9. Tre år senere bruker de fleste byråer det fortsatt ikke riktig — og de som gjør det, har en seriøs konkurransefordel.

Hva FSE faktisk betyr

Før FSE kontrollerte WordPress-temaer headere, footere og global layout gjennom PHP-maler. Gutenberg håndterte bare innholdsområdet. Du kunne redigere blogginnlegget ditt med blokker, men navigasjonen din var låst i en PHP-fil.

FSE endrer det. Med et blokktema er alle deler av nettstedet — header, footer, sidefelt, arkivmaler, enkeltinnleggslayout — redigerbare i Gutenberg-editoren ved hjelp av blokker. Ingen PHP kreves for layoutendringer.

Dette er viktig for AI-generering fordi det betyr at hele nettstedet kan uttrykkes som blokk-JSON. Det er ikke et hybridsystem der noen deler er PHP-maler og noen er blokker. Alt er blokker, alt er JSON, alt kan genereres og redigeres programmatisk.

Hvordan PAGEnza bruker FSE

Når PAGEnza genererer et nettsted, lager det ikke bare en hjemmeside. Det lager et komplett blokktema med:

• templates/index.html — standardmalen

• templates/single.html — layout for enkeltinnlegg

• templates/archive.html — blogg/kategoriliste

• templates/404.html — feilsider

• parts/header.html — gjenbrukbar header-blokk

• parts/footer.html — gjenbrukbar footer-blokk

• theme.json — globale stiler (farger, typografi, avstand)

Alle disse er generert fra samme Design Mandat. Fargepaletten definert for hjemmesiden er den samme som brukes i de globale stilene i theme.json. Skrift-trioen valgt for helten er den samme som lastes inn i blokktemaets stilark.

Dette er nøkkelfordelen med FSE for AI-generering: konsistens håndheves av systemet, ikke ved å håpe at designeren husket å bruke samme skrift overalt.

theme.json — den viktigste filen du aldri har redigert

theme.json er en konfigurasjonsfil som definerer det globale designsystemet for et blokktema. Den kontrollerer:

• Fargepalett — navngitte farger som vises i fargevelgeren i editoren
• Typografi — skriftfamilier, størrelser, linjehøyder
• Avstand — avstandsskalaen som brukes av polstring- og margkontroller
• Hjørneradius — standardverdier for hjørneradius
• Layout — innholdsbredde, bred bredde

Når PAGEnza genererer et nettsted, bygges theme.json programmatisk fra Design Mandatet. Fargene ink, bg1, bg2 og accent registreres som navngitte palettfarger. Skrift-trioen registreres som skriftfamilier med de korrekte Google Fonts @import URL-ene.

Resultatet er at når en klient åpner Gutenberg-editoren for å endre tekst, viser fargevelgeren nøyaktig de fire merkefargene — ingenting annet. Skriftvelgeren viser de tre valgte skriftene. Avstandskontrollene bruker systemskalaen. Designsytemet håndheves på editor-nivå.

Hva "rediger live i Gutenberg" faktisk betyr

Alle nettsteder generert av PAGEnza er en live WordPress-installasjon med Gutenberg FSE aktiv. Klienten kan:

• Klikke på en hvilken som helst tekst og redigere den direkte
• Endre bakgrunner på seksjoner ved å klikke og velge fra merkefargepaletten
• Endre rekkefølgen på seksjoner ved å dra blokker
• Legge til nye seksjoner fra blokkinnsertoren
• Endre bilder ved å klikke på plassholderen

De kan ikke ved et uhell ødelegge designsystemet ved å velge en farge utenfor merkevaren, fordi de eneste tilgjengelige fargene er de fire merkefargene. De kan ikke velge en feilskrift, fordi bare de tre merkefontene er registrert.

Dette er det som gjør AI-genererte nettsteder praktiske for ekte kunder — begrensningene som gjør designet fungerer, bevares etter overlevering.

Blokkeringsdekning-problemet

FSE er kraftig, men det har et dekningsproblem. Ikke alle designmønstre kan uttrykkes rent i kjerne-Gutenberg-blokker. Komplekse layouter, interaktive komponenter og egendefinerte datavisninger krever ofte egendefinerte blokker eller tredjeparts plugins.

PAGEnza håndterer dette på to måter:

For layout: vi bruker en kombinasjon av Group, Cover, Columns og Media & Text-blokker med nøye kontrollerte attributter. Omtrent 95 % av markedsføringssidelayouter kan oppnås med disse fire blokktypene alene.

For interaktive komponenter: Plugin Builder genererer egendefinerte Gutenberg-blokker som PHP-plugins. En pris tabell, et bookingskjema, en testimonial-slider — disse genereres som ordentlige registrerte blokker som integreres med FSE-editoren, ikke kortkoder som er festet på siden.

Målet er at alt en klient trenger å redigere, er redigerbart i den visuelle editoren, uten å berøre kode.