Motyw blokowy WordPress to typ motywu zbudowany z bloków, szablonów HTML i pliku theme.json. Dzięki niemu możesz edytować nie tylko treść stron i wpisów, lecz także nagłówek, stopkę, menu, archiwa oraz inne elementy witryny z poziomu Edytora witryny. To właśnie podstawa Full Site Editing, czyli pełnej edycji witryny.
Czym jest motyw blokowy?
W klasycznym WordPressie motyw określał wygląd strony głównie za pomocą plików PHP, arkuszy CSS i ustawień dostępnych w Customizerze. Motyw blokowy zmienia ten model. Układ witryny tworzą bloki, które można przesuwać, konfigurować i łączyć w większe sekcje.
Full Site Editing, obecnie dostępne jako Edytor witryny, pozwala modyfikować cały interfejs strony z jednego wizualnego miejsca. Możesz zmienić strukturę nagłówka, stopki, szablonu wpisu, strony 404 czy archiwum bez ręcznego edytowania plików motywu.
Motyw blokowy jest natywną funkcją WordPressa. Nie należy mylić go z zewnętrznym page builderem, takim jak Elementor czy Divi. Kreatory stron są dodatkowymi narzędziami, natomiast motyw blokowy korzysta z edytora blokowego i funkcji wbudowanych w rdzeń WordPressa.
Motyw klasyczny a blokowy – najważniejsze różnice
Oba typy motywów mogą służyć do budowy podobnych witryn, ale różnią się sposobem działania i edycji. Najważniejsze rozbieżności przedstawia tabela:
| Cecha | Motyw klasyczny | Motyw blokowy |
|---|---|---|
| Architektura | Szablony PHP, takie jak single.php i page.php |
Szablony HTML zawierające znaczniki bloków |
| Edycja wyglądu | Customizer, opcje motywu lub kod | Edytor witryny i style globalne |
| Nagłówek i stopka | Zwykle wymagają ustawień motywu lub ingerencji programisty | Można je zmieniać wizualnie jako części szablonu |
| Konfiguracja stylu | Często rozproszona między CSS i functions.php |
Centralizowana w theme.json |
| Menu i widgety | Klasyczny edytor menu oraz obszary widgetów | Blok Nawigacja i części szablonu |
W motywie klasycznym użytkownik może edytować treść wpisu, ale układ całej strony często pozostaje określony przez autora motywu. Motyw blokowy daje większą swobodę redaktorowi, choć wymaga przyzwyczajenia do nowego interfejsu i sposobu pracy z szablonami.
Jak działa motyw blokowy od środka?
Nie trzeba znać kodu, aby korzystać z motywu blokowego, ale podstawowa znajomość jego elementów ułatwia zrozumienie całego systemu. Najważniejsze składniki to:
theme.json– centralny plik konfiguracji kolorów, typografii, odstępów, szerokości układu i dostępnych ustawień edytora.- Szablony HTML – pliki określające wygląd strony głównej, wpisów, stron, archiwów i wyników wyszukiwania.
- Części szablonu – powtarzalne elementy, takie jak nagłówek, stopka czy sekcja z menu.
- Wzorce bloków – gotowe układy bloków, które można wielokrotnie wykorzystywać w różnych miejscach witryny.
Plik theme.json pełni funkcję centralnego systemu ustawień wizualnych. Możesz w nim zdefiniować paletę marki, rozmiary nagłówków, rodzinę fontów, szerokość treści i odstępy między elementami. Te ustawienia są następnie dostępne w Edytorze witryny i mogą być stosowane w wielu blokach.
Szablony motywu blokowego znajdują się zwykle w katalogu templates, a części szablonów w katalogu parts. Zamiast klasycznego single.php motyw może używać pliku single.html. Nie oznacza to, że każdy motyw blokowy całkowicie eliminuje PHP w całym projekcie. PHP może nadal być wykorzystywane przez wtyczki lub dodatkowe funkcje, ale podstawowa warstwa szablonów korzysta z HTML i bloków.
Edytor witryny umożliwia też tworzenie własnych wzorców. Przykładem może być sekcja z ofertą, blok kontaktowy albo powtarzalny fragment stopki. Wzorzec można zapisać i ponownie wykorzystać bez budowania układu od początku.
Dlaczego warto używać motywów blokowych?
Motyw blokowy jest szczególnie przydatny wtedy, gdy właściciel strony chce samodzielnie zmieniać jej wygląd bez proszenia programisty o każdą drobną poprawkę. Najważniejsze korzyści to:
- Spójność wyglądu – kolory, typografia i odstępy mogą być zarządzane centralnie dla całej witryny.
- Łatwiejsza edycja – użytkownik może zmienić nagłówek, stopkę i szablony bez modyfikowania plików PHP.
- Natywność – rozwiązanie korzysta z funkcji WordPressa i nie wymaga dużego zewnętrznego page buildera.
- Elastyczne układy – bloki i wzorce pozwalają szybko tworzyć powtarzalne sekcje oraz zmieniać strukturę strony.
Trzeba jednak uwzględnić krzywą nauki. Osoba przyzwyczajona do Customizera może początkowo szukać ustawień w innym miejscu. W motywie blokowym zarządzanie stylem, szablonami i nawigacją odbywa się przede wszystkim w Edytorze witryny.
Czy motyw blokowy to to samo co Elementor?
Nie. Elementor, Divi i podobne narzędzia są zewnętrznymi kreatorami stron. Motyw blokowy działa w ramach natywnego systemu WordPressa i wykorzystuje jego bloki, szablony oraz Edytor witryny.
Page builder może oferować rozbudowane widgety, gotowe efekty i własny interfejs. Motyw blokowy stawia na mniejszą liczbę warstw i bezpośrednią integrację z WordPressem. W przypadku prostej strony firmowej, bloga, portfolio lub landing page’a natywne bloki często wystarczą do zbudowania całego układu.
Wybór zależy od projektu. Jeśli strona ma wiele niestandardowej logiki, rozbudowanych elementów konkretnego kreatora albo istniejących integracji, pozostanie przy dotychczasowym rozwiązaniu może być rozsądne. Przy nowym projekcie, który ma być łatwy do edycji bez kodowania, motyw blokowy jest naturalnym kierunkiem.
Jak zacząć korzystać z motywu blokowego?
Po aktywowaniu motywu blokowego przejdź do sekcji Wygląd → Edytor. W zależności od motywu znajdziesz tam style, szablony, części szablonów, wzorce oraz nawigację. Najpierw ustaw globalne kolory i typografię, a następnie dopasuj nagłówek, stopkę i podstawowe szablony.
Nie musisz od razu tworzyć motywu od zera. Możesz rozpocząć od gotowego motywu blokowego, zmienić jego style i dostosować wzorce do własnych potrzeb. Jeżeli chcesz zachować wypracowany układ jako osobny motyw lub przenieść go na inną instalację WordPressa, wtyczka Create Block Theme może pomóc w zapisaniu zmian i eksporcie motywu do pliku ZIP.
Eksport motywu nie jest jednak migracją całej witryny. Przenosi elementy wyglądu, szablony i wybrane zasoby motywu, ale nie zastępuje kopii bazy danych, treści, ustawień wtyczek ani danych sklepu WooCommerce.
Motywy blokowe wyznaczają główny kierunek rozwoju WordPressa. Dają właścicielowi większą kontrolę nad stroną, a plik theme.json porządkuje jej system wizualny. Przy nowych projektach warto je rozważyć szczególnie wtedy, gdy nagłówek, stopka i szablony mają być edytowalne bez pomocy programisty.
