Gutenbergi FSE: WordPressi disaini tulevik 2026. aastal

Täielik saidi redigeerimine jõudis WordPressi 5.9-sse. Kolm aastat hiljem enamik agente veel ei kasuta seda korralikult – ja need, kes seda teevad, omavad märkimisväest konkurentsieelist.

Mida FSE tegelikult tähendab

Enne FSE-d juhtisid WordPressi teemad päiseid, jaluseid ja globaalset paigutust PHP mallide kaudu. Gutenberg käsitles ainult sisuala. Saite oma ajaveebi postitust plokkidega redigeerida, kuid teie navigeerimine oli lukustatud PHP-faili.

FSE muudab seda. Plokk-teemaga on iga saidi osa – päis, jalus, külgriba, arhiivimallid, üksikpostituse paigutus – redigeeritav Gutenbergi redigeerijas plokkide abil. Paigutuse muutmiseks pole PHP-d vaja.

See on oluline AI genereerimise jaoks, kuna see tähendab, et kogu saiti saab väljendada plokk-JSON-ina. Pole hübriidsüsteemi, kus mõned osad on PHP mallid ja mõned plokid. Kõik on plokid, kõik on JSON, kõik saab programmeeritult genereerida ja redigeerida.

Kuidas PAGEnza FSE-d kasutab

Kui PAGEnza saiti genereerib, ei loo see ainult avalehte. See loob täieliku plokk-teema koos:

• templates/index.html — vaikimisi mall
• templates/single.html — üksikpostituse paigutus
• templates/archive.html — ajaveebi/kategooria loend
• templates/404.html — vealeht
• parts/header.html — korduvkasutatav päise plokk
• parts/footer.html — korduvkasutatav jaluse plokk
• theme.json — globaalsed stiilid (värvid, tüpograafia, vahed)

Kõik need on genereeritud samast disainimandaadist. Avalehe jaoks määratud värvipalett on sama, mida kasutatakse theme.json globaalsetes stiilides. Kangelase jaoks valitud fondi trio on sama, mida laaditakse plokk-teema stiililehel.

See on FSE peamine eelis AI genereerimise jaoks: süsteem tagab järjepidevuse, mitte lootus, et disainer mäletas sama fonti kõikjal rakendada.

theme.json – kõige tähtsam fail, mida te pole kunagi redigeerinud

theme.json on konfiguratsioonifail, mis määratleb plokk-teema globaalse disainisüsteemi. See kontrollib:

• Värvipalett – nimelised värvid, mis ilmuvad redigeerija värvivalijas
• Tüpograafia – fondi perekonnad, suurused, reavahed
• Vahed – vahede ja marginaalide juhtelementide kasutatav vahede skaala
• Nurga raadius – vaike nurga raadiuse väärtused
• Paigutus – sisu laius, lai laius

Kui PAGEnza saiti genereerib, ehitatakse theme.json programmeeritult disainimandaadist. ink, bg1, bg2 ja accent värvid registreeritakse nimeliste paleti värvidena. Fondi trio registreeritakse fondi perekondadena koos õigete Google Fonts @import URL-idega.

Tulemuseks on see, et kui klient avab Gutenbergi redigeerija teksti muutmiseks, kuvab värvivalija täpselt neli brändi värvi – mitte midagi muud. Fondi valija kuvab kolm valitud fonti. Vahede juhtelementide kasutavad süsteemi skaalat. Disainisüsteem on tagatud redigeerija tasemel.

Mida tähendab "redigeeri otse Gutenbergis"

Iga PAGEnza poolt genereeritud sait on otsekohene WordPressi installatsioon, kus Gutenberg FSE on aktiivne. Klient saab:

• Klõpsata mis tahes tekstil ja seda otse redigeerida
• Muuta sektsioonide tausta, klõpsates ja valides brändi värvipaletist
• Sektsioone ümber järjestada, lohistades plokke
• Lisada uusi sektsioone ploki sisestajast
• Muuta pilte, klõpsates kohahoidjal

Nad ei saa disainisüsteemi kogemata rikkuda, valides brändivälise värvi, sest ainsad saadaolevad värvid on neli brändi värvi. Nad ei saa valida sobimatut fonti, sest registreeritud on ainult kolm brändi fonti.

See muudab AI abil loodud saidid praktiliseks päris klientide jaoks – piirangud, mis muudavad disaini toimivaks, säilivad pärast üleandmist.

Plokkide katvuse probleem

FSE on võimas, kuid sellel on katvuse probleem. Mitte iga disainimustrit ei saa puhtalt tuum Gutenbergi plokkidesse väljendada. Komplekseid paigutusi, interaktiivseid komponente ja kohandatud andmete kuvamist nõuavad sageli kohandatud plokid või kolmanda osapoole pistikprogrammid.

PAGEnza lahendab selle kahel viisil:

Paigutuse jaoks: kasutame rühma-, kaane-, veeru- ja meedia-teksti plokkide kombinatsiooni hoolikalt kontrollitud atribuutidega. Umbes 95% turunduslehe paigutustest saab saavutada ainult nende nelja ploki tüübiga.

Interaktiivsete komponentide jaoks: Plugin Builder genereerib kohandatud Gutenbergi plokke PHP pistikprogrammidena. Hinnatabel, broneerimisvorm, tunnistuste liugur – need genereeritakse korralike registreeritud plokkidena, mis integreeruvad FSE redigeerijaga, mitte lühikoodid, mis on külge pandud.

Eesmärk on, et kõik, mida klient peab redigeerima, oleks visuaalses redigeerijas redigeeritav, ilma koodi puudutamata.