Gutenberg FSE: A WordPress dizájn jövője 2026-ban

A Full Site Editing (FSE) a WordPress 5.9-ben jelent meg. Három évvel később a legtöbb ügynökség még mindig nem használja megfelelően – azok pedig, akik igen, komoly versenyelőnyre tettek szert.

Mit jelent valójában az FSE?

Az FSE előtt a WordPress témák PHP sablonokon keresztül vezérelték a fejlécet, a láblécet és az általános elrendezést. A Gutenberg csak a tartalomterületet kezelte. Szerkeszthette blogbejegyzéseit blokkokkal, de a navigációja egy PHP fájlban volt rögzítve.

Az FSE ezen változtat. Egy blokktémával a webhely minden része – fejléc, lábléc, oldalsáv, archívum sablonok, egyedi bejegyzés elrendezés – szerkeszthető a Gutenberg szerkesztőben, blokkok használatával. Nincs szükség PHP-re az elrendezés módosításához.

Ez azért fontos az AI generálás szempontjából, mert azt jelenti, hogy az egész webhely kifejezhető blokk JSON-ként. Nincs hibrid rendszer, ahol egyes részek PHP sablonok, mások pedig blokkok. Minden blokk, minden JSON, minden programozottan generálható és szerkeszthető.

Hogyan használja a PAGEnza az FSE-t?

Amikor a PAGEnza egy webhelyet generál, nem csak egy kezdőlapot hoz létre. Létrehoz egy teljes blokktémát a következő elemekkel:

• templates/index.html – az alapértelmezett sablon

• templates/single.html – egyedi bejegyzés elrendezés

• templates/archive.html – blog/kategória lista

• templates/404.html – hibaoldal

• parts/header.html – újrafelhasználható fejléc blokk

• parts/footer.html – újrafelhasználható lábléc blokk

• theme.json – általános stílusok (színek, tipográfia, térköz)

Ezek mind ugyanabból a Design Mandátumból generálódnak. A kezdőlaphoz definiált színpaletta ugyanaz, mint amit a theme.json általános stílusaiban használunk. A hősávhoz választott betűhármas ugyanaz, mint amit a blokktéma stíluslapja betölt.

Ez az FSE kulcsfontosságú előnye az AI generálás szempontjából: a konzisztenciát a rendszer kényszeríti ki, nem pedig az, hogy reméljük, a tervező emlékezett arra, hogy mindenhol ugyanazt a betűtípust alkalmazza.

theme.json – a legfontosabb fájl, amit talán soha nem szerkesztettél

A theme.json egy konfigurációs fájl, amely meghatározza a blokktéma globális dizájnszisztémáját. Vezérli:

• Színpaletta – elnevezett színek, amelyek megjelennek a szerkesztő színválasztójában

• Tipográfia – betűcsaládok, méretek, sorközek

• Térköz – a belső és külső margó vezérlők által használt térközskála

• Szegélyrádiusz – alapértelmezett sarokrádiusz értékek

• Elrendezés – tartalom szélesség, széles szélesség

Amikor a PAGEnza egy webhelyet generál, a theme.json programozottan épül fel a Design Mandátumból. Az ink, bg1, bg2 és accent színek elnevezett palettaszínként kerülnek regisztrálásra. A betűhármas betűcsaládokként kerül regisztrálásra a megfelelő Google Fonts @import URL-ekkel.

Az eredmény az, hogy amikor egy ügyfél megnyitja a Gutenberg szerkesztőt szöveg módosításához, a színválasztó pontosan a négy márkaszínt jeleníti meg – semmi mást. A betűválasztó a három kiválasztott betűt jeleníti meg. A térköz vezérlők a rendszer skáláját használják. A dizájnszisztéma a szerkesztő szintjén érvényesül.

Mit jelent valójában az "élő szerkesztés Gutenbergben"?

A PAGEnza által generált minden webhely egy élő WordPress telepítés, aktív Gutenberg FSE-vel. Az ügyfél képes:

• Bármely szövegre kattintani és közvetlenül szerkeszteni
• Szakaszok háttereit módosítani a márkaszínpalettából való választással
• Szakaszokat átrendezni blokkok húzásával
• Új szakaszokat hozzáadni a blokk beszúróból
• Képeket cserélni a helyőrzőre kattintva

Nem tudják véletlenül megtörni a dizájnszisztémát egy márkán kívüli szín kiválasztásával, mert csak a négy márkaszín áll rendelkezésre. Nem választhatnak nem illő betűtípust, mert csak a három márkabetű van regisztrálva.

Ez teszi az AI által generált webhelyeket praktikussá a valódi ügyfelek számára – a korlátok, amelyek a dizájnt működőképessé teszik, a kézbesítés után is megmaradnak.

A blokk lefedettségi probléma

Az FSE erőteljes, de van egy lefedettségi problémája. Nem minden dizájn minta fejezhető ki tisztán a core Gutenberg blokkokban. A komplex elrendezések, interaktív komponensek és egyéni adatmegjelenítések gyakran egyéni blokkokat vagy harmadik féltől származó bővítményeket igényelnek.

A PAGEnza ezt kétféleképpen kezeli:

Elrendezéshez: Csoport, Borító, Oszlopok és Média & Szöveg blokkok kombinációját használjuk gondosan vezérelt attribútumokkal. A marketing oldali elrendezések körülbelül 95%-a elérhető csak ezzel a négy blokktípussal.

Interaktív komponensekhez: a Plugin Builder egyéni Gutenberg blokkokat generál PHP bővítményekként. Egy ár táblázat, egy foglalási űrlap, egy tesztimonial slider – ezek rendes regisztrált blokkokként generálódnak, amelyek integrálódnak az FSE szerkesztővel, nem pedig rövid kódok, amelyeket az oldal szélére ragasztanak.

A cél az, hogy minden, amit egy ügyfélnek szerkesztenie kell, szerkeszthető legyen a vizuális szerkesztőben, kód érintése nélkül.