Gutenberg FSE: WordPress dizaino ateitis 2026 m.

„Full Site Editing“ pasirodė „WordPress 5.9“. Po trejų metų dauguma agentūrų vis dar tinkamai jo nenaudoja – o tos, kurios naudoja, turi rimtą konkurencinį pranašumą.

Ką iš tikrųjų reiškia FSE

Prieš FSE, „WordPress“ temos per PHP šablonus valdė antraštes, poraštes ir bendrą išdėstymą. „Gutenberg“ tvarkė tik turinio sritį. Galėjote redaguoti savo tinklaraščio įrašą blokais, bet jūsų naršymas buvo užfiksuotas PHP faile.

FSE tai keičia. Naudojant blokų temą, kiekviena svetainės dalis – antraštė, poraštė, šoninė juosta, archyvų šablonai, atskiro įrašo išdėstymas – yra redaguojama „Gutenberg“ redaktoriuje naudojant blokus. Jokių PHP nereikia, norint pakeisti išdėstymą.

Tai svarbu dirbtinio intelekto generavimui, nes tai reiškia, kad visa svetainė gali būti išreikšta kaip blokų JSON. Nėra hibridinės sistemos, kurioje kai kurios dalys yra PHP šablonai, o kitos – blokai. Viskas yra blokai, viskas yra JSON, viskas gali būti generuojama ir redaguojama programiškai.

Kaip PAGEnza naudoja FSE

Kai PAGEnza generuoja svetainę, ji ne tik sukuria pagrindinį puslapį. Ji sukuria visą blokų temą su:

• templates/index.html – numatytasis šablonas
• templates/single.html – atskiro įrašo išdėstymas
• templates/archive.html – tinklaraščio/kategorijos sąrašas
• templates/404.html – klaidos puslapis
• parts/header.html – daugkartinio naudojimo antraštės blokas
• parts/footer.html – daugkartinio naudojimo poraštės blokas
• theme.json – bendrosios stiliaus nuostatos (spalvos, tipografija, tarpai)

Visos šios dalys yra generuojamos iš to paties Dizaino Mandato. Pagrindiniam puslapiui apibrėžta spalvų paletė yra ta pati, kuri naudojama theme.json bendrosiose stiliaus nuostatose. Hero skyriui pasirinktas šriftų trio yra tas pats, kuris įkeliamas blokų temos stiliaus lape.

Tai yra pagrindinis FSE privalumas dirbtinio intelekto generavimui: nuoseklumas yra užtikrinamas sistemos, o ne tikintis, kad dizaineris prisimins naudoti tą patį šriftą visur.

theme.json – svarbiausias failas, kurio niekada nenaudojote

theme.json yra konfigūracijos failas, apibrėžiantis bendrą dizaino sistemą blokų temai. Jis valdo:

• Spalvų paletė – pavadintos spalvos, kurios rodomos redaktoriaus spalvų parinkiklyje
• Tipografija – šriftų šeimos, dydžiai, eilučių aukščiai
• Tarpai – tarpų skalė, naudojama užpildymo ir paraštės valdikliuose
• Apvalūs kampai – numatytosios kampų vertės
• Išdėstymas – turinio plotis, platus plotis

Kai PAGEnza generuoja svetainę, theme.json yra sukuriamas programiškai iš Dizaino Mandato. ink, bg1, bg2 ir accent spalvos registruojamos kaip pavadintos paletės spalvos. Šriftų trio registruojamas kaip šriftų šeimos su tinkamais „Google Fonts“ @import URL.

Rezultatas yra tas, kad kai klientas atidaro „Gutenberg“ redaktorių, kad pakeistų tekstą, spalvų parinkiklyje rodomos tik keturios prekės ženklo spalvos – nieko daugiau. Šriftų parinkiklyje rodomi trys pasirinkti šriftai. Tarpų valdikliai naudoja sistemos skalę. Dizaino sistema yra taikoma redaktoriaus lygiu.

Ką reiškia „redaguoti tiesiogiai „Gutenberg““

Kiekviena PAGEnza sugeneruota svetainė yra tiesioginė „WordPress“ instaliacija su aktyviu „Gutenberg FSE“. Klientas gali:

• Spustelėti bet kokį tekstą ir redaguoti jį tiesiogiai
• Keisti skyrių fonus spustelėdamas ir pasirinkdamas iš prekės ženklo spalvų paletės
• Keisti skyrių tvarką vilkdamas blokus
• Pridėti naujų skyrių iš bloko įterpiklio
• Keisti vaizdus spustelėdamas vietos rezervuotoją

Jie negali netyčia sugadinti dizaino sistemos pasirinkdami neprekinę spalvą, nes galimos tik keturios prekės ženklo spalvos. Jie negali pasirinkti nesuderinamo šrifto, nes registruoti tik trys prekės ženklo šriftai.

Tai daro dirbtinio intelekto sugeneruotas svetaines praktiškas realiems klientams – apribojimai, dėl kurių dizainas veikia, išlieka po perdavimo.

Blokų aprėpties problema

FSE yra galinga, tačiau turi aprėpties problemą. Ne kiekvienas dizaino modelis gali būti aiškiai išreikštas pagrindiniais „Gutenberg“ blokais. Sudėtingiems išdėstymams, interaktyviems komponentams ir pasirinktiniams duomenų ekranams dažnai reikia pasirinktinių blokų arba trečiųjų šalių papildinių.

PAGEnza tai sprendžia dviem būdais:

Išdėstymui: naudojame „Group“, „Cover“, „Columns“ ir „Media & Text“ blokų derinį su kruopščiai kontroliuojamais atributais. Apie 95 % rinkodaros puslapių išdėstymų galima pasiekti naudojant tik šiuos keturis blokų tipus.

Interaktyviems komponentams: „Plugin Builder“ generuoja pasirinktinius „Gutenberg“ blokus kaip PHP papildinius. Kainų lentelė, rezervavimo forma, atsiliepimų slankiklis – šie yra generuojami kaip tinkami registruoti blokai, kurie integruojasi su FSE redaktoriumi, o ne trumpieji kodai, pritvirtinti šone.

Tikslas yra tas, kad viskas, ką klientas turi redaguoti, yra redaguojama vizualiniame redaktoriuje, neliečiant kodo.