Wprowadzenie do edytora bloków WordPress (Gutenberg) w 2026 roku

Czym jest edytor bloków WordPressa?

Edytor bloków WordPressa, powszechnie nazywany Gutenberg, jest domyślnym edytorem treści w WordPressie. Wprowadzony w WordPressie 5.0, zastąpił klasyczny edytor modułowym systemem opartym na blokach, w którym każdy element treści — akapit, obraz, nagłówek czy osadzenie — jest indywidualnym blokiem, który można układać, dostosowywać i przestawiać niezależnie.

Do 2026 roku Gutenberg ewoluował znacznie dalej niż prosty edytor treści. Dzięki pełnej edycji strony (FSE) teraz kontroluje całe układy stron, w tym nagłówki, stopki, szablony i części szablonów. Ten przewodnik przeprowadzi cię przez wszystko, co musisz wiedzieć, od podstawowego edytowania bloków po zaawansowane techniki budowania stron.

Przegląd bloków podstawowych

WordPress dostarczany jest z ponad 90 blokami podstawowymi zorganizowanymi w kategorie. Oto te, które będziesz używać najczęściej:

Tworzenie treści za pomocą bloków

Dodawanie bloków

Istnieje kilka sposobów na dodanie bloków do twojej treści:

• Przycisk plus (+): Kliknij ikonę plusa na pasku narzędzi lub między blokami, aby otworzyć wstawianie bloków
• Komenda Slash: Wpisz /, a następnie nazwę bloku (np. /obraz, /nagłówek) dla szybkiego wstawienia
• Paleta poleceń: Naciśnij Ctrl+K (Windows) lub Cmd+K (Mac), aby wyszukać dowolny blok lub akcję
• Przeciągnij i upuść: Przeciągnij bloki z panelu wstawiania bezpośrednio na płótno

Konfigurowanie bloków

Każdy blok ma dwa obszary konfiguracyjne:

1. Pasek narzędzi: Pojawia się nad wybranym blokiem z typowymi akcjami (wyrównanie, pogrubienie, kursywa, link)
2. Panel boczny: Zapewnia szczegółowe ustawienia, w tym kolory, typografię, odstępy i opcje zaawansowane

Organizowanie bloków

Ułóż swoją treść, przesuwając bloki w górę lub w dół za pomocą strzałek w pasku narzędzi bloku, lub przeciągnij je w nowe miejsce. Możesz również użyć panelu widoku listy (Shift+Alt+O), aby zobaczyć całą strukturę dokumentu i przeciągać bloki w obrębie drzewa.

Bloki wielokrotnego użytku (Synchronizowane wzory)

Bloki wielokrotnego użytku — przemianowane na Synchronizowane wzory w 2026 roku — pozwalają na stworzenie bloku lub grupy bloków raz i wstawienie ich w wielu postach i stronach. Kiedy aktualizujesz synchronizowany wzór, każda instancja aktualizuje się automatycznie.

Typowe zastosowania dla synchronizowanych wzorów:

• Sekcje wezwania do działania, które pojawiają się na wielu stronach
• Pola biograficzne autorów używane w postach na blogu
• Standaryzowane powiadomienia o zrzeczeniu się odpowiedzialności lub ujawnieniu afiliacyjnym
• Formularze zapisu na newsletter
• Bloki informacji kontaktowych

Aby stworzyć synchronizowany wzór: wybierz bloki, kliknij menu z trzema kropkami, wybierz "Utwórz wzór", nadaj mu nazwę i włącz "Synchronizowany". Aby wstawić go później, znajdź go w zakładce Wzory w panelu wstawiania bloków.

Wzory bloków

Wzory bloków to wstępnie zaprojektowane układy bloków, które możesz wstawiać i dostosowywać. W przeciwieństwie do synchronizowanych wzorów, nie są one powiązane — edytowanie instancji wzoru nie wpływa na inne użycia.

Wbudowane wzory

WordPress zawiera wzory dla typowych układów: sekcje hero, siatki funkcji, układy świadectw, tabele cenowe i inne. Twój aktywny motyw może rejestrować dodatkowe wzory zoptymalizowane dla swojego systemu projektowania.

Katalog wzorów WordPress.org

Katalog wzorów WordPress.org oferuje tysiące wzorów stworzonych przez społeczność. Możesz przeglądać, podglądać i kopiować wzory bezpośrednio z wstawiania lub z strony katalogu wzorów.

Tworzenie własnych wzorów

Twórz własne wzory, układając bloki, wybierając je wszystkie i tworząc wzór z menu bloków. Własne wzory pojawiają się w sekcji "Moje wzory" w panelu wstawiania, co czyni je wielokrotnego użytku na twojej stronie.

Podstawy pełnej edycji strony

Pełna edycja strony (FSE) rozszerza edytowanie bloków poza treści postów i stron na całą strukturę twojej strony. Dzięki motywowi blokowemu możesz edytować:

• Szablony: Kontroluj układ konkretnych typów stron (pojedynczy post, archiwum, 404, wyniki wyszukiwania)
• Części szablonów: Edytuj sekcje wielokrotnego użytku, takie jak nagłówki i stopki
• Style globalne: Ustaw kolory i typografię na całej stronie
  • Nawigacja: Twórz i zarządzaj menu wizualnie

  Dostęp do Edytora Strony

  Przejdź do Wygląd → Edytor w swoim panelu WordPress. Otwiera to edytor strony, w którym możesz przeglądać szablony, edytować części szablonów i dostosowywać style globalne. Zauważ, że FSE wymaga motywu blokowego — klasyczne motywy korzystają z tradycyjnego Personalizatora.

  Szablony a Części Szablonów

  Koncepcja	Co to kontroluje	Przykład
  Szablon	Układ całej strony dla typu treści	Pojedynczy Post, Strona, Archiwum, 404
  Część Szablonu	Sekcja wielokrotnego użytku w szablonach	Nagłówek, Stopka, Pasek boczny

  Dostosowywanie Bloków za pomocą theme.json

  Plik theme.json jest centrum konfiguracji dla motywów blokowych. Kontroluje:

  • Palety kolorów i gradienty dostępne w edytorze
  • Ustawienia typografii (rodziny czcionek, rozmiary, wysokości linii)
  • Skale odstępów i szerokości układów
  • Które funkcje bloków są włączone lub wyłączone
  • Domyślne style dla konkretnych bloków

  Deweloperzy motywów używają theme.json do tworzenia spójnego systemu projektowania. Jako właściciel strony możesz modyfikować te ustawienia za pomocą interfejsu Stylów Globalnych w edytorze strony, bez edytowania pliku bezpośrednio.

  Skróty Klawiaturowe

  Nauka skrótów klawiaturowych znacznie przyspiesza Twój proces edycji:

  Akcja	Windows / Linux	Mac
  Dodaj nowy blok	/ (ukośnik)	/ (ukośnik)
  Paleta poleceń	Ctrl + K	Cmd + K
  Duplikuj blok	Ctrl + Shift + D	Cmd + Shift + D
  Usuń blok	Shift + Alt + Z	Ctrl + Option + Z
  Otwórz widok listy	Shift + Alt + O	Ctrl + Option + O
  Przełącz wstawianie bloków	Ctrl + Shift + ,	Cmd + Shift + ,
  Zapisz szkic / Aktualizuj	Ctrl + S	Cmd + S
  Cofnij	Ctrl + Z	Cmd + Z
  Wstaw link	Ctrl + K	Cmd + K

  Gutenberg a Klasyczny Edytor

  Niektórzy użytkownicy WordPressa nadal preferują wtyczkę Klasyczny Edytor. Oto jak obie opcje się porównują:

  Aspekt	Gutenberg	Klasyczny Edytor
  Podejście do edycji	Oparte na blokach, modułowe	Pojedynczy obszar tekstowy (TinyMCE)
  Możliwości układu	Kolumny, siatki, sekcje na pełną szerokość	Tylko liniowa treść
  Obsługa mediów	Galerie w linii, obrazy tła, media+tekst	Podstawowe wstawianie mediów
  Kompatybilność w przyszłości	Aktywnie rozwijany, wsparcie dla FSE	Tylko tryb konserwacji
  Wsparcie dla wtyczek/motywów	Rośnie ekosystem bloków	Odrzucenie nowego rozwoju

  Wtyczka Classic Editor jest nadal utrzymywana, ale rozwój WordPressa w pełni zaangażował się w edytor blokowy. Nowe funkcje, motywy i wtyczki coraz częściej są najpierw kierowane do Gutenberga.

  Wtyczki blokowe, które rozszerzają Gutenberga

  Chociaż podstawowe bloki pokrywają większość potrzeb, te wtyczki dodają specjalistyczną funkcjonalność:

  • Wtyczka Flavor: Dodaje zaawansowane bloki, takie jak zakładki, akordeony, tabele cenowe i karuzele postów
  • Wtyczka Flavor: Oferuje bloki skoncentrowane na treści dla lepszych doświadczeń pisarskich — paski postępu, kliknij, aby tweetować, powiadomienia
  • Wtyczka Flavor: Oferuje bloki ukierunkowane na projektowanie z animacjami i zaawansowanymi opcjami stylizacji
  • Wtyczka Flavor: Rozszerza Gutenberga o bloki zaprojektowane specjalnie dla motywów FSE
  • Wtyczka Flavor: Dodaje bloki zapytań i filtrów do dynamicznego wyświetlania treści

  Wybierając wtyczki blokowe, wybierz te, które przestrzegają standardów kodowania WordPressa i generują czysty znacznik. Unikaj wtyczek, które ładują ciężkie frameworki JavaScript, ponieważ negują one zalety wydajności Gutenberga.

  Praktyczne wskazówki dotyczące efektywnej edycji bloków

  Użyj widoku listy

  Dla złożonych stron widok listy (Shift+Alt+O) jest niezbędny. Pokazuje całą strukturę dokumentu jako drzewo, co ułatwia wybór zagnieżdżonych bloków, zmianę kolejności sekcji i zrozumienie hierarchii strony.

  Grupuj bloki do działań zbiorczych

  Wybierz wiele bloków (kliknij pierwszy, Shift+kliknij ostatni) i grupuj je. Zgrupowane bloki można stylizować razem, przenosić jako jednostkę i przekształcać w wzory. Jest to szczególnie przydatne do tworzenia spójnych sekcji.

  Zablokuj bloki, aby zapobiec przypadkowym zmianom

  Zablokuj ważne bloki, aby zapobiec przypadkowemu przesunięciu lub usunięciu. Kliknij prawym przyciskiem myszy na blok i wybierz "Zablokuj", aby ograniczyć modyfikacje. Jest to pomocne dla szablonów lub treści zarządzanej przez wielu edytorów.

  Używaj skrótów klawiaturowych intensywnie

  Różnica między efektywną a wolną edycją bloków często sprowadza się do skrótów klawiaturowych. Najpierw naucz się pięciu najczęstszych skrótów (polecenie ukośnika, duplikuj, usuń, zapisz, cofnij), a następnie rozszerz swój repertuar, gdy poczujesz się komfortowo.

  Aby porównać z Elementor i innymi kreatorami stron, zobacz nasze porównanie Elementor vs Gutenberg oraz nasz szerszy przewodnik po porównaniu kreatorów stron. Jeśli wybierasz motyw, który dobrze współpracuje z Gutenbergiem, przeczytaj nasz przewodnik po wyborze motywu.

  Najczęściej zadawane pytania

  Czy mogę nadal używać Classic Editor?

  Tak. Wtyczka Classic Editor jest nadal dostępna i jest utrzymywana przez zespół WordPressa. Otrzymuje jednak tylko aktualizacje konserwacyjne — brak nowych funkcji. WordPress zaleca migrację do edytora blokowego, aby uzyskać dostęp do nowoczesnych funkcji i bieżącego rozwoju.

  Czy Gutenberg działa ze wszystkimi motywami WordPress?

  Gutenberg działa zarówno z klasycznymi, jak i blokowymi motywami. Klasyczne motywy wspierają edycję bloków w treści postów i stron. Motywy blokowe dodatkowo wspierają pełną edycję strony dla nagłówków, stopek, szablonów i stylów globalnych. Aby uzyskać pełne doświadczenie FSE, potrzebujesz motywu blokowego.

  Jak przekształcić treść Classic Editor na bloki?

  Gdy otworzysz post Classic Editor w Gutenbergu, WordPress owija treść w blok Classic. Możesz kliknąć "Przekształć na bloki", aby przekształcić treść w poszczególne bloki. Sprawdź konwersję później, ponieważ złożone układy mogą wymagać ręcznych poprawek.

  Czy strony Gutenberga są wolniejsze niż strony Classic Editor?

  Nie. Gutenberg generuje czysty HTML, który jest porównywalny lub bardziej oszczędny niż wyjście Classic Editor. Edytor blokowy nie dodaje znaczącego obciążenia frontendowego. Interfejs edytora (w panelu administracyjnym) używa więcej zasobów niż Classic Editor, ale nie wpływa to na to, co widzą odwiedzający.

  Czy mogę tworzyć niestandardowe bloki bez kodowania?

  Tak, w pewnym stopniu. Możesz tworzyć niestandardowe wzory bloków, układając istniejące bloki. Aby stworzyć naprawdę niestandardowe bloki z unikalną funkcjonalnością, potrzebujesz rozwoju JavaScript (React). Kilka wtyczek oferuje kreatory bloków bez kodu, chociaż mają one ograniczenia w porównaniu do rozwiązań kodowanych.

  Czym są synchronizowane wzory i jak różnią się od zwykłych wzorów?

  Synchronizowane wzory (wcześniej Bloki wielokrotnego użytku) są powiązane we wszystkich swoich instancjach. Edytowanie jednego aktualizuje wszystkie. Zwykłe wzory to szablony — wstawienie jednego tworzy niezależną kopię, którą możesz modyfikować bez wpływu na inne użycia. Używaj synchronizowanych wzorów dla treści, które powinny być spójne wszędzie (CTA, zastrzeżenia). Używaj zwykłych wzorów dla układów, które chcesz mieć jako punkty wyjścia.

  Jak rozwiązywać problemy z edytorem bloków?

  Typowe rozwiązania obejmują: czyszczenie pamięci podręcznej przeglądarki, dezaktywowanie wtyczek jedna po drugiej, aby zidentyfikować konflikty, tymczasowe przełączanie na domyślny motyw oraz sprawdzanie konsoli dewelopera przeglądarki w poszukiwaniu błędów JavaScript. Większość problemów z edytorem bloków wynika z konfliktów wtyczek, a nie problemów z rdzeniem.

  Czy pełna edycja strony jest gotowa do użytku produkcyjnego?

  Od 2026 roku pełna edycja strony jest stabilna i gotowa do użytku produkcyjnego. Zestaw funkcji znacznie się rozwinął z każdą wersją WordPressa. Jednak ekosystem motywów blokowych i wzorów wciąż rośnie. Jeśli potrzebujesz rozbudowanych szablonów wstępnych, możesz znaleźć wybór bardziej ograniczony w porównaniu do opcji motywów klasycznych.

  Znajdź motyw WordPress gotowy do bloków

  Przeglądaj premium motywy WordPress zoptymalizowane dla Gutenberga i pełnej edycji strony. Czysty kod, szybka wydajność i profesjonalne projekty.

  Przeglądaj motywy →