Czym są patterny WordPress i jak ich używać

Aby szybciej składać podstrony w WordPressie, w pierwszej kolejności poznaj patterny, czyli wzorce — tak nazywa je polskie tłumaczenie WordPressa. Wzorzec to gotowy układ bloków: na przykład sekcja powitalna z nagłówkiem i przyciskiem, cennik w trzech kolumnach, galeria zdjęć czy stopka z danymi kontaktowymi. Wstawiasz go do treści jednym kliknięciem, a potem dowolnie edytujesz. Zamiast budować każdą sekcję od zera z pojedynczych bloków, korzystasz z przygotowanego klocka i tylko podmieniasz teksty oraz obrazy.

Jak wstawić wzorzec z biblioteki

Wzorce znajdziesz bezpośrednio w edytorze bloków, bez instalowania czegokolwiek:

1. Otwórz wpis lub stronę do edycji i kliknij niebieski przycisk + w lewym górnym rogu edytora.
2. Przejdź na kartę Wzorce (obok kart Bloki i Media).
3. Wybierz kategorię z listy, np. Nagłówki, Wezwanie do działania, Galeria czy Referencje, i przejrzyj miniatury.
4. Kliknij wybrany wzorzec — WordPress wstawi go w miejscu kursora.
5. Podmień treści demonstracyjne na własne i zapisz stronę.

Po wstawieniu wzorzec przestaje być czymś specjalnym — to zwykła grupa bloków, więc możesz je przestawiać, usuwać i stylować bez żadnych ograniczeń. Zmiany dotyczą tylko tej jednej strony.

Skąd biorą się kategorie i dodatkowe wzorce

Zestaw wzorców w bibliotece zależy głównie od aktywnego motywu — to autor motywu dostarcza sekcje dopasowane do jego typografii i kolorów. Na tym pomyśle opiera się zresztą nasz darmowy motyw Skład: dostarcza komplet spójnych stylistycznie sekcji-klocków, z których złożysz całą witrynę w Edytorze witryny. Niezależnie od motywu masz też dostęp do publicznego katalogu wzorców na wordpress.org/patterns — wystarczy kliknąć przy wybranym wzorcu przycisk kopiowania, wrócić do edytora i wkleić go skrótem Ctrl+V.

Jak utworzyć własny wzorzec

Od WordPressa 6.3 własne wzorce tworzysz bez wtyczek, wprost w edytorze:

1. Zaznacz bloki, które chcesz zapisać — kliknij pierwszy, przytrzymaj Shift i kliknij ostatni, albo zaznacz nadrzędny blok Grupa w widoku listy.
2. Kliknij ikonę trzech kropek na pasku narzędzi i wybierz Utwórz wzorzec.
3. Nadaj wzorcowi nazwę i przypisz kategorię (możesz założyć własną, np. „Moje sekcje”).
4. Zdecyduj, czy włączyć przełącznik Zsynchronizowano, i zatwierdź.

Różnica jest istotna: wzorzec zsynchronizowany (następca dawnych bloków wielokrotnego użytku) ma jedną wspólną treść — gdy zmienisz go w jednym miejscu, zaktualizuje się wszędzie, co świetnie sprawdza się np. przy ramce z danymi kontaktowymi. Wzorzec niezsynchronizowany to tylko punkt startowy: każde wstawienie tworzy niezależną kopię do swobodnej edycji. Wszystkimi swoimi wzorcami zarządzasz w jednym miejscu: w motywie blokowym wejdź w Wygląd → Edytor → Wzorce, a w motywie klasycznym w Wygląd → Wzorce.

Zaawansowani twórcy motywów mogą też dostarczać wzorce jako pliki PHP w katalogu patterns motywu. Zanim zaczniesz edytować pliki, koniecznie wykonaj kopię zapasową witryny. Plik wzorca wymaga tylko nagłówka i treści bloków:

<?php
/**
 * Title: Sekcja kontaktowa
 * Slug: mojmotyw/sekcja-kontaktowa
 * Categories: text
 */
?>
<!-- wp:paragraph -->
<p>Napisz do nas...</p>
<!-- /wp:paragraph -->

Czym wzorce różnią się od szablonów

Te dwa pojęcia łatwo pomylić, bo oba dotyczą gotowych układów. Szablon definiuje strukturę całego typu strony — wygląd wszystkich wpisów, strony 404, archiwum kategorii — i działa globalnie: edycja szablonu zmienia od razu każdą stronę, która z niego korzysta. Wzorzec to natomiast fragment treści, który wstawiasz do konkretnej strony i edytujesz lokalnie (chyba że jest zsynchronizowany). W praktyce oba mechanizmy współpracują: w Edytorze witryny możesz wstawić wzorzec do szablonu, np. gotową sekcję zapisu na newsletter na końcu szablonu wszystkich wpisów. Zasada jest prosta — układ powtarzalny dla całego typu stron trzymaj w szablonie, a pojedyncze sekcje treści składaj ze wzorców.