WordPress Block Patterns - wzorce bloków Gutenberg
Block Patterns to gotowe układy wielu bloków, które możesz wstawić jednym kliknięciem. Zamiast budować sekcję od zera, wybierasz wzorzec i dostosowujesz. Ogromna oszczędność czasu w edytorze Gutenberg.
Krótka odpowiedź
Używanie wbudowanych wzorców
Dostęp do wzorców:
1. W edytorze kliknij + (dodaj blok)
2. Przejdź do zakładki "Patterns" (Wzorce)
3. Przeglądaj kategorie lub szukaj
4. Kliknij wzorzec aby wstawić
Kategorie wzorców:
- Featured - wyróżnione
- Text - układy tekstowe
- Gallery - galerie
- Columns - kolumny
- Headers - nagłówki sekcji
- Call to Action - CTA
- Query - listy postów
Po wstawieniu:
- Każdy blok jest edytowalny
- Możesz usuwać, dodawać, przestawiać
- Wzorzec to tylko punkt startowy
WordPress.org Pattern Library
Biblioteka wzorców:
- https://wordpress.org/patterns/
- Tysiące darmowych wzorców
- Od społeczności i zespołu WP
Jak używać:
1. Znajdź wzorzec na wordpress.org/patterns
2. Kliknij "Copy Pattern"
3. W edytorze WordPress: Ctrl+V
4. Wzorzec wklejony!
Kategorie:
- Banners, Buttons, Call to Action
- Columns, Gallery, Headers
- Media, Query, Text
- Footer, Pricing, Testimonials
Wskazówka:
- Szukaj wzorców pasujących do Twojego motywu
- Sprawdź czy obsługują kolory z theme.json
Tworzenie własnych wzorców (kod)
register_block_pattern():
```php
add_action('init', function() {
register_block_pattern(
'mytheme/my-pattern',
array(
'title' => 'Mój wzorzec',
'description' => 'Sekcja hero z przyciskiem',
'categories' => array('featured', 'buttons'),
'content' => '
Tytuł sekcji
Opis sekcji.
',
)
);
});
```
Własna kategoria:
```php
register_block_pattern_category(
'mytheme-patterns',
array('label' => 'Moje wzorce')
);
```
Tworzenie wzorców z edytora (łatwiejsze)
Metoda 1: Kopiuj/wklej:
1. Zbuduj układ bloków
2. Zaznacz wszystkie bloki (Shift+klik)
3. Menu ⋮ → Copy blocks
4. Wklej gdziekolwiek (nawet na innej stronie)
Metoda 2: Reusable Blocks (bloki wielokrotne):
1. Zaznacz bloki
2. Menu ⋮ → Create pattern
3. Nadaj nazwę
4. Synchronizuj lub nie (synced = zmiana wszędzie)
Metoda 3: Eksport do kodu:
1. Zaznacz bloki
2. Menu ⋮ → Copy blocks
3. Wklej w edytor tekstu
4. Użyj w register_block_pattern()
Synced vs Unsynced Patterns:
- Synced: zmiana w jednym miejscu = zmiana wszędzie
- Unsynced: każde użycie jest niezależne