Основные элементы сайта: колонки и секции

В данном видео-уроке будет разобрано расположение основных элементов сайта, с именно секции и колонки.

Тема урока: "расположение секций и колонок"

Добрый день. Сегодня мы разберем такой вопрос: как  располагаются основные элементы сайта, а именно секции и колонки.

Секции и колонки в Elementor

В Elementor все элементы имеют своё собственное, строго установленное место, и именно там  они и находятся. Все разделы делятся на секции и на колонки. (Рис.1)

секции и колонки на странице сайта
Рисунок 1 - секции и колонки на странице сайта

Секции всегда располагаются горизонтально и занимают все пространство.

На рисунке 2 видно, что в одной секции находится 3 колонки. В одной секции может быть как одна, так и несколько колонок. Однако обычно больше 5-6 штук не требуется, кроме того, большое количество колонок в одной секции будет портить внешний вид сайта.

колонки сайта elementor
Рисунок 2 - колонки

Зачем нужны колонки?

Колонки позволяют располагать текст рядом друг с другом так, чтобы каждый текст не мешал соседнему.

Как создается колонка в Elementor.

Для того чтобы создать секцию, кликните на «плюс» как показано на данном примере (Рис.3).

создание новой секции elementor
Рисунок 3 - создание новой секции

После нажатия на «плюс» внизу откроется панель с вариантами количества колонок в создаваемой секции (Рис.4).

варианты структуры колонок elementor
Рисунок 4 - варианты структуры колонок

В колонки можно вставить текст и изображения. Также можно добавить подколонки в любую колонку перетащив туда элемент «внутренняя секция» (Рис.5).

добавление внутренней секции
Рисунок 5 - добавление внутренней секции

Если Вы хотите добавить еще одну колонку, то можно нажать на любую из имеющихся колонок правой кнопкой мыши и нажать «дублировать», тогда получится еще одна колонка. (Рис.6).

добавление колонки к имеющимся elementor
Рисунок 6 - добавление колонки к имеющимся

Параметры колонки секции в Elementor.

Колонка имеет ширину, которую можно задавать, нажав на нее (слева появится поле параметров колонки). Можно задавать это значение в цифровом варианте или потянув за ее край мышкой. Не понятно

Параметры секции в Elementor.

Этому элементу также можно задавать нужные параметры. Максимум 1600, можно задать размер “во всю ширину”, тогда секция будет растягиваться во весь экран. Стандартный размер секции – 1140.  Так построен весь сайт.

Спасибо за внимание. В следующем уроке мы разберем тему «Визуальный вид изображения».