Gutenberg FSE: Przyszłość projektowania WordPress w 2026 roku

Full Site Editing trafiło do WordPressa 5.9. Trzy lata później większość agencji nadal nie korzysta z niego prawidłowo — a te, które korzystają, mają poważną przewagę konkurencyjną.

Co tak naprawdę oznacza FSE

Przed FSE motywy WordPressa kontrolowały nagłówki, stopki i globalny układ za pomocą szablonów PHP. Gutenberg obsługiwał tylko obszar treści. Można było edytować wpis na blogu za pomocą bloków, ale nawigacja była zablokowana w pliku PHP.

FSE to zmienia. W przypadku motywu blokowego każda część strony — nagłówek, stopka, pasek boczny, szablony archiwów, układ pojedynczego wpisu — jest edytowalna w edytorze Gutenberg za pomocą bloków. Nie wymaga PHP do zmian układu.

Ma to znaczenie dla generowania AI, ponieważ oznacza, że cała strona może być wyrażona jako JSON bloków. Nie ma systemu hybrydowego, w którym niektóre części to szablony PHP, a inne bloki. Wszystko to bloki, wszystko to JSON, wszystko można generować i edytować programowo.

Jak PAGEnza wykorzystuje FSE

Kiedy PAGEnza generuje stronę, nie tworzy tylko strony głównej. Tworzy kompletny motyw blokowy z:

• templates/index.html — domyślny szablon
• templates/single.html — układ pojedynczego wpisu
• templates/archive.html — lista blogów/kategorii
• templates/404.html — strona błędu
• parts/header.html — blok nagłówka wielokrotnego użytku
• parts/footer.html — blok stopki wielokrotnego użytku
• theme.json — style globalne (kolory, typografia, odstępy)

Wszystkie te elementy są generowane z tego samego Mandatu Projektowego. Paleta kolorów zdefiniowana dla strony głównej jest tą samą, która jest używana w globalnych stylach theme.json. Trio czcionek wybrane dla nagłówka jest tym samym, które jest ładowane w arkuszu stylów motywu blokowego.

To kluczowa zaleta FSE dla generowania AI: spójność jest wymuszana przez system, a nie przez nadzieję, że projektant pamiętał o zastosowaniu tej samej czcionki wszędzie.

theme.json — najważniejszy plik, którego nigdy nie edytowałeś

theme.json to plik konfiguracyjny, który definiuje globalny system projektowania dla motywu blokowego. Kontroluje:

• Paleta kolorów — nazwane kolory, które pojawiają się w selektorze kolorów edytora
• Typografia — rodziny czcionek, rozmiary, wysokości linii
• Odstępy — skala odstępów używana przez kontrolki dopełnienia i marginesów
• Promień zaokrąglenia — domyślne wartości promienia narożnika
• Układ — szerokość treści, szerokość rozszerzona

Kiedy PAGEnza generuje stronę, theme.json jest budowany programowo z Mandatu Projektowego. Kolory ink, bg1, bg2 i accent są rejestrowane jako nazwane kolory palety. Trio czcionek jest rejestrowane jako rodziny czcionek z poprawnymi adresami URL @import Google Fonts.

Wynikiem jest to, że gdy klient otwiera edytor Gutenberg, aby zmienić tekst, selektor kolorów pokazuje dokładnie cztery kolory marki — nic więcej. Selektor czcionek pokazuje trzy wybrane czcionki. Kontrolki odstępów używają systemowej skali. System projektowania jest wymuszany na poziomie edytora.

Co tak naprawdę oznacza „edytuj na żywo w Gutenberg”

Każda strona generowana przez PAGEnza to aktywna instalacja WordPressa z aktywnym Gutenberg FSE. Klient może:

• Kliknąć dowolny tekst i edytować go bezpośrednio
• Zmienić tła sekcji, klikając i wybierając z palety kolorów marki
• Zmienić kolejność sekcji, przeciągając bloki
• Dodać nowe sekcje z wstawiacza bloków
• Zmienić obrazy, klikając w miejsce zastępcze

Nie mogą przypadkowo zepsuć systemu projektowania, wybierając kolor spoza marki, ponieważ dostępne są tylko cztery kolory marki. Nie mogą wybrać niepasującej czcionki, ponieważ zarejestrowane są tylko trzy czcionki marki.

To właśnie sprawia, że strony generowane przez AI są praktyczne dla prawdziwych klientów — ograniczenia, które sprawiają, że projekt działa, są zachowane po przekazaniu.

Problem zasięgu bloków

FSE jest potężne, ale ma problem z zasięgiem. Nie każdy wzorzec projektowy można czysto wyrazić w podstawowych blokach Gutenberga. Złożone układy, interaktywne komponenty i niestandardowe wyświetlanie danych często wymagają niestandardowych bloków lub wtyczek firm trzecich.

PAGEnza radzi sobie z tym na dwa sposoby:

Dla układu: używamy kombinacji bloków Group, Cover, Columns i Media & Text z precyzyjnie kontrolowanymi atrybutami. Około 95% układów stron marketingowych można osiągnąć za pomocą tych czterech typów bloków.

Dla interaktywnych komponentów: Plugin Builder generuje niestandardowe bloki Gutenberga jako wtyczki PHP. Tabela cenowa, formularz rezerwacji, suwak opinii — są generowane jako prawidłowe zarejestrowane bloki, które integrują się z edytorem FSE, a nie jako skróty dodane z boku.

Celem jest, aby wszystko, co klient musi edytować, było edytowalne w edytorze wizualnym, bez dotykania kodu.