Full Site Editing (FSE) to wbudowany w WordPressa edytor, który pozwala wizualnie zmieniać całą witrynę za pomocą bloków Gutenberga. Możesz edytować nagłówek, stopkę, szablony wpisów i strony bez modyfikowania plików PHP. Warunek jest jeden – aktywny motyw blokowy.
Czym jest Full Site Editing w WordPressie?
W klasycznym WordPressie edycja wpisu lub strony odbywa się w edytorze blokowym, ale nagłówek, stopka i układ szablonów często pozostają zapisane w plikach motywu. Full Site Editing rozszerza działanie Gutenberga na całą witrynę. Elementy strukturalne budujesz i zmieniasz z poziomu jednego interfejsu, korzystając z tych samych bloków, które znasz z edycji treści.
FSE nie jest osobną wtyczką ani zewnętrznym page builderem. To funkcja WordPressa współpracująca z motywami blokowymi. W praktyce możesz przeciągać bloki, zmieniać ich kolejność, edytować teksty i ustawiać wygląd strony bez znajomości PHP.
Co jest potrzebne do korzystania z FSE?
Najważniejszym wymaganiem jest aktywny motyw blokowy, czyli Block Theme zaprojektowany z myślą o pełnej edycji witryny. Po jego aktywowaniu w panelu administracyjnym powinna pojawić się ścieżka Wygląd → Edytor.
Przed rozpoczęciem pracy sprawdź następujące elementy:
- Motyw blokowy – umożliwia edycję nagłówka, stopki i szablonów w Edytorze Witryny.
- Aktualny WordPress – nowsze wersje rozwijają funkcje edytora, stylów globalnych i szablonów.
- Bloki Gutenberga – służą do budowania zarówno treści, jak i elementów strukturalnych witryny.
- Kopia zapasowa – pozwala przywrócić poprzednią wersję po nietrafionej zmianie.
Uwaga: w motywie klasycznym pełny edytor witryny nie będzie dostępny. Możesz korzystać z edytora blokowego do tworzenia treści, a czasem także z wybranych funkcji stylów, ale nagłówek, stopka i szablony nadal zależą głównie od konstrukcji motywu. Jeśli nie widzisz opcji Wygląd → Edytor, najpierw sprawdź typ aktywnego motywu.
Jak używać edytora Full Site Editing?
Po aktywowaniu motywu blokowego możesz przejść do edycji całej witryny. Nazwy poszczególnych ekranów mogą się nieznacznie różnić w zależności od wersji WordPressa i motywu, ale podstawowa obsługa wygląda podobnie.
- Otwórz Edytor Witryny – w panelu administracyjnym wybierz Wygląd → Edytor. Zobaczysz ekran z elementami witryny, szablonami i stylami.
- Wybierz obszar do zmiany – przejdź do szablonów, części szablonów albo stylów. Części szablonów obejmują zwykle nagłówek i stopkę.
- Edytuj nagłówek lub stopkę – otwórz wybraną część szablonu, kliknij konkretny blok i zmień jego treść, układ lub ustawienia. Możesz dodać logo, nazwę witryny, menu nawigacyjne, przycisk albo kolumny.
- Przejdź do szablonów – wybierz szablon strony, pojedynczego wpisu, archiwum, wyników wyszukiwania lub strony 404. Zmiana szablonu wpływa na wszystkie treści korzystające z danego układu.
- Pracuj na blokach – używaj bloków Grupa, Kolumny, Obraz, Nawigacja, Tytuł wpisu, Obrazek wyróżniający, Treść wpisu i innych elementów dostępnych w inserterze.
- Sprawdź podgląd i zapisz zmiany – zobacz witrynę na komputerze i urządzeniu mobilnym, a następnie zatwierdź zmiany przyciskiem zapisu.
Warto rozróżnić zwykłą stronę od szablonu. Edycja strony zmienia jej konkretną treść. Edycja szablonu wpływa na sposób wyświetlania wielu stron lub wpisów. Gdy zmienisz układ szablonu pojedynczego wpisu, modyfikacja może pojawić się przy wszystkich wpisach korzystających z tego szablonu.
Jak działają Style globalne i plik theme.json?
W Edytorze Witryny znajdziesz panel Style globalne. Umożliwia on zmianę wyglądu całego serwisu z jednego miejsca. Możesz ustawić typografię, kolory, odstępy, szerokość układu oraz wygląd wybranych bloków.
Za tym interfejsem stoi plik theme.json, czyli centralna konfiguracja motywu blokowego. Można nazwać go mózgiem operacji, ponieważ określa między innymi dostępne kolory, rozmiary pisma, ustawienia layoutu i kontrolki widoczne przy edycji bloków. Nie musisz jednak otwierać tego pliku, aby korzystać z FSE jako użytkownik.
Zmiana koloru głównego lub kroju pisma w stylach globalnych może wpłynąć na wiele elementów witryny jednocześnie. Dzięki temu nie trzeba ręcznie poprawiać każdego nagłówka i przycisku. Jeśli motyw udostępnia Style Book, możesz też obejrzeć podgląd bloków z zastosowanymi stylami przed opublikowaniem zmian.
FSE a klasyczny WordPress – czym się różnią?
| Cecha | Klasyczny WordPress | Full Site Editing |
|---|---|---|
| Metoda edycji | Customizer, ustawienia motywu i często pliki PHP | Wizualny Edytor Witryny oparty na blokach |
| Struktura motywu | Szablony PHP, takie jak header.php i single.php | Szablony i części szablonów budowane z bloków |
| Nagłówek i stopka | Często wymagają ustawień motywu lub kodu | Można je edytować bezpośrednio w Edytorze Witryny |
| Style całej witryny | Rozproszone ustawienia CSS i Customizera | Style globalne konfigurowane centralnie |
| Wymagania techniczne | Zależne od motywu i jego panelu opcji | Aktywny motyw blokowy z obsługą FSE |
O czym pamiętać przed rozpoczęciem edycji?
Zmiany wykonane w Edytorze Witryny mogą wpływać na wiele podstron jednocześnie. Przed modyfikacją nagłówka, stopki lub szablonu przygotuj środowisko pracy:
- Wykonaj pełny backup plików i bazy danych.
- Jeśli to możliwe, przetestuj zmiany na środowisku stagingowym.
- Sprawdź kompatybilność wtyczek, zwłaszcza tych korzystających z własnych ustawień motywu lub Customizera.
- Po zapisaniu zmian sprawdź stronę główną, wpis, archiwum, wyszukiwanie i widok mobilny.
FSE dobrze sprawdza się przy stronach firmowych, blogach i projektach, w których liczy się samodzielna edycja oraz spójny wygląd. Przy bardzo niestandardowych funkcjach może być potrzebna pomoc developera, ponieważ sam edytor blokowy nie zastąpi każdego rozwiązania opartego na indywidualnym kodzie.
Najbezpieczniej zacząć od niewielkiej zmiany, na przykład korekty nagłówka lub koloru przycisku. Gdy poznasz działanie części szablonów, szablonów i stylów globalnych, możesz stopniowo przebudowywać kolejne elementy witryny.
