Kreator nagłówka i stopki zbudowany z prawdziwych bloków
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.
Zaktualizowano
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
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.
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ę.
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.
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.
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
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
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
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.
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
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
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.
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.
Zbuduj kolejną witrynę w Canvas
Początkujący, freelancer czy agencja: wszyscy otrzymują te same bloki i dema. Zacznij od jednej witryny i buduj tyle, ile potrzebujesz, na tej samej licencji.