Menu
Основные элементы сайта: колонки и секции
В данном видео-уроке будет разобрано расположение основных элементов сайта, с именно секции и колонки.
Тема урока: "расположение секций и колонок"
Добрый день. Сегодня мы разберем такой вопрос: как располагаются основные элементы сайта, а именно секции и колонки.
Секции и колонки в Elementor
В Elementor все элементы имеют своё собственное, строго установленное место, и именно там они и находятся. Все разделы делятся на секции и на колонки. (Рис.1)
Секции всегда располагаются горизонтально и занимают все пространство.
На рисунке 2 видно, что в одной секции находится 3 колонки. В одной секции может быть как одна, так и несколько колонок. Однако обычно больше 5-6 штук не требуется, кроме того, большое количество колонок в одной секции будет портить внешний вид сайта.
Зачем нужны колонки?
Колонки позволяют располагать текст рядом друг с другом так, чтобы каждый текст не мешал соседнему.
Как создается колонка в Elementor.
Для того чтобы создать секцию, кликните на «плюс» как показано на данном примере (Рис.3).
После нажатия на «плюс» внизу откроется панель с вариантами количества колонок в создаваемой секции (Рис.4).
В колонки можно вставить текст и изображения. Также можно добавить подколонки в любую колонку перетащив туда элемент «внутренняя секция» (Рис.5).
Если Вы хотите добавить еще одну колонку, то можно нажать на любую из имеющихся колонок правой кнопкой мыши и нажать «дублировать», тогда получится еще одна колонка. (Рис.6).
Параметры колонки секции в Elementor.
Колонка имеет ширину, которую можно задавать, нажав на нее (слева появится поле параметров колонки). Можно задавать это значение в цифровом варианте или потянув за ее край мышкой. Не понятно
Параметры секции в Elementor.
Этому элементу также можно задавать нужные параметры. Максимум 1600, можно задать размер “во всю ширину”, тогда секция будет растягиваться во весь экран. Стандартный размер секции – 1140. Так построен весь сайт.
Спасибо за внимание. В следующем уроке мы разберем тему «Визуальный вид изображения».