Baner główny (hero) to duży baner z obrazem lub filmem za tekstem i przyciskami. Znajduje się na stronie głównej i często jest pierwszą rzeczą, którą widzą klienci.
Dodaj baner główny
- Otwórz kreator i wybierz Strona główna na karcie Strony.
- Na karcie Sekcje kliknij Dodaj nową sekcję i wybierz Baner główny z grupy Treść.
- Wybierz media, napisz tekst i kliknij Opublikuj.
Baner główny jest dostępny tylko na stronie głównej i możesz dodać jeden na stronę. Aby go przenieść, skopiować lub ukryć, zobacz Sekcje i bloki
Media i wysokość
- Tryb: Pojedynczy pokazuje jeden obraz lub film. Podzielony pokazuje dwa, ustawione w Media 1 i Media 2. Są obok siebie, gdy Kierunek treści to Pionowy, i jeden nad drugim, gdy to Poziomy. Na telefonach zawsze są jeden pod drugim.
- Media 1 i Media 2: obraz lub film z biblioteki mediów. Film odtwarza się bez dźwięku, w pętli, jako ruchome tło.
- Wysokość: Mały, Średni, Duży, Pełny ekran (wypełnia ekran), Obraz (dopasowuje się do kształtu pierwszego obrazu, więc nic nie jest przycinane) lub Niestandardowy. Przy Niestandardowym Niestandardowa wysokość ustawia wysokość jako część wysokości ekranu. Nowe banery zaczynają z ustawieniem Obraz.
Tekst i przyciski na wierzchu
Zaznacz baner i kliknij Dodaj nowy blok, aby dodać treść nad mediami: do 2 bloków Tekst, 2 Przycisk, 2 Grupa i 2 Separator. Ich ustawienia są w artykule Bloki Grupa, Tekst, Przycisk i Separator: jak działają ustawienia komponentów układu?
W części Układ rozmieszczasz tę treść:
- Kierunek: Pionowy układa bloki jeden pod drugim, Poziomy obok siebie. Przy Poziomym Ułóż pionowo na urządzeniach mobilnych układa je jeden pod drugim na telefonach.
- Pozycja i Wyrównanie: przesuwają treść w górę lub w dół oraz w lewo lub w prawo, na przykład na dół po lewej lub na środek. Odstęp między rozsuwa bloki.
- Szerokość treści: Strona trzyma treść w szerokości strony, Pełny pozwala jej sięgać krawędzi ekranu. Media zawsze wypełniają całą szerokość.
Odstęp (w części Odstępy) ustawia przestrzeń między blokami, a Wypełnienie wewnętrzny przestrzeń wokół nich.
Kolory i nakładka
- Schemat kolorów: kolory tekstu i przycisków banera. Zobacz Schematy kolorów.
- Nakładka mediów: dodaje warstwę koloru na media, aby tekst był łatwiejszy do przeczytania. Następnie ustaw Kolor nakładki i Styl nakładki: Jednolity równomiernie pokrywa media, Gradient stopniowo wygasza kolor. Kierunek gradientu (W górę lub W dół) ustawia, w którą stronę zanika.
Karta Niestandardowy CSS pozwala dodać własny CSS tylko do tego banera.
Typowe zadania
- Nagłówek nad banerem: włącz Przezroczysty nagłówek w ustawieniach nagłówka. Działa tylko wtedy, gdy baner znajduje się bezpośrednio pod nagłówkiem. Zobacz Ustawienia nagłówka.
- Wyśrodkowany tytuł i przycisk: Kierunek Pionowy, a potem Pozycja i Wyrównanie na Środek.
- Biały tekst na jasnym zdjęciu: włącz Nakładkę mediów z ciemnym Kolorem nakładki i stylem Gradient.
Warto wiedzieć
- Jeśli film w banerze się nie rusza, sprawdź Automatyczne odtwarzanie filmów na karcie ustawień Automatyzacje. Gdy jest wyłączone, filmy w tle stoją w miejscu. Zobacz Ustawienia automatyzacji.
- Jeśli rozmiar pierwszego obrazu nie jest znany, wysokość Obraz używa zamiast tego wartości Średni.
- Potrzebujesz banera na innej stronie? Baner główny jest tylko na stronę główną, ale sekcja Obraz działa na każdej stronie. Zobacz Sekcje Tekst, Obraz i Separator.