Sekcje w edytorze – podstawy

06.02.2019

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

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ść. Na landingu widoczny jest jako niebieskie, przerywane linie.

Każdy z elementów, który dodajesz do swojego landinga, może znajdować się TYLKO W OBSZARZE DANEJ SEKCJI, czyli wewnątrz obszaru pomiędzy niebieskimi liniami. Jeśli umieścisz któryś z elementów poza obszarem sekcji, nie zostanie on umieszczony na landing page.

Sekcje w edytorze

Sekcje możesz dodawać  za pomocą funkcji przeciągnij i upuść (drag & drop). Przeciągając widget z lewego menu do obszaru roboczego sekcji, zostanie ona podświetlona na niebiesko. Po upuszczeniu sekcji w odpowiednim miejscu. system umożliwi wybór ilości kolumn, jakie chcesz ustawić w dodawanej sekcji.

2. Kolumny w nowej sekcji

Aby dodać nową sekcję do landinga, przeciągnij ją do niebieskiego obszaru pomiędzy starymi sekcjami. Pojawi się nowe okno z wyborem ilości kolumn:

Sekcje w edytorze

W zależności od tego, ile kolumn wybierzemy, tak będą układały się elementy na widoku mobilnym (1 kolumna od lewej na widoku desktopowym –> pierwsza kolumna od góry na widoku mobilnym). 

Aby uniknąć „rozjeżdżania się” elementów na widoku mobilnym, rekomendujemy wybór większej ilości kolumn w sekcji.

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

3. Rozmiary sekcji

1. Możesz regulować wysokość sekcji na dwa sposoby:

  • za pomocą opcji widgetu po prawej stronie okna (wcześniej zaznaczając daną sekcję kliknięciem);
  • przeciągając strzałki znajdujące się na krawędzi sekcji.
Sekcje w edytorze

2. Możesz również dostosować szerokość całego landinga z 960px do 1200px.

Sekcje w edytorze

4. Tło sekcji

Sekcje nadają się świetnie do ustanawiania tła landing page’a – możesz zmienić jednolity kolor,  ustawić wybrany obrazek albo gradient. Aby dostosować tło do całego ekranu, zaznacz opcję – „Rozszerz„.

Sekcje w edytorze

To tyle, jeśli chodzi o podstawy dopasowania sekcji.

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 LP wyświetlany na różnych widokach będzie wyglądał równie efektownie!

Czy ten artykuł był dla Ciebie pomocny?

Nadal potrzebujesz pomocy?

Skontaktuj się z naszym supportem. Chętnie pomożemy.
Wyślij nam wiadomość
Ta strona używa plików cookies w celach analitycznych. Polityka prywatności.