Motywy Klasyczne vs Block Themes (FSE): Co wybrać w 2026 roku?
PL

Motywy Klasyczne vs Block Themes (FSE): Co wybrać w 2026 roku?

5.00 /5 - (25 głosów )
Spis treści

Przez ponad dekadę (2010–2020) tworzenie motywów WordPress wyglądało tak samo: Tworzyłeś header.php, footer.php, pętlę w index.php i style w style.css. Logika była w PHP, wygląd w CSS.

Wraz z WordPress 5.9 nadeszła rewolucja Full Site Editing (FSE) (teraz nazywana po prostu “Site Editor”), a w 2026 roku stoimy przed dylematem: Czy wciąż pisać motywy w PHP, czy przejść w pełni na bloki i HTML?

W tym artykule rozbierzemy na czynniki pierwsze różnice między Classic Themes, Block Themes i podejściem Hybrid.

1. Anatomia: PHP vs HTML

To fundamentalna różnica, która przeraża wielu programistów “starej daty”.

Motyw Klasyczny (Classic Theme)

Opiera się na plikach PHP. Kiedy WordPress ładuje stronę, silnik PHP łączy nagłówek, pętlę i stopkę.

  • Struktura: header.php, page.php, sidebar.php.
  • Logika: Możesz swobodnie mieszać kod PHP z HTML (np. warunki if ( is_user_logged_in() )).
  • Zaleta: Pełna kontrola nad kodem, łatwe wstrzykiwanie logiki biznesowej.
  • Wada: Użytkownik nie może edytować nagłówka bez znajomości kodu.

Motyw Blokowy (Block Theme)

Opiera się na plikach HTML z komentarzami blokowymi. Nie ma tu PHP w plikach szablonów!

  • Struktura: templates/index.html, parts/header.html.
  • Logika: Brak! Pliki szablonów to statyczny HTML. Cała dynamika opiera się na blokach (np. <!-- wp:post-title /-->).
  • Zaleta: Użytkownik może edytować CAŁĄ stronę (łącznie z nagłówkiem) w edytorze wizualnym.
  • Wada: Trudniej dodać niestandardową logikę PHP (wymaga tworzenia własnych Bloków lub Shortcode’ów).

2. Serce Motywu: functions.php vs theme.json

W erze klasycznej functions.php był śmietnikiem na wszystko: rejestrację menu, sidebarów, rozmiarów obrazków i ładowanie CSS.

W erze blokowej władzę przejmuje theme.json. To potężny plik konfiguracyjny, który steruje:

  1. Paletą kolorów: Definiujesz kolory dostępne dla użytkownika.
  2. Typografią: Rozmiary czcionek, fonty.
  3. Układem (Layout): Szerokość kontenera (contentSize, wideSize).
  4. Dostępnością bloków: Możesz zablokować użytkownikowi używanie konkretnych bloków.

Przykład theme.json w 2026:

{
  "version": 3,
  "settings": {
    "color": {
      "palette": [
        { "slug": "primary", "color": "#0055FF", "name": "Brand Blue" }
      ]
    },
    "typography": {
      "fontSizes": [
        { "slug": "small", "size": "14px" }
      ]
    }
  }
}

Zamiast pisać 500 linii CSS, konfigurujesz to w JSON, a WordPress sam generuje zoptymalizowany CSS i zmienne CSS (CSS Variables) na frontendzie i w edytorze.

3. Co z Widgetami i Menu?

W motywach blokowych nie ma ekranu Widgetów ani Menu (w Wygląd -> Menu).

  • Zamiast Widgetów masz Template Parts (części szablonu). Stopka to po prostu metaplik HTML, który edytujesz jak każdy inny post.
  • Zamiast Menu masz Blok Nawigacji. Edytujesz go bezpośrednio w nagłówku.

Dla klientów przyzwyczajonych do starego WP, to szok kulturowy. “Gdzie są moje widgety?!”. Zniknęły. Teraz wszystko jest blokiem.

4. Wydajność (Performance)

Tutaj Block Themes wygrywają przez nokaut.

  1. Ładowanie stylów: WordPress ładuje tylko CSS dla bloków, które faktycznie są na stronie. Klasyczne motywy często ładują jeden wielki style.css (100KB) na każdej podstronie.
  2. HTML: Struktura generowana przez FSE jest (zazwyczaj) czystsza, choć bywa “divozą” (dużo wrapperów).
  3. Core Web Vitals: Motywy blokowe, jak Twenty Twenty-Six, osiągają 100/100 w Lighthouse niemal “z pudełka”.

5. Strategia na 2026: Co wybrać?

Jako agencja lub freelancer, musisz podjąć decyzję.

Wybierz Motyw Klasyczny (lub Hybrydowy), jeśli:

  • Budujesz skomplikowany portal z dużą ilością logiki PHP w widokach (np. zaawansowane warunki wyświetlania).
  • Klient jest “Technofobem” i boisz się, że zepsuje układ strony, jeśli dasz mu pełną edycję (FSE).
  • Używasz Page Buildera (Elementor/Divi) – one wciąż lepiej działają na klasycznej strukturze.

Wybierz Motyw Blokowy, jeśli:

  • Budujesz prostą stronę firmową, bloga lub portfolio.
  • Zależy Ci na maksymalnej wydajności (Green PageSpeed).
  • Chcesz być “Future Proof” (WordPress Core rozwija głównie FSE).
  • Klient chce mieć możliwość samodzielnej edycji stopek i nagłówków bez dzwonienia do Ciebie.

Podejście Hybrydowe

To złoty środek. Klasyczny motyw PHP, który dodaje wsparcie dla theme.json (aby mieć paletę kolorów i typografię w Gutenbergu), ale zachowuje header.php dla bezpieczeństwa struktury.

Podsumowanie

Świat WordPressa podzielił się na dwa obozy. Nie walcz z tym. Naucz się składni theme.json – to umiejętność tak ważna w 2026 roku, jak znajomość CSS w 2015.