Допълнения към урока
Учебна програма Wordpress Elementor
3. Дизайн и работа с елементи

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.


Секциите като основен градивен елемент в Elementor

Секциите са фундаменталната структурна единица в Elementor, която ви позволява да организирате съдържанието на вашия сайт. В този урок научихме как да създадем скелета на лендинг страница, използвайки секции с различен брой колони и отстояния, които следват предварително изготвен дизайн във Figma.

Стъпка по стъпка изграждане на структура с секции

  1. Започнете с изчистване на съществуващото съдържание на страницата
  2. Анализирайте дизайна и определете броя на необходимите секции (в примера - 8-9 секции)
  3. Добавете първата секция с една колона и задайте вътрешни отстояния (padding)
    • Премахнете ненужните колони, ако секцията се генерира с повече
    • Използвайте вътрешни отстояния вместо външни за правилно позициониране
  4. За секции с две колони, запазете структурата по подразбиране
  5. За по-сложни секции, комбинирайте различни структури:
    • Секция с една колона за заглавия
    • Секция с две колони за icon boxes
    • Секция с четири колони за броячи (counters)
  6. Задайте подходящи отстояния според дизайна:
    • За по-големи секции: 390px горе, 75px долу
    • За стандартни секции: 50px горе и долу

Полезни настройки на секциите

  • Вътрешни отстояния (padding) - определят разстоянието между съдържанието и границите на секцията
  • Брой колони - можете да добавяте или премахвате колони според нуждите на дизайна
  • Свързване на стойности - позволява да зададете еднакви стойности за всички страни едновременно
  • Структура на секцията - можете да имате секции с една, две, три или четири колони според нуждите

Този урок демонстрира как да създадете основната структура (скелет) на страницата, върху която по-късно ще добавите съдържание и стилове.