Gutenberg - przewodnik po edytorze blokowym WordPress
Gutenberg zastąpił klasyczny edytor w WordPress 5.0. Początkowo kontrowersyjny, dziś to potężne narzędzie. Pokażę Ci jak wykorzystać jego możliwości.
Krótka odpowiedź
Podstawy pracy z blokami
Dodawanie bloków:
- Kliknij + w lewym górnym rogu
- Lub wpisz / i nazwę bloku
- Lub Enter po bloku i zacznij pisać
Podstawowe bloki:
- Paragraf - tekst
- Nagłówek - H2, H3, H4
- Obrazek - zdjęcia
- Lista - punktowana, numerowana
- Cytat - wyróżniony tekst
- Przycisk - CTA
- Kolumny - layout
Manipulacja blokami:
- Przeciągnij i upuść
- Strzałki góra/dół
- Kopiuj, wklej, duplikuj
- Grupuj (Ctrl+G)
Zaawansowane bloki i wzorce
Bloki dynamiczne:
- Najnowsze wpisy
- Kategorie
- Archiwa
- Wyszukiwarka
Bloki layoutu:
- Kolumny - 2, 3, 4 kolumny
- Grupa - kontener na bloki
- Cover - obrazek z tekstem
- Media i tekst - obok siebie
Wzorce (Patterns):
- Gotowe układy bloków
- Biblioteka na wordpress.org/patterns
- Twórz własne wzorce
- Zapisz jako wielokrotnego użytku
Bloki wielokrotnego użytku:
- Stwórz raz, użyj wszędzie
- Edycja w jednym miejscu aktualizuje wszystkie
- Idealny na CTA, stopki, banery
Full Site Editing (FSE)
Co to FSE?
- Edycja całej strony blokami
- Nagłówek, stopka, sidebary
- Nie tylko treść posta
- Wymaga motywu blokowego
Motywy blokowe:
- Twenty Twenty-Four (domyślny)
- Flavor
- Flavor Flavor
- Neve FSE
Edytor witryny:
- Wygląd → Edytor
- Szablony stron
- Części szablonu
- Style globalne
Możliwości:
- Własny nagłówek/menu
- Własna stopka
- Szablony dla kategorii
- Bez kodowania