Full Site Editing (FSE) - przyszłość WordPress
Full Site Editing to rewolucja w WordPress. Zamiast ograniczonego Customizera, edytujesz całą stronę wizualnie - nagłówek, stopkę, szablony postów. Wszystko w edytorze bloków. Wymaga motywu blokowego.
Krótka odpowiedź
Co to jest Full Site Editing
Tradycyjny WordPress:
- Treść: edytor Gutenberg
- Wygląd: Customizer (ograniczony)
- Nagłówek/stopka: kod PHP motywu
Full Site Editing:
- Wszystko w edytorze bloków
- Nagłówek, stopka = bloki
- Szablony = bloki
- Brak Customizera
Wymagania:
- WordPress 5.9+
- Block theme (motyw blokowy)
- Twenty Twenty-Two, Twenty Twenty-Three, Twenty Twenty-Four
- Lub motywy FSE: flavor, flavor, flavor, flavor
Korzyści:
- Pełna kontrola wizualna
- Brak konieczności kodowania
- Spójność z edytorem treści
Nawigacja w Site Editor
Dostęp:
- Wygląd → Edytor (nie "Dostosuj"!)
Panel nawigacji:
- Design: globalny wygląd
- Templates: szablony stron
- Template Parts: części (header, footer)
- Patterns: wzorce bloków
- Styles: kolory, typografia
Templates (szablony):
- Index - główny szablon
- Single - pojedynczy post
- Page - strona
- Archive - archiwum
- 404 - błąd
- Search - wyniki szukania
Template Parts:
- Header - nagłówek
- Footer - stopka
- Sidebar - pasek boczny
- Comments - sekcja komentarzy
Edycja nagłówka i stopki
Edycja Header:
1. Wygląd → Edytor
2. Template Parts → Header
3. Edytuj jak każdy blok
4. Dodaj: logo, menu, search, button
Typowe bloki nagłówka:
- Site Logo - logo strony
- Site Title - nazwa strony
- Navigation - menu nawigacji
- Search - wyszukiwarka
- Social Links - social media
Edycja Footer:
1. Template Parts → Footer
2. Dodaj widgety jako bloki
3. Columns dla układu
4. Paragraph dla copyright
Zapisywanie:
- Zmiany w Template Parts dotyczą całej strony
- Kliknij Save aby zatwierdzić
Globalne Style (theme.json)
Styles w edytorze:
- Wygląd → Edytor → Styles (ikona półkola)
- Typography - fonty, rozmiary
- Colors - paleta kolorów
- Layout - szerokość, spacing
Presets kolorów:
- Background, Text, Links
- Primary, Secondary
- Accent, Contrast
Typography:
- Font family dla całej strony
- Rozmiary nagłówków H1-H6
- Line height, letter spacing
theme.json (dla developerów):
- Plik JSON w motywie
- Definiuje paletę kolorów, fonty
- Settings i Styles
- Eksportuj z edytora lub pisz ręcznie