Безплатно! Онлайн събитие: AI за 10x продуктивност Регистрация тук.
Секции
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.
Секциите като основен градивен елемент в Elementor
Секциите са фундаменталната структурна единица в Elementor, която ви позволява да организирате съдържанието на вашия сайт. В този урок научихме как да създадем скелета на лендинг страница, използвайки секции с различен брой колони и отстояния, които следват предварително изготвен дизайн във Figma.
Стъпка по стъпка изграждане на структура с секции
- Започнете с изчистване на съществуващото съдържание на страницата
- Анализирайте дизайна и определете броя на необходимите секции (в примера - 8-9 секции)
- Добавете първата секция с една колона и задайте вътрешни отстояния (padding)
- Премахнете ненужните колони, ако секцията се генерира с повече
- Използвайте вътрешни отстояния вместо външни за правилно позициониране
- За секции с две колони, запазете структурата по подразбиране
- За по-сложни секции, комбинирайте различни структури:
- Секция с една колона за заглавия
- Секция с две колони за icon boxes
- Секция с четири колони за броячи (counters)
- Задайте подходящи отстояния според дизайна:
- За по-големи секции: 390px горе, 75px долу
- За стандартни секции: 50px горе и долу
Полезни настройки на секциите
Вътрешни отстояния (padding)
- определят разстоянието между съдържанието и границите на секциятаБрой колони
- можете да добавяте или премахвате колони според нуждите на дизайнаСвързване на стойности
- позволява да зададете еднакви стойности за всички страни едновременноСтруктура на секцията
- можете да имате секции с една, две, три или четири колони според нуждите
Този урок демонстрира как да създадете основната структура (скелет) на страницата, върху която по-късно ще добавите съдържание и стилове.