Przejdź do treści

Kreator · WordPress

Strony na Kadence Blocks – projekt i wdrożenie

Budujemy szybkie strony w edytorze blokowym WordPressa rozszerzonym o Kadence Blocks. Dostajesz nowoczesny układ, wygodną edycję i kod, który nie przytłacza przeglądarki.

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

Kadence Blocks to wtyczka, która rozszerza Gutenberga – natywny edytor WordPressa – o bloki, których brakuje w standardowym zestawie: rozbudowany układ wierszy i kolumn, zaawansowane nagłówki, zakładki, akordeony, przyciski, ikony, formularze czy galerie. Każdy blok ma ustawienia odstępów, typografii i widoków dla telefonu oraz tabletu. Najlepiej współpracuje z motywem Kadence, który dostarcza globalną paletę kolorów, typografię i kreator nagłówka.

W odróżnieniu od klasycznych kreatorów treść zapisywana jest w formacie bloków WordPressa, czyli jako zwykły HTML z komentarzami opisującymi blok. Oznacza to mniejszą zależność od jednej wtyczki i zwykle lżejszy kod. Bloki nie rozwiązują jednak wszystkiego same – przy złej organizacji też powstaje bałagan stylów. Dlatego projekt opieramy na palecie globalnej, wzorcach i spójnych ustawieniach bloków.

W skrócie

  • 01Nowoczesne układy w natywnym edytorze WordPressa
  • 02Globalna paleta i typografia dla całej strony
  • 03Wzorce sekcji gotowe do ponownego użycia
  • 04Lżejszy kod niż w ciężkich kreatorach wizualnych
01

Co zyskujesz z Kadence Blocks

01

Lżejszy kod strony

Treść w formacie bloków WordPressa i style generowane dla bloków użytych na stronie dają zwykle mniejszą wagę niż kreator z wieloma zagnieżdżeniami.

02

Paleta i typografia globalna

Kolory i fonty ustawiamy w motywie, a bloki korzystają z palety globalnej. Zmiana koloru marki nie wymaga przeglądania każdej podstrony.

03

Wzorce do ponownego użycia

Sekcje takie jak oferta, zespół, FAQ czy wezwanie do kontaktu zapisujemy jako wzorce, które Twój zespół wstawia jednym kliknięciem.

04

Responsywność na poziomie bloku

Każdy blok ma osobne ustawienia dla komputera, tabletu i telefonu, więc widok mobilny dopracowujemy precyzyjnie, a nie przez automatyczne ściskanie kolumn.

05

Formularze bez kolejnej wtyczki

Proste formularze kontaktowe budujemy blokami, z powiadomieniami e-mail i ochroną przed spamem. Do złożonych procesów dobieramy osobne narzędzie.

06

Łatwiejsze zmiany w przyszłości

Format bloków to standard WordPressa, więc późniejsza zmiana motywu czy narzędzia jest prostsza niż przy kreatorach opartych na shortcode’ach.

02

Kadence Blocks, Spectra i inne biblioteki bloków

Kadence Blocks to jedna z kilku popularnych bibliotek rozszerzających Gutenberga – obok niej są m.in. Spectra i GenerateBlocks. Każda zapisuje treść w formacie bloków, ale ma własne bloki, ustawienia i sposób generowania stylów. Częsty błąd na przejmowanych stronach to kilka takich bibliotek zainstalowanych jednocześnie: dwa bloki zakładek, trzy różne przyciski i style dublujące się w kodzie. Wybieramy jedną bazową bibliotekę i trzymamy się jej konsekwentnie.

  • Jedna biblioteka bloków zamiast kilku nakładających się
  • Wyłączenie zbędnych bloków, jeśli pozwalają na to ustawienia wtyczki
  • Kolory z palety globalnej zamiast wpisywanych ręcznie wartości
  • Wzorce zamiast kopiowania całych sekcji między podstronami
03

Kiedy Kadence Blocks wystarczy, a kiedy nie

Kadence Blocks świetnie sprawdza się na stronach firmowych, blogach, stronach usługowych i landing page’ach, gdzie układ jest czytelny, a priorytetem są szybkość i wygodna edycja treści. Dobrze współpracuje też z WooCommerce. Jeśli projekt wymaga bardzo złożonych interakcji, nietypowych animacji albo rozbudowanych szablonów dynamicznych opartych na wielu polach niestandardowych, rozważamy dodatki, własne bloki lub inny kreator. Mówimy o tym na etapie wyceny, a nie po fakcie.

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

Kolory wpisywane ręcznie zamiast z palety

Ręcznie ustawione kolory nie zmieniają się razem z paletą. Projektujemy na kolorach globalnych.

Kilka bibliotek bloków jednocześnie

Kadence Blocks, Spectra i inne pakiety naraz dublują funkcje i obciążają edytor. Wybieramy jedną bibliotekę.

Bloki zagnieżdżone bez potrzeby

Wiele warstw sekcji i kolumn utrudnia edycję i powiększa kod. Budujemy proste struktury.

Wzorce kopiowane zamiast synchronizowanych

Elementy, które mają być wszędzie takie same, warto zapisać jako wzorce synchronizowane. Wtedy zmiana w jednym miejscu aktualizuje wszystkie wystąpienia.

04

Przejęcie strony na blokach i przejście z kreatora

Przejmujemy strony zbudowane na Kadence Blocks przez innych wykonawców: porządkujemy palety kolorów, zamieniamy ręcznie ustawione style na globalne, łączymy powtarzalne sekcje we wzorce i usuwamy zbędne biblioteki bloków. Sprawdzamy też komunikaty edytora o nieprawidłowych blokach, które pojawiają się, gdy ktoś ręcznie edytował HTML bloku albo zmienił się sposób zapisu we wtyczce. Takie bloki naprawiamy na kopii, żeby nie stracić ich ustawień.

Często pracujemy też w odwrotnym kierunku: przenosimy strony z WPBakery, Divi czy Elementora na Gutenberga z Kadence Blocks. Odtwarzamy układ na blokach, zachowujemy adresy URL i treści, a na koniec czyścimy bazę z pozostałości po poprzednim kreatorze. To dobra droga, gdy chcesz uniezależnić stronę od ciężkiego kreatora. Przy okazji przygotowujemy wzorce, dzięki którym kolejne podstrony powstają szybciej niż w starym narzędziu.

05

Wzorce i style globalne dla redakcji

Edytor blokowy z Kadence Blocks daje redakcji dużą swobodę. Żeby strona pozostała spójna, przygotowujemy zestaw wzorców: sekcje nagłówkowe, bloki z ofertą, listy korzyści, sekcje opinii i CTA. Wzorce korzystają z globalnej palety i typografii, więc zmiana kolorów marki aktualizuje całą stronę.

Elementy, które mają wyglądać wszędzie identycznie, na przykład blok kontaktu czy baner kampanii, zapisujemy jako wzorce synchronizowane. Redakcja wstawia je jednym kliknięciem, a my możemy je zaktualizować w jednym miejscu.

  • Wzorce sekcji dla typowych treści
  • Wzorce synchronizowane dla stałych elementów
  • Globalna paleta i typografia
  • Instrukcja dla redakcji

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 motywie
  • Informacja, czy korzystasz z wersji Pro Kadence Blocks
  • Projekt graficzny lub identyfikacja wizualna
  • Typy podstron, które będą dodawane w przyszłości
  • Osoby, które będą edytować stronę
06

Kadence Blocks z motywem Kadence lub innym

Kadence Blocks działa z większością nowoczesnych motywów, ale najlepiej współpracuje z motywem Kadence, z którym dzieli ustawienia palety i typografii. Przy nowych stronach zwykle proponujemy ten zestaw, bo upraszcza konfigurację i utrzymanie.

Jeśli strona ma już inny motyw, sprawdzamy, czy jego ustawienia nie kolidują z blokami, i przenosimy kluczowe style do jednego miejsca. Dzięki temu bloki wyglądają spójnie z resztą strony, a edycja nie wymaga znajomości dwóch systemów ustawień.

07

Jak budujemy stronę na Kadence Blocks

  1. 01

    System projektu

    Ustalamy paletę, typografię, szerokości treści i odstępy w motywie, żeby bloki od początku korzystały ze wspólnych ustawień.

  2. 02

    Wzorce sekcji

    Projektujemy powtarzalne sekcje jako wzorce – ofertę, zespół, FAQ, kontakt – a następnie składamy z nich kolejne podstrony.

  3. 03

    Treści i podstrony

    Wypełniamy podstrony treścią, dopracowujemy widoki mobilne oraz konfigurujemy formularze i elementy interaktywne.

  4. 04

    Kontrola i szkolenie

    Mierzymy szybkość, sprawdzamy poprawność bloków w edytorze i pokazujemy Twojemu zespołowi, jak korzystać ze wzorców.

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.

Czym Kadence Blocks różni się od Elementora?

Elementor to osobny edytor z własnym formatem zapisu, który przy budowie układu zastępuje edytor WordPressa. Kadence Blocks działa wewnątrz Gutenberga i dodaje do niego nowe bloki, a treść zapisuje w standardowym formacie bloków. W praktyce oznacza to zwykle lżejszy kod i mniejszą zależność od jednej wtyczki, kosztem nieco mniej swobodnej edycji wizualnej.

Czy muszę używać motywu Kadence?

Nie, Kadence Blocks działa z innymi motywami zgodnymi z edytorem blokowym. Motyw Kadence daje jednak wygodne połączenie: paletę globalną, ustawienia typografii i kreator nagłówka, z których bloki korzystają bezpośrednio. Przy innym motywie część tych ustawień trzeba skonfigurować osobno. Dobór motywu ustalamy na etapie projektu.

Co się stanie z treścią, jeśli wyłączę Kadence Blocks?

Teksty i obrazy zostaną, bo są zapisane jako HTML, ale bloki Kadence stracą style i funkcje – zakładki czy akordeony przestaną działać, a układ kolumn się rozsypie. W edytorze takie bloki zostaną oznaczone jako nieobsługiwane. To jednak sytuacja znacznie łatwiejsza do opanowania niż przy kreatorach opartych na shortcode’ach.

Czy na Kadence Blocks da się zbudować sklep?

Tak, bloki dobrze współpracują z WooCommerce – można nimi zbudować stronę główną sklepu, opisy kategorii czy landing page promocji. Karty produktów, koszyk i zamówienie obsługują WooCommerce i motyw. W sklepie dbamy o to, żeby bloki nie dokładały zbędnego kodu tam, gdzie szybkość liczy się najbardziej, czyli na listach produktów.

Edytor pokazuje błąd bloku – co to znaczy?

Komunikat o nieoczekiwanej lub nieprawidłowej treści bloku pojawia się, gdy zapisany kod nie zgadza się z tym, czego oczekuje wtyczka – np. po ręcznej edycji HTML albo zmianie sposobu zapisu. Zwykle da się to naprawić bez utraty treści. Robimy to ostrożnie, na kopii, bo nieprzemyślane „odzyskiwanie” bloku może zmienić jego ustawienia.

Bezpłatna wycena

Zapytaj o: Kadence Blocks

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: Kadence Blocks

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