Avada — разбивка страницы на контейнеры

Что мне больше всего нравится в теме Avada, так это разбивка страницы на контейнеры (блоки), с возможностью вставлять туда что угодно, при чем, эти блоки разной ширины и комбинаций. В каждый блок вставляются разнообразные элементы. Такие опции возможны благодаря плагину, который прилагается к этому мультиконструктору — Fusion Builder.

Как разбить страницу с темой Авада на Контейнеры

В режиме редактирования страницы стразу под ее названием есть голубая кнопка «Use Fusion Builder», после нажатия которой появляется возможность добавить контейнер. В одном контейнере может быть максимум шесть блоков, а контейнеров сверху вниз — сколько угодно. Контейнеры вместе с блоками и элементами можно дублировать и сохранять в библиотеку чтобы потом использовать на других страницах.

Блоки Avada

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

Синие — это контейнеры, а внутри их — блоки. Мы можем по вертикали добавлять нужное количество контейнеров, которые в свою очередь разбиты на несколько нужных нам блоков. Каждому блоку можно задать свою ширину относительно контейнера ( блоки не объязательно должны быть одного размера). И контейнеры и блоки, а также элементы можно передвигать куда угодно по странице.

Контейнеры Avada

В каждом блоке есть кнопка: + element для добавления элементов (текст, изображение, фото, слайдер, код, публикации блога, портфолио, кнопки, списки и многое другое:

Элементы Avada

Готовые контейнеры из демо версий

В Avada есть еще одна привлекательная функция — скачать готовую страницу с настроенными контейнерами, блоками и элементами с любой демо версии. Для этого при создании новой страницы надо нажать на кнопку Use Fusion Builder, а потом на: Pre-Built Page. В меню будут все демо версии. После выбора одной из них появится список страниц. Загрузив такую страницу, получаем все контейнеры и элементы с настройками, но без изображений.

Страницы с контейнерами из демо версий

Детальная настройка контейнеров и блоков

Каждому контейнеру и блоку можно прописать отступы в пикселях или процентах от соседей или края страницы (отображать по умолчанию на ширину страницы сайта или на весь монитор). Если отступов не надо — задаем значение «ноль». Также есть возможность задать фиксированную высоту столбца независимо от размера внутреннего элемента (текста или изображения). Также есть функция добавления фона (цвет или фото, или даже видео с паралакс эффектом и без него), который будет фоном элементов в конкретном контейнере или блоке. Для редактирования надо нажать на кнопку в форме карандаша.

От |2018-02-27T17:50:28+00:00Февраль 27th, 2018|Тема Avada|0 Комментариев

Оставить Комментарий