Перейти к содержимому
WebAssemble Community
  • Секции и разделы Divi theme

       (0 отзывов)

    Forall P.
    Обсуждение Скачать Divi theme

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

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

    1-4.jpg

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

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

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

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

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

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

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

    Остановить видео — Останавливать видео, если другое видео запущено на странице.

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

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

    Пользовательский внутренний отступ — Настройте отступ конкретными значениями или оставьте поле пустым, чтобы использовать отступ по умолчанию.

    Отключить на — Это выключит модуль на выбранных устройствах (десктоп, планшет или телефон).

    2-2 (1).jpg

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

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

    3-4.jpg

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

    4-3.jpg

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

    5-3.jpg

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

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

    6-3.jpg

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

    7-3.jpg

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

    8-3.jpg

    Спасибо автору: Divi по русски



    Отзывы пользователей

    Нет отзывов для отображения.


×