Przejdź do treści

Kreator · WordPress

Strony w edytorze Gutenberg – bloki i motywy blokowe

Tworzymy strony na natywnym edytorze WordPressa – bez ciężkiego kreatora, z motywami blokowymi, wzorcami i własnymi blokami. Przenosimy też na Gutenberga strony z innych kreatorów.

  • Bezpłatna wycena z zakresem prac
  • Jeden opiekun projektu
  • Dostępy i pliki należą do Ciebie

Gutenberg to natywny edytor blokowy WordPressa. Każdy element treści – akapit, nagłówek, obraz, kolumny, przycisk, galeria – jest osobnym blokiem, który możesz przesuwać, grupować i zapisywać jako wzorzec. W motywach blokowych edytor obejmuje całą witrynę: w edytorze witryny projektujesz szablony, nagłówek, stopkę i style globalne, które motyw definiuje w pliku theme.json. Nie potrzebujesz do tego dodatkowej wtyczki.

Dla wielu firm to dziś najrozsądniejsza baza strony. Edytor jest częścią WordPressa, rozwija się razem z nim i nie wymaga zewnętrznego kreatora, który trzeba aktualizować i od którego zależy cała treść. Sam edytor potrzebuje jednak dobrej konfiguracji: przemyślanych wzorców, ograniczenia opcji, które mogą rozbić spójność projektu, a czasem własnych bloków. Tym zajmujemy się przy każdym wdrożeniu.

W skrócie

  • 01Natywny edytor WordPressa bez dodatkowego kreatora
  • 02Motywy blokowe ze stylami w theme.json
  • 03Własne bloki dla treści specyficznych dla firmy
  • 04Ograniczone opcje edytora, które chronią układ
01

Strona na Gutenbergu w naszym wykonaniu

01

Motyw blokowy lub hybrydowy

Dobieramy motyw blokowy z edycją całej witryny albo klasyczny motyw z obsługą bloków – zależnie od tego, kto i co będzie zmieniał na stronie.

02

Style w theme.json

Kolory, typografię, odstępy i szerokości treści definiujemy centralnie w theme.json, więc edytor podpowiada wyłącznie ustalone wartości.

03

Biblioteka wzorców

Przygotowujemy wzorce sekcji – oferty, cennika, kontaktu, zespołu – które Twój zespół wstawia i wypełnia treścią bez ryzyka rozbicia układu.

04

Własne bloki

Gdy brakuje bloku do konkretnego zadania, piszemy własny – np. kartę oddziału, porównanie wariantów usługi czy listę dokumentów do pobrania.

05

Blokowanie i ograniczanie opcji

Możemy zablokować przesuwanie lub usuwanie kluczowych bloków i ograniczyć dostępne ustawienia, żeby edycja treści nie psuła projektu.

06

Lekki kod i szybkość

WordPress potrafi ładować style tylko dla bloków użytych na stronie. Bez warstwy kreatora strona zwykle waży mniej i łatwiej osiąga dobre Core Web Vitals.

02

Edycja całej witryny i motywy blokowe

W motywach blokowych szablony – nagłówek, stopka, wpis, archiwum, strona 404 – są zbudowane z bloków i edytowalne w edytorze witryny. Style globalne pozwalają zmienić kolory i typografię całej strony z jednego miejsca, a części szablonu wykorzystywane są wielokrotnie. To podejście daje dużą kontrolę bez kreatora, ale wymaga przemyślanej struktury, bo zmiana w szablonie od razu działa na wszystkich powiązanych podstronach.

  • Szablony i części szablonu edytowane blokami
  • Style globalne zapisane w theme.json
  • Wzorce synchronizowane – zmiana w jednym miejscu działa wszędzie
  • Blok pętli zapytania do list wpisów, wydarzeń czy ofert pracy
03

Kiedy Gutenberg zamiast kreatora, a kiedy nie

Gutenberg to dobry wybór dla stron firmowych, blogów, serwisów treściowych i sklepów, gdzie liczą się szybkość, bezproblemowe aktualizacje i długie życie strony. Treść zapisana w standardowym formacie bloków nie zależy od jednej zewnętrznej wtyczki. Kreator wizualny bywa wygodniejszy, gdy marketing często buduje od zera nietypowe układy kampanii i oczekuje pełnej swobody projektowania na podglądzie. Wtedy rozważamy biblioteki bloków, takie jak Kadence Blocks czy Spectra, albo lekki kreator.

Na co uważać – najczęstsze błędy

Edytor z pełną swobodą dla wszystkich

Gdy każdy redaktor może zmieniać kolory, rozmiary i odstępy, strona szybko traci spójność. Ograniczamy opcje do tych, które są potrzebne.

Style rozproszone po blokach

Ustawienia wpisywane w poszczególnych blokach trudno później zmienić globalnie. Definiujemy je w theme.json.

Wtyczki bloków do każdej drobnej funkcji

Kilka pakietów bloków obciąża edytor i stronę. Brakujące elementy często lepiej zbudować jako własne bloki.

Migracja z kreatora bez porządków

Przeniesienie treści bez usunięcia shortcode’ów i pozostałości po kreatorze zostawia bałagan w bazie. Czyścimy ją po migracji.

04

Migracja z kreatora na Gutenberga

Przenoszenie stron z WPBakery, Divi, Avady czy Elementora na bloki to jedno z naszych częstych zadań. Shortcode’y i dane kreatora nie zamieniają się same w bloki, więc każdą podstronę odtwarzamy, korzystając z wcześniej przygotowanych wzorców. Teksty, media, adresy URL i metadane pozostają na miejscu – zmienia się wyłącznie zapis układu. Na koniec przeszukujemy bazę danych pod kątem pozostałości starego kreatora i dopiero wtedy go wyłączamy.

  • Mapa podstron i układów do odtworzenia
  • Wzorce bloków odwzorowujące powtarzalne sekcje
  • Kontrola starszych wpisów blogowych z shortcode’ami
  • Wyłączenie starego kreatora dopiero po pełnym czyszczeniu bazy
05

Własne bloki dla treści specyficznych dla firmy

Gutenberg pozwala tworzyć bloki dopasowane do treści firmy: kartę usługi z ceną i czasem realizacji, tabelę specyfikacji produktu, blok zespołu z danymi pobieranymi z profili czy sekcję z najnowszymi realizacjami. Redakcja wypełnia proste pola, a blok dba o wygląd i poprawną strukturę.

Własne bloki są lżejsze niż pakiety ogólnego przeznaczenia, bo zawierają tylko to, czego potrzebujesz. Ich wygląd jest zgodny z projektem, a dane zapisane w strukturze bloku łatwo wykorzystać w danych strukturalnych czy wyszukiwarce strony.

  • Bloki z prostymi polami do wypełnienia
  • Wygląd zgodny z projektem
  • Mniej kodu niż pakiety bloków
  • Dane gotowe do wykorzystania w SEO

Zanim zadzwonisz

Co przygotować przed rozmową

Nie musisz mieć wszystkiego. Każdy z tych punktów skraca jednak drogę do dokładnej wyceny.

  • Dostęp do WordPressa i informacja o obecnym motywie
  • Typy treści, które redakcja publikuje
  • Projekt graficzny lub identyfikacja wizualna
  • Informacja, czy strona korzysta dziś z kreatora
  • Osoby, które będą edytować stronę
06

Edytor, który chroni układ

Natywny edytor można skonfigurować tak, żeby redakcja miała dokładnie te możliwości, których potrzebuje. Ograniczamy paletę kolorów do kolorów marki, rozmiary czcionek do zdefiniowanych stopni, a niepotrzebne bloki ukrywamy. Fragmenty szablonów, których nie należy zmieniać, możemy zablokować.

Efekt to edytor prostszy niż domyślny, a jednocześnie bezpieczny: nowa podstrona wygląda jak reszta strony, nawet jeśli tworzy ją osoba bez doświadczenia w projektowaniu.

07

Jak wdrażamy stronę na Gutenbergu

  1. 01

    Wybór motywu i struktury

    Decydujemy o motywie blokowym, hybrydowym lub własnym oraz ustalamy listę szablonów, wzorców i ewentualnych własnych bloków.

  2. 02

    Style i wzorce

    Konfigurujemy theme.json, przygotowujemy wzorce sekcji i szablony, a w razie potrzeby programujemy własne bloki.

  3. 03

    Podstrony i treści

    Składamy podstrony z wzorców, dopracowujemy widoki mobilne, formularze i dostępność, a następnie mierzymy szybkość.

  4. 04

    Przekazanie i instruktaż

    Pokazujemy, jak wstawiać wzorce i edytować treści, a kluczowe elementy zabezpieczamy przed przypadkowym usunięciem.

Dlaczego my

Współpraca, po której strona po prostu działa

  • 01

    Jeden opiekun projektu

    Masz jedną osobę kontaktową od wyceny, przez wdrożenie, po opiekę po starcie.

  • 02

    Gotowa pod SEO od makiety

    Struktura podstron, nagłówki, dane strukturalne i szybkość planujemy od pierwszego szkicu.

  • 03

    Wszystko należy do Ciebie

    Domena, hosting, pliki i konta administratora są Twoje od pierwszego dnia.

  • 04

    Testy przed startem

    Telefony, przeglądarki, formularze, szybkość i bezpieczeństwo sprawdzamy przed uruchomieniem.

Po starcie stronyGdy strona już działa, możemy ją dalej rozwijać: pozycjonowanie, kampanie reklamowe, social media, treści, PR i ochrona wizerunku. Zobacz wszystkie możliwości

FAQ

Najczęstsze pytania

Nie ma tu Twojego pytania? Napisz na biuro@tworzeniestronwww.pl albo zadzwoń: 222 500 844.

Czy na Gutenbergu da się zbudować atrakcyjną stronę bez kreatora?

Tak. Wygląd strony zależy od projektu, motywu i wzorców, a nie od tego, czy używasz kreatora. Na blokach budujemy pełne strony firmowe z rozbudowanymi sekcjami, galeriami czy formularzami. Gdy standardowe bloki nie wystarczają, sięgamy po sprawdzoną bibliotekę bloków albo piszemy własne bloki dopasowane do projektu.

Czym różni się motyw blokowy od klasycznego?

W motywie klasycznym szablony są zapisane w plikach PHP, a bloki obsługują tylko treść wpisów i stron. W motywie blokowym także nagłówek, stopka i szablony powstają z bloków i można je edytować w edytorze witryny, a style globalne konfiguruje się w theme.json. Istnieją też rozwiązania pośrednie, w których klasyczny motyw korzysta z części tych możliwości.

Czy mogę wrócić do klasycznego edytora?

Technicznie tak – istnieje wtyczka przywracająca klasyczny edytor. Przy nowych stronach tego nie polecamy, bo rezygnujesz z wzorców, bloków i edycji całej witryny, a WordPress rozwija się w stronę bloków. Jeśli Twój zespół jest przyzwyczajony do starego edytora, lepszy będzie dobrze skonfigurowany Gutenberg z ograniczonym zestawem bloków i krótkim instruktażem.

Edycja mojej strony na Gutenbergu to chaos – co z tym zrobić?

Najczęściej brakuje wzorców i stylów globalnych, więc każda sekcja ma ręcznie ustawione kolory i odstępy, a na stronie działa kilka bibliotek bloków naraz. Porządkujemy to: definiujemy paletę i typografię w theme.json, zamieniamy powtarzalne sekcje na wzorce, ograniczamy biblioteki do jednej i usuwamy z edytora opcje, które tylko zachęcają do rozbijania projektu.

Czy Gutenberg jest szybszy od kreatorów?

Zwykle tak, bo treść zapisana jest jako zwykły HTML z komentarzami bloków, a WordPress może ładować style tylko dla bloków obecnych na stronie. Nie jest to jednak gwarancja – ciężkie biblioteki bloków, nieoptymalne obrazy, slidery i skrypty zewnętrzne spowolnią każdą stronę. Dlatego niezależnie od edytora mierzymy Core Web Vitals i optymalizujemy to, co realnie wpływa na wynik.

Z bloga

Przeczytaj, zanim zaczniemy

Wszystkie wpisy

Bezpłatna wycena

Zapytaj o: Gutenberg

Opisz krótko swoją sytuację – przygotujemy bezpłatną wycenę z zakresem prac. Wolisz rozmowę? Zadzwoń.

Strony, sklepy i integracje, a po starcie strony także pozycjonowanie, kampanie, social media i PR – wycenimy każdą z tych usług.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Twoje dane

Czego dotyczy zapytanie?

Opisz projekt

0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844

Bezpłatna wycena

Opisz swój projekt

Kilka zdań wystarczy. Odpowiemy z bezpłatną wyceną i opisanym zakresem prac.

Dotyczy: Gutenberg

Po starcie strony możemy też poprowadzić jej pozycjonowanie i marketing – wybierz temat w formularzu.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Formularz wyceny

Wymagane pola: 0 z 4

Czego dotyczy zapytanie?
0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844