Секции

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

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

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

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

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

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

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