Sekcje w edytorze – podstawy

Zaktualizowano: 12 stycznia, 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.

      Poniżej możesz obejrzeć krótki tutorial (EN), jak pracować z sekcjami:

      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?