Gutenberg FSE: WordPress dizaina nākotne 2026. gadā

Full Site Editing tika ieviests WordPress 5.9. Trīs gadus vēlāk lielākā daļa aģentūru to joprojām nelieto pareizi — un tām, kas to dara, ir nopietna konkurētspējas priekšrocība.

Ko patiesībā nozīmē FSE

Pirms FSE WordPress tēmas kontrolēja galvenes, kājenes un globālo izkārtojumu, izmantojot PHP veidnes. Gutenberg apstrādāja tikai satura laukumu. Jūs varētu rediģēt savu emuāru ar blokiem, bet jūsu navigācija bija ieslēgta PHP failā.

FSE to maina. Izmantojot bloku tēmu, katra vietnes daļa — galvene, kājene, sānu josla, arhīva veidnes, atsevišķu ierakstu izkārtojums — ir rediģējama Gutenberg redaktorā, izmantojot blokus. Nav nepieciešams PHP izkārtojuma izmaiņām.

Tas ir svarīgi AI ģenerēšanai, jo tas nozīmē, ka visa vietne var tikt izteikta kā bloku JSON. Nav hibrīdsistēmas, kurā dažas daļas ir PHP veidnes un dažas ir bloki. Viss ir bloki, viss ir JSON, visu var ģenerēt un rediģēt programmatiski.

Kā PAGEnza izmanto FSE

Kad PAGEnza ģenerē vietni, tā ne tikai izveido sākumlapu. Tā izveido pilnīgu bloku tēmu ar:

• templates/index.html — noklusējuma veidne
• templates/single.html — atsevišķu ierakstu izkārtojums
• templates/archive.html — emuāru/kategoriju saraksts
• templates/404.html — kļūdu lapa
• parts/header.html — atkārtoti lietojams galvenes bloks
• parts/footer.html — atkārtoti lietojams kājenes bloks
• theme.json — globālie stili (krāsas, tipogrāfija, atstarpes)

Visi šie tiek ģenerēti no tā paša Dizaina Mandāta. Krāsu palete, kas definēta sākumlapai, ir tāda pati kā theme.json globālajos stilos. Fontu trio, kas izvēlēts galvenajai daļai, ir tas pats, kas ielādēts bloku tēmas stila lapā.

Šī ir FSE galvenā priekšrocība AI ģenerēšanai: konsekvence tiek nodrošināta ar sistēmu, nevis cerot, ka dizaineris atcerēsies visur lietot to pašu fontu.

theme.json — vissvarīgākais fails, ko jūs nekad neesat rediģējis

theme.json ir konfigurācijas fails, kas definē bloku tēmas globālo dizaina sistēmu. Tas kontrolē:

• Krāsu palete — nosauktas krāsas, kas parādās redaktora krāsu atlasītājā
• Tipogrāfija — fontu ģimenes, izmēri, rindiņu augstumi
• Atstarpes — atstarpju skala, ko izmanto polsterējuma un atstarpes vadīklas
• Apmales rādiuss — noklusējuma stūru rādiusa vērtības
• Izkārtojums — satura platums, plašais platums

Kad PAGEnza ģenerē vietni, theme.json tiek veidots programmatiski no Dizaina Mandāta. ink, bg1, bg2 un accent krāsas tiek reģistrētas kā nosauktas paletes krāsas. Fontu trio tiek reģistrēts kā fontu ģimenes ar pareizajām Google Fonts @import URL adresēm.

Rezultāts ir tāds, ka, kad klients atver Gutenberg redaktoru, lai mainītu tekstu, krāsu atlasītājā parādās tieši četras zīmola krāsas — nekas cits. Fontu atlasītājā parādās trīs izvēlētie fonti. Atstarpju vadīklas izmanto sistēmas skalu. Dizaina sistēma tiek nodrošināta redaktora līmenī.

Ko nozīmē "rediģēt tiešraidē Gutenbergā"

Katra PAGEnza ģenerētā vietne ir tiešraides WordPress instalācija ar aktīvu Gutenberg FSE. Klients var:

• Noklikšķināt uz jebkura teksta un rediģēt to tieši
• Mainīt sekciju fonus, noklikšķinot un izvēloties no zīmola krāsu paletes
• Pārkārtot sekcijas, velkot blokus
• Pievienot jaunas sekcijas no bloku ievietotāja
• Mainīt attēlus, noklikšķinot uz viettura

Viņi nevar nejauši sabojāt dizaina sistēmu, izvēloties krāsu, kas neatbilst zīmolam, jo pieejamās krāsas ir tikai četras zīmola krāsas. Viņi nevar izvēlēties neatbilstošu fontu, jo ir reģistrēti tikai trīs zīmola fonti.

Tas padara ar AI ģenerētās vietnes praktiskas reāliem klientiem — ierobežojumi, kas nodrošina dizaina darbību, tiek saglabāti pēc nodošanas.

Bloku pārklājuma problēma

FSE ir jaudīgs, taču tam ir pārklājuma problēma. Ne katrs dizaina modelis var tikt skaidri izteikts pamata Gutenberg blokos. Sarežģīti izkārtojumi, interaktīvi komponenti un pielāgotu datu displeji bieži prasa pielāgotus blokus vai trešo pušu spraudņus.

PAGEnza to risina divos veidos:

Izkārtojumam: mēs izmantojam Grupas, Vāka, Kolonnu un Mediju un teksta bloku kombināciju ar rūpīgi kontrolētiem atribūtiem. Apmēram 95% mārketinga lapu izkārtojumu var panākt tikai ar šiem četriem bloku tipiem.

Interaktīviem komponentiem: Plugin Builder ģenerē pielāgotus Gutenberg blokus kā PHP spraudņus. Cenu tabula, rezervācijas forma, atsauksmju slīdrāde — tie tiek ģenerēti kā pareizi reģistrēti bloki, kas integrējas ar FSE redaktoru, nevis īsziņu kodiem, kas piestiprināti malā.

Mērķis ir tāds, ka viss, kas klientam ir jārediģē, ir rediģējams vizuālajā redaktorā, nepieskaroties kodam.