Gutenberg - jak używać edytora bloków WordPress
Gutenberg to domyślny edytor WordPress od wersji 5.0. Zamiast klasycznego WYSIWYG, używasz bloków - osobnych elementów dla tekstu, obrazów, przycisków itp. Na początku może być mylący, ale po opanowaniu daje dużo możliwości.
Krótka odpowiedź
Podstawy pracy z blokami
Dodawanie bloków:
- Kliknij + w lewym górnym rogu lub między blokami
- Wpisz / (slash) i nazwę bloku (np. /nagłówek)
- Użyj skrótu /image, /button, /columns
Zaznaczanie i edycja:
- Kliknij blok żeby go zaznaczyć
- Pasek narzędzi pojawia się nad blokiem
- Sidebar po prawej ma dodatkowe opcje
Przenoszenie bloków:
- Chwyć za 6 kropek po lewej i przeciągnij
- Lub użyj strzałek góra/dół
Usuwanie:
- Zaznacz blok → Menu ⋮ → Usuń blok
- Lub Shift+Alt+Z
Najważniejsze bloki do poznania
Tekst:
- Akapit - podstawowy tekst
- Nagłówek - H1-H6
- Lista - punktowana lub numerowana
- Cytat - wyróżniony tekst
Media:
- Obrazek - pojedyncze zdjęcie
- Galeria - siatka obrazków
- Okładka - obrazek z tekstem na wierzchu
- Wideo, Audio, Plik
Układ:
- Kolumny - podział na kolumny
- Grupa - grupowanie bloków
- Separator - linia rozdzielająca
- Odstęp - pusta przestrzeń
Widżety:
- Przycisk - CTA
- Tabela - dane tabelaryczne
- Najnowsze wpisy - lista postów
Wzorce bloków (Block Patterns)
Wzorce to gotowe układy wielu bloków - oszczędzają czas.
Wbudowane wzorce:
- Kliknij + → zakładka "Wzorce"
- Kategorie: tekst, galeria, kolumny, nagłówki, CTA
- Wybierz, wstaw, dostosuj
Własne wzorce:
- Ułóż bloki jak chcesz
- Zaznacz wszystkie (Ctrl+A w grupie)
- Menu ⋮ → "Utwórz wzorzec"
- Nadaj nazwę i zapisz
Wzorce zewnętrzne:
- wordpress.org/patterns - setki darmowych
- Kopiuj wzorzec → Wklej w edytorze
Full Site Editing (FSE)
FSE pozwala edytować całą stronę wizualnie - nie tylko treść, ale też nagłówek, stopkę, sidebar.
Wymagania:
- Motyw wspierający FSE (Twenty Twenty-Two, Twenty Twenty-Three, lub block themes)
- WordPress 5.9+
Jak używać:
- Wygląd → Edytor (zamiast Customizer)
- Edytujesz szablony: nagłówek, stopka, single post, archiwum
- Zmiany dotyczą całej strony
Zalety FSE:
- Pełna kontrola bez kodu
- Spójność designu
- Szybsze niż page buildery
- Natywne rozwiązanie WordPress
Gutenberg vs page buildery (Elementor, Divi)
Gutenberg:
- Darmowy, wbudowany
- Lżejszy, szybszy
- Przyszłość WordPress
- Mniej opcji designu (ale rośnie)
- Brak vendor lock-in
Page buildery:
- Więcej opcji wizualnych
- Łatwiejsze dla początkujących
- Cięższe, wolniejsze
- Płatne wersje Pro
- Zależność od wtyczki
Kiedy Gutenberg:
- Blog, prosta strona firmowa
- Zależy Ci na szybkości
- Chcesz natywnego rozwiązania
Kiedy page builder:
- Zaawansowane layouty
- Brak czasu na naukę Gutenberga
- Potrzebujesz gotowych szablonów