Sekcje w edytorze – podstawy

Zaktualizowano: 14 maja, 2021 Autor: Avatar Justyna
share
Spis treści
share
Spis treści

Sekcje to jeden z podstawowych elementów budujących Twój landing page.
Odpowiadają one za rozmieszczenie elementów na stronie.

Zobacz wideo tutorial (EN):

1. Obszar sekcji

Obszar sekcji to w skrócie obszar, który będzie widoczny na każdym monitorze, bez względu na jego rozdzielczość. Mieści się pomiędzy dwoma niebieskimi, przerywanymi liniami.

Elementy z pasku widgetów możesz umieszczać tylko w obszarze aktywnym sekcji, czyli wewnątrz obszaru pomiędzy niebieskimi, przerywanymi liniami

2. Dodawanie nowej sekcji

1. Po lewej stronie edytora odszukaj widget Sekcja, następnie przeciągnij go i upuść w obszar aktywny Twojego landing page’a.

2. Wybierz ilość kolumn. Elementy w sekcji z podziałem na kolumny są uporządkowane. W widoku mobilnym kolumny układają się jedna nad drugą, od lewej do prawej w pionie. Możesz je dowolnie przesuwać – nie wpływa to na ustawienie kolumn w widoku desktopowym.

Widok dekstopowy – sekcja z trzema kolumnami

Widok mobilny

Więcej o dostosowaniu widoku mobilnego znajdziesz w tym artykule.

3. Rozmiary sekcji

1. Możesz regulować wysokość sekcji na dwa sposoby. Kliknij w sekcję. Po kliknięciu pojawi się menu podręczne wybranej sekcji (1) i panel boczny (2). Menu podręczne wyświetli się także po kliknięciu prawym przyciskiem myszki.

2. Zmień wysokość sekcji w panelu bocznym lub użyj strzałek.

3. Możesz również dostosować szerokość całego landing page'a. Wejdź w Ustawienia strony i wybierz jedną z czterech szerokości.

4. Tło sekcji

Masz do wyboru aż cztery rodzaje tła – pełny kolor, gradient, obraz oraz wideo (z YouTube lub Vimeo). Wybierz Rozszerz (1), jeżeli tło ma znajdować się na całej szerokości sekcji. Tutaj dowiesz się więcej o rodzajach tła dla sekcji.

5. Przypinanie sekcji

Pierwszą i ostatnią sekcję możesz przypiąć na samej górze lub na samym dole landing page'a. Dzięki temu sekcja pozostanie widoczna podczas przewijania strony. Na górze strony możesz przykładowo przypiąć menu a na dole formularz zapisu na newsletter lub dane kontaktowe. 

Funkcja przypinania sekcji znajduje się w menu podręcznym (1) oraz panelu bocznym (2)

6. Kopiowanie sekcji do innego landing page'a

Skopiowanie sekcji i umieszczenie jej na innym landing page'u to tylko kilka kroków. Skopiować możesz tylko układ i widgety sekcji, tło będzie dostosowane do tła drugiego landing page'a.

1. Kliknij w wybraną sekcję, w menu podręcznym kliknij w drugi kafelek.

2. Teraz możesz przejść do edytora landing page'a, na którym chcesz umieścić skopiowaną sekcję. Wklej ją w dowolnym miejscu używając CTLR +V.

7. Ukrywanie sekcji

Możesz ukryć wyświetlanie danej sekcji na landing page'u dla wybranego widoku (desktopowego lub mobilnego).

W panelu po prawej stronie kliknij w ikonę monitora (dla widoku desktopowego) lub smartfona (dla widoku mobilnego) w zależności od tego, na jakim widoku chcesz ukryć wyświetlanie sekcji. Biała ikona oznacza, że sekcja jest niewidoczny na wybranym widoku.

RADA:
Zaplanuj dokładnie rozkład elementów na swoim landing page’u i dobierz odpowiednią ilości kolumn w sekcjach – dzięki temu Twój landing page wyświetlany na różnych widokach będzie wyglądał równie efektownie!

share

Czy ta instrukcja była pomocna?