# Kreator nagłówka i stopki zbudowany z prawdziwych bloków URL: https://canvaswp.com/pl/header-builder/ Updated: 2026-11-05 Kreator nagłówka Nagłówki, stopki, górne paski, mega menu, panele boczne, tytuły stron i hero to wpisy, które projektujesz w edytorze bloków, a następnie przypisujesz do całej witryny lub pojedynczej strony. [Zobacz to w demach](https://canvaswp.com/pl/demos/) [Jak działa edytor](https://canvaswp.com/pl/editor/) Zaktualizowano 5 listopada 2026 Jak tworzy się nagłówek ## Bloki zagnieżdżone w oczekiwany sposób Rekord nagłówka zawiera Header Root. Header Root zawiera Container, a Container zawiera Zones. Zone to komórka w rzędzie nagłówka: logo w jednej, menu w następnej, a ikona wyszukiwania i koszyk w ostatniej. ### Strefy wyznaczają układ Strefa decyduje, co gdzie się znajduje. Przesuń jedną w prawo, zgrupuj wyszukiwarkę i koszyk w jeden klaster albo pozostaw strefę bez dodatków, jeśli chcesz uprościć kod HTML. - Strefy zmieniają kolejność dla każdego punktu przerwania, więc jeden rekord obejmuje komputery, tablety i telefony - Każdą strefę można ograniczyć do wybranej kategorii urządzeń, tak aby nie pojawiała się w kodzie na pozostałych. - Dodatkowe klasy na strefie, jeśli chcesz się do niej odwołać z własnego CSS [Wszystkie bloki w bibliotece](https://canvaswp.com/pl/blocks/) ### 22 bloki nagłówka #### Header Root Sam nagłówek. Wszystkie pozostałe elementy są w nim zagnieżdżone. #### Header Container Kontener szerokości, dzięki któremu nagłówek może być ograniczony, na pełną szerokość albo jedno i drugie, przy różnych punktach przerwania. #### Header Zone Komórka w wierszu nagłówka. Strefy zawierają elementy i decydują o ich położeniu. #### Header Logo Logo z osobnymi plikami dla stanów przyklejonego i ciemnego. #### Header Navigation Główne menu z rozwijanymi listami i panelami mega menu. #### Header Search Ikona wyszukiwania, która otwiera pole, albo pole, które jest zawsze otwarte. #### Header Cart Koszyk WooCommerce z liczbą produktów i rozwijanym podsumowaniem. #### Header Social Rząd ikon mediów społecznościowych z profili ustawionych tylko raz. #### Header Button Przycisk wezwania do działania z typowymi ustawieniami rozmiaru, stylu i linku. #### Header Icon Link Pojedyncza ikona, która prowadzi do dowolnego miejsca, np. numeru telefonu lub strony konta. #### Header Info Niewielki blok ze szczegółami kontaktowymi, adresem lub godzinami otwarcia. #### Header Shop Search Wyszukiwarka produktów dla sklepów, ograniczona do katalogu. #### Header Topbar Umieszcza wpis paska górnego nad wierszem nagłówka. #### Mega Menu Column Kolumna wewnątrz panelu mega menu, dzięki czemu panel może zawierać rzeczywisty układ. Gotowe układy ## 7 presetów na start Gotowy zestaw to pakiet ustawień układu, który stosuje się jednym kliknięciem. Wybierz pożądane zachowanie, a potem w ustawieniach bloku zmień dowolne wartości. ### Przejrzystość Brak tła, więc to, co znajduje się za nagłówkiem, będzie widoczne. ### Półprzezroczysty Półprzezroczyste tło, dzięki któremu obraz za nim pozostaje widoczny, a tekst czytelny. ### Pływający Nagłówek unosi się wewnątrz strony, z odstępem od każdej krawędzi. ### Pływający, półprzezroczysty Pływający, także z półprzezroczystym tłem. ### Pływający i mały Pływający nagłówek o zmniejszonej wysokości. ### Pełna szerokość, przyklejony Zajmuje całą szerokość widocznego obszaru i pozostaje przypięty podczas przewijania strony. ### Przyklejony przy przewijaniu w górę Nagłówek znika u góry, gdy odwiedzający przewija stronę w dół, i pojawia się ponownie, gdy przewija ją w górę. Elementy wielokrotnego użytku ## Górne paski, mega menu i panele boczne są także rekordami Zaprojektuj każdy z nich raz, ustaw go jako domyślny dla witryny, a następnie nadpisz na stronach, które wymagają innego rozwiązania. ### Górne paski Pasek górny to osobny rekord z własnymi blokami: numer telefonu, godziny otwarcia, przełącznik języka, promocja. Blok Header Topbar umieszcza go nad wierszem nagłówka. Przypisz go globalnie i nadpisz dla poszczególnych stron. Pasek górny, który można edytować, ma 12 dem z 88 dem. ### Mega menu Mega menu to rekord, który projektuje się z bloków i renderuje blokiem Mega menu. Element menu otwiera następnie panel na pełną szerokość, który może zawierać kolumny, obrazy, przyciski lub dowolny inny blok. Mega Menu Column utrzymuje panel na siatce. 5 dem zawiera go w zestawie. ### Panele boczne Panel boczny to rekord, który wsuwa się od krawędzi ekranu, na drugorzędne menu, koszyk, formularz kontaktowy lub zestaw szczegółów, które przeciążyłyby nagłówek. W 6 demach panel boczny jest już połączony z wyzwalaczem. Przypisanie elementu odbywa się w ustawieniach: wybierz domyślny panel boczny, krawędź, z której się wysuwa, czy przesuwa stronę, czy unosi się nad nią, oraz wygląd przycisku wyzwalającego. Paski górne, mega menu i stopki przypisuje się w ten sam sposób. Opcje nagłówka ## 94 pola, największa sekcja w Opcjach motywu Opcje motywu zawierają ustawienia nagłówka obowiązujące w całej witrynie, których nie powinien przechowywać żaden pojedynczy rekord. Import dema ustawia je wszystkie automatycznie, a te, na których zależy, można zmienić. - 94 z 533 pól Opcji motywu należy do nagłówka - Ustaw domyślny rekord nagłówka, a następnie nadpisz go na dowolnej stronie. - Zachowanie sticky, wysokość, odstępy i punkty przełamania dla urządzeń mobilnych - Każde pole opisano w artykułach referencyjnych [Wszystkie 533 pola w Opcjach motywu](https://canvaswp.com/pl/features/#options) **Opcje motywu, nagłówek.** Sam panel, sfotografowany w działającej witrynie. Wzorce ## 40 gotowych wzorców nagłówków, od których można zacząć Wstaw wzorzec, a otrzymasz zwykłe bloki, które można przestawiać, zmieniać im nazwy i usuwać. Nic nie jest zablokowane i nic nie jest zrzutem ekranu układu, do którego nie masz dostępu. - 40 wzorców nagłówków, więcej niż w jakiejkolwiek innej kategorii - 16 wzorów stopki dla drugiego końca strony - 183 wzorce łącznie, przypisanych do 17 kategorii - Wstawiane z zakładki Wzorce w dotychczasowym wstawiaczu bloków [Wzorce według kategorii](https://canvaswp.com/pl/editor/#patterns) Kreator stopki ## Stopki i paski praw autorskich to osobne elementy Stopka działa dokładnie jak nagłówek. Element Footer przechowuje kolumny, a element Copyrights to cienki pasek pod nimi, więc tekst prawny można zmienić w całej witrynie bez ingerencji w projekt powyżej. ### Sześć bloków i 17 opcji Footer About dla krótkiego opisu firmy, Footer Contacts dla adresu i telefonu, Footer Instagram dla kanału, Footer Widget Area dla dowolnych treści obsługiwanych przez widżet, Widget Links dla uporządkowanej kolumny linków, a Copyrights dla dolnego paska. - Przypisz stopkę globalnie lub osobno dla każdej strony, tak jak nagłówek - Osobny rekord praw autorskich dla paska poniżej - 16 wzorców stopek, od których warto zacząć - Podgląd w obszarze edycji podczas tworzenia strony **Opcje motywu, Stopka.** 17 pól na poziomie witryny, powiązane z rekordami stopki. Tytuły stron ## 4 style lub zaprojektuj własny Sekcja pod nagłówkiem to pełnoprawna przestrzeń projektowa, z 57 opcjami i możliwością nadpisania ustawień dla każdej opublikowanej strony. **Opcje motywu, Tytuł strony.** 57 pól, trzecia co do wielkości sekcja w produkcie. ### Domyślny, Mini, Szablon lub Niestandardowy Domyślny to standardowy pasek. Mini to kompaktowa wersja do podstron wewnętrznych. Szablon wybiera jeden z nazwanych, wyspecjalizowanych układów. Niestandardowy wyświetla zapis Tytułu strony, zbudowany samodzielnie z bloków. - Bloki: Tytuł strony, Nagłówek, Podtytuł, Okruszki nawigacji i Przyciski - Ustawienie domyślne dla całej witryny, które może nadpisać każda pojedyncza strona - Tło, wysokość, wyrównanie i ścieżka nawigacyjna to wszystkie ustawienia [Tytuły stron na liście funkcji](https://canvaswp.com/pl/features/#page-titles) Sekcje hero i suwaki ## Umieszczone w szablonie przez blok slotu Hero i slidery są osobnymi rekordami, podobnie jak nagłówki. Blok slotu znajduje się w szablonie bloków i pobiera hero lub slider przypisany do oglądanej strony. - Rekordy Hero i Slider, oba zbudowane z bloków - Bloki Hero Slot i Slider Slot znajdują się w szablonie, a nie w treści - Jeden szablon obsługuje każdą stronę, a każda ma własny wstęp - 12 z 88 dem zawiera edytowalny suwak [Sekcje hero i suwaki](https://canvaswp.com/pl/features/#heroes) W edytorze ## Nagłówek budujesz w miejscu, w którym go zobaczysz Bloki slotów przenoszą nagłówek, pasek górny, tytuł strony, hero i stopkę do obszaru edycji, dzięki czemu strona otwiera się wyglądając jak strona, a nie jak pudełko akapitów. Strona w edytorze bloków, z nagłówkiem i stopką wyświetlanymi wokół treści tym samym kodem, który wyświetla je odwiedzającym. ### Jeden renderer Nagłówek, który widzisz w edytorze, jest rysowany tym samym kodem, który rysuje go dla odwiedzających, więc nie trzeba utrzymywać osobnego podglądu, który mógłby się rozjechać z rzeczywistością. ### Globalnie lub osobno dla każdej strony Ustaw domyślny nagłówek, pasek górny, tytuł strony, hero i stopkę dla całej witryny, a następnie zmień dowolny z nich na pojedynczej stronie w jej własnych ustawieniach. ### Responsywność z założenia Strefy zmieniają kolejność dla każdego punktu przełamania i mogą być ograniczone do poziomu urządzenia, więc układ na telefonie można sprawdzić w edytorze, zanim zobaczy go ktokolwiek inny. [Wszystko, co oferuje edytor](https://canvaswp.com/pl/editor/) Pytania ## O kreatorze nagłówka Pozostałe odpowiedzi znajdziesz w [pełnym FAQ](https://canvaswp.com/pl/faq/) i w [dokumentacji](https://docs.canvaswp.com/how-to-build-a-header). **Czy potrzebuję osobnego nagłówka na urządzenia mobilne?** Pojedynczy nagłówek Canvas zwykle obsługuje też wersję mobilną, ponieważ strefy zmieniają kolejność dla każdego punktu przełamania, a każdą można ograniczyć do wybranej kategorii urządzeń. Jeden rekord nagłówka może przenieść logo na środek na telefonie, ukryć dane kontaktowe i schować menu za przełącznikiem. Drugi rekord warto utworzyć tylko wtedy, gdy naprawdę potrzebujesz innego projektu, a nie po to, by naprawić układ. **Czy jedna strona może używać innego nagłówka?** Tak, każdy nagłówek, pasek górny, tytuł strony i stopka Canvas ma domyślne ustawienie dla całej witryny oraz nadpisanie dla pojedynczej strony, dzięki czemu landing page może mieć przezroczysty nagłówek i pasek górny z samym logo, a reszta witryny zachowuje własne ustawienia. **Czy nagłówek to obszar widżetów, czy menu?** Nagłówek Canvas nie jest ani jednym, ani drugim: to rekord edytowany w edytorze bloków, dokładnie tak jak strona. Nawigacja, logo, wyszukiwarka, koszyk i przyciski w jego obrębie to bloki z własnymi panelami ustawień. **Co się stanie z moim nagłówkiem, gdy licencja wygaśnie?** Gdy licencja Canvas wygaśnie, nagłówek i pozostała część witryny nadal będą wyświetlane dokładnie tak jak dziś. Wstrzymaniu ulega natomiast usługa: aktualizacje, importowanie dem, AI i edycja premium bloków, do czasu odnowienia licencji. Jeśli sprawdzenie licencji nie może połączyć się z naszymi serwerami, obowiązuje 14-dniowy okres karencji. **Czy nadal można korzystać z Edytora witryny?** Tak, Canvas jest zbudowany na prawdziwych szablonach blokowych, więc szablony i części szablonów pozostają tam, gdzie WordPress je przechowuje, a rekord nagłówka jest umieszczany w szablonie przez blok. [Przeczytaj, jak działa edytor](https://canvaswp.com/pl/editor/).