WordPress Gutenberg — niestandardowe bloki i Full Site Editing
Tworzymy niestandardowe bloki Gutenberg w React i PHP. Full Site Editing (FSE), block patterns i site editor dla nowoczesnych motywow WordPress.
Bezpłatna wycena w 24hGutenberg to nowy edytor WordPress oparty na blokach React. Nowoczesny, elastyczny i coraz potężniejszy dzięki Full Site Editing. Tworzymy niestandardowe bloki Gutenberg dopasowane do Twojego projektu — od prostych bloków treści po zaawansowane interaktywne komponenty.
Co wchodzi w zakres
Niestandardowe bloki do edycji treści
Blok CTA z przyciskiem, blok FAQ, blok karty pracownika, blok galerii z filtrem — wszystko edytowalne przez redakcję bez dotykania kodu.
Full Site Editing (FSE)
Block themes umożliwiają edycję całej strony (header, footer, layout) przez Site Editor. Nowoczesne podejście zastępujące page buildery.
Block Patterns — wielokrotne użycie
Wzorce bloków to grupy komponentów możliwe do wstawienia jednym kliknięciem. Przyspiesza pracę redakcji i zachowuje spójność wizualną.
Server-Side Rendering (SSR) dla SEO
Bloki Gutenberg mogą być renderowane server-side przez PHP — treść widoczna dla robotów SEO bez JavaScript.
Co zawiera usługa
- Niestandardowe bloki Gutenberg (React + PHP)
- Konfiguracja block.json i atrybutów
- InspectorControls — ustawienia bloku w pasku bocznym
- Dynamiczne bloki z SSR (PHP render_callback)
- Block Patterns — wzorce bloków
- Block Variations — warianty istniejących bloków
- Full Site Editing (block theme) dla nowych projektów
- InnerBlocks — bloki zawierające inne bloki
- Transform i migracja z klasycznych shortcode
- Dokumentacja bloków dla redaktorów
Jak wygląda proces
Projekt bloków
Figma: jak wygląda blok w edytorze i na stronie. Lista atrybutów i opcji edycji.
Setup @wordpress/scripts
Konfiguracja webpack, React, TypeScript dla bloków Gutenberg.
Implementacja bloków
Edit (React) i Save/Render (PHP) dla każdego bloku.
Testy i dokumentacja
Testy edytora, testy renderowania, dokumentacja dla redakcji.
Często zadawane pytania
Czy warto użyć Gutenberg zamiast Elementora?
Tak — dla nowych projektów. Gutenberg jest szybszy (mniej JS), jest natywnym edytorem WP (brak zależności zewnętrznej), FSE to przyszłość WP. Elementor ma bogatszy UI do budowy stron, ale płaci się za to wolniejszym czasem ładowania.
Czy niestandardowe bloki działają po aktualizacji WordPress?
Tak, jeżeli są zbudowane zgodnie z WP Block API. Tworzymy bloki na oficjalnym @wordpress/scripts i deklaratywnym block.json — kompatybilne z kolejnymi wersjami WP.
Ile kosztuje niestandardowy blok Gutenberg?
Prosty blok statyczny (np. blok z ikoną i tekstem) od 300 zł. Zaawansowany blok dynamiczny z SSR i wieloma opcjami konfiguracji od 800 zł. Wycena po opisaniu potrzeb.
Porozmawiajmy o WordPress Gutenberg
Opisz swój projekt — odpiszemy z wyceną i propozycją w ciągu 24 godzin.