Słowniczek

Czym jest block theme WordPress (Full Site Editing)?

20 maja 2026

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.json definiuje 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

AspektKlasyczny motywBlock theme
Szablonypliki PHPpliki HTML z markup blokow
PersonalizacjaCustomizerSite Editor i style globalne
Menuwp_nav_menu()blok Navigation
Widgetyregister_sidebar()template parts i bloki
Style globalneCSStheme.json
Edycjaedytor kodu lub Customizerwizualny 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.json generuje 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

  1. Audyt klasycznego motywu.
  2. Wybierz bazowy block theme lub wygeneruj nowy npx @wordpress/create-block-theme.
  3. Przenies system designu do theme.json.
  4. Odtworz szablony w templates/.
  5. Odtworz header i footer jako template parts.
  6. Przepisz petle PHP na blok Query Loop lub bloki dynamiczne.
  7. 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.

Sprawdź teraz swoją stronę WordPress

InspectWP analizuje Twoją stronę WordPress pod kątem bezpieczeństwa, problemów SEO, zgodności z RODO i wydajności — za darmo.

Przeanalizuj stronę za darmo