Секции и разделы Divi

Секции и разделы – это самые крупные организационные элементы Divi

Разделы и секции — самые большие строительные блоки в Divi builder. Вы можете рассматривать их как горизонтальные блоки, которые могут группировать ваш контент в визуальные области. В Divi все, что вы строите, начинается с раздела. Это оболочка вашего контента.  Она имеет различные параметры, которые можно использовать для создания действительно удивительных вещей.

 

Секции и разделы Divi

 

Фоновое изображение — Если определено, это изображение будет использоваться в качестве фона для этого модуля. Для удаления фонового изображения, просто удалите URL в поле настроек.

-Включение этой опции удалит цвет фона этого раздела, что позволяет показать цветовой фон веб-сайта или фоновое изображение.

Цвет фона — Определяет цвет фона для вашего модуля. Оставьте поле пустым, чтобы использовать цвет по умолчанию.

Фоновое видео MP4 — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .mp4 версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты.

Фоновое видео WEBM — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .WEBM версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты.

Фоновая ширина видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную ширину видео (в пикселях) здесь.

Высота фонового видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную высоту видео (в пикселях) здесь.

Останавливать видео, если другое видео запущено на странице.
 
— здесь вы можете выбрать, имеет ли ваша секция внутреннюю тень или нет. Это может прекрасно выглядеть, когда у вас есть цветной фон или фоновое изображение.

Эффект параллакса — если включено, фоновое изображение останется фиксированным при прокрутке страницы, создавая интересный параллакс-эффект.

Настройте отступ конкретными значениями или оставьте поле пустым, чтобы использовать отступ по умолчанию.
 
— Это выключит модуль на выбранных устройствах (десктоп, планшет или телефон).
 
 
 
Секции и разделы Divi demo

 

 

Использование полноэкранных секций

 

Полноэкранные секции открывают вам доступ к отдельному набору полноэкранных и широкоформатных модулей. Эти модули, в отличии от стандартных, используют всю ширину браузера. Эти модули могут быть размещены только в полноэкранных секциях.

 

Секции и разделы Divi

 

После того, как вы добавите новую полноэкранную секцию на свою страницу, вы можете нажать кнопку «Добавить модули» для вставки широкоформатных модулей. В отличие от стандартного раздела, здесь нет понятия строк или столбцов, так как эти модули всегда используют 100% экрана. Полноэкранные модули – это отличный способ добавить визуальный разрыв страницы!

 

Секции и разделы Divi

 

Отличным примером полноэкранного модуля является широкоформатный слайдер. Этот слайдер работает так же, как и обычный слайдер, за исключением того, что он занимает все 100% ширины экрана. Отображение слайдера в таком масштабе может быть довольно ошеломляющим, просто посмотрите пример divi demo.

 

Divi demo sections

 

 

Использование специальных секций

 

Специальные секции были созданы, чтобы создавать более сложные структуры столбцов (колонок). В отличие от обычных разделов, когда вы используете специальную секцию, вы можете добавить сложные варианты столбцов рядом с полными вертикальными боковыми панелями, не добавляя нежелательных разрывов на странице. Такие типы макетов невозможно создать, используя только стандартные разделы.

 

Секции и разделы Divi

 

Как только вы добавите на страницу специальную секцию, вы заметите, что в одной или двух областях имеется кнопка «добавить модуль», а в другой — кнопка «вставить колонку». Область «вставить модуль» представляет вашу вертикальную боковую панель. Вы можете добавить в неё необходимое количество модулей, и они будут занимать всю вертикаль, формируя боковую панель. Нажатие «вставить строку» позволит вам вставить дополнительные ряды слева / справа от боковой панели.  В первом приближении, это можно рассматривать как добавление строк в строки!

 

Секции и разделы Divi

 

Результатом является способность создавать практически любую структуру столбцов, о которой вы могли мечтать, и независимо от того, какую структуру вы выбрали, сочетание будет отлично смотреться! Ниже приведен пример макета страницы, созданного с использованием специальных разделов. Как вы можете видеть,  это двусторонний макет, с двумя боковыми панелями слева / справа от сложной структуры столбца посередине.

 

Секции и разделы Divi демо