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
Co zyskujesz z Kadence Blocks
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.
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.
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.
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.
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.
Ł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.
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
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.
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.
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ę
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ń.
Jak budujemy stronę na Kadence Blocks
-
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ń.
-
02
Wzorce sekcji
Projektujemy powtarzalne sekcje jako wzorce – ofertę, zespół, FAQ, kontakt – a następnie składamy z nich kolejne podstrony.
-
03
Treści i podstrony
Wypełniamy podstrony treścią, dopracowujemy widoki mobilne oraz konfigurujemy formularze i elementy interaktywne.
-
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
- Opisujesz projektFormularz, telefon albo e-mail
- Dopytujemy o szczegółyKrótko i konkretnie
- Dostajesz wycenęZ zakresem prac i planem