Block theme WordPress to motyw zbudowany w calosci na blokach. Kazdy szablon (header, footer, wpis, archiwum, 404, wyszukiwanie) jest przechowywany jako plik HTML w folderach /templates i /parts w motywie. Cala strone mozna edytowac wizualnie w Site Editor pod /wp-admin/site-editor.php bez pisania PHP. Block themes zostaly wprowadzone w WordPress 5.9 (styczen 2022) i wymagaja pliku theme.json w roocie motywu, ktory definiuje style globalne (kolory, typografia, odstepy, layout) w JSON. Pierwszym domyslnym block theme byl Twenty Twenty Two (styczen 2022), nastepnie Twenty Twenty Three, Twenty Twenty Four i Twenty Twenty Five (styczen 2025). Full Site Editing (FSE) to termin parasolowy dla doswiadczenia edycji block themes: Site Editor, panel styli globalnych, edycja szablonow, template parts, blok Navigation, blok Query Loop i katalog patternow na wordpress.org/patterns. Block themes wspolistnieja z klasycznymi motywami (opartymi na PHP z header.php, footer.php, functions.php i Customizerem). Oba dzialaja w WordPress 6.x, ale nowy rozwoj przeszedl na block themes od 2022.
Co sie zmienilo w WordPress 5.9 (styczen 2022)?
- Site Editor zastepuje Customizer w block themes.
- Szablony to pliki HTML z markup blokow, nie PHP.
- Nowy plik
theme.jsondefiniuje style globalne. - Obszary widgetow sa zastapione przez template parts i blok Navigation.
- Blok Query Loop zastepuje wlasne petle WP_Query w wiekszosci przypadkow.
Struktura plikow block theme
moj-motyw/
style.css
theme.json
functions.php
templates/
index.html
single.html
page.html
archive.html
404.html
search.html
parts/
header.html
footer.html
sidebar.html
patterns/
hero.php
assets/
fonts/, images/, css/, js/Co kontroluje theme.json?
- settings.color.palette: paleta kolorow.
- settings.typography.fontFamilies: rodziny czcionek z osadzonymi deklaracjami font face. Od WordPress 6.5 (kwiecien 2024) Font Library instaluje Google Fonts lokalnie.
- settings.spacing: presety odstepow.
- settings.layout: contentSize i wideSize.
- styles: domyslne style globalne i per blok.
- customTemplates: dodatkowe szablony dla edytora stron.
- templateParts: deklaruje dostepne parts.
Block theme vs klasyczny motyw
| Aspekt | Klasyczny motyw | Block theme |
|---|---|---|
| Szablony | pliki PHP | pliki HTML z markup blokow |
| Personalizacja | Customizer | Site Editor i style globalne |
| Menu | wp_nav_menu() | blok Navigation |
| Widgety | register_sidebar() | template parts i bloki |
| Style globalne | CSS | theme.json |
| Edycja | edytor kodu lub Customizer | wizualny Site Editor |
Motywy hybrydowe i block template parts
Pomiedzy motywami klasycznymi a pelnymi block themes istnieja motywy hybrydowe, ktore adoptuja FSE etapami: dodanie theme.json, uzycie block_template_part() lub dodanie szablonow HTML w templates/ dla wybranych tras.
Patterny i katalog patternow
Patterny to wielokrotnie uzywalne uklady blokow. Od WordPress 6.0 (maj 2022) motywy moga dostarczac patterny jako pliki PHP w patterns/. Katalog wordpress.org/patterns ma ponad 600 patternow spolecznosci. Synced patterns (wczesniej Reusable Blocks, przemianowane w WordPress 6.3 sierpien 2023) przechowuja jedna instancje aktualizowana wszedzie.
Block themes i wydajnosc
- WordPress laduje arkusze stylow tylko dla blokow rzeczywiscie uzywanych na stronie (od WordPress 5.8 sierpien 2021).
theme.jsongeneruje inline blok CSS na strone (5 do 15 KB).- Blok Navigation i Query Loop renderuja sie po stronie serwera.
- Twenty Twenty Four osiaga ~99 w PageSpeed Mobile na bazowej instalacji.
Popularne block themes w 2025
- Twenty Twenty Five: domyslny motyw WordPress 6.7 (listopad 2024).
- Twenty Twenty Four: uniwersalny motyw ze stycznia 2024.
- Blocksy, Kadence, Ollie, Frost, Spectra One, Inspiro.
Migracja z klasycznego motywu do block theme
- Audyt klasycznego motywu.
- Wybierz bazowy block theme lub wygeneruj nowy
npx @wordpress/create-block-theme. - Przenies system designu do
theme.json. - Odtworz szablony w
templates/. - Odtworz header i footer jako template parts.
- Przepisz petle PHP na blok Query Loop lub bloki dynamiczne.
- Testuj w staging.
Co sprawdza InspectWP
InspectWP wykrywa, ktory motyw jest aktywny, w tym block themes, motyw rodzic i potomny oraz czy motyw ma znane problemy bezpieczenstwa. Raport zglasza przestarzale motywy, brakujace theme supports i sygnaly takie jak brak theme.json w WordPress 6.x, ktore sugeruja klasyczny motyw.