Web5X Блог

Блог о создании сайта, конструкторе сайтов

Web5X Блог

Блог о создании сайта, конструкторе сайтов

Поиск по блогу

Разделитель секции для сайта

Обновлено: 15.06.2018
7 комментариев

Форма-Разделитель это графический элемент который разделяет секции на сайте. Такой элемент вы уже видели на многих сайтах, обычно он выглядит как наклонная фигура (например белого цвета) которая плавно делает переход от одного блока сайта к другому.

Данный способ разделения (а иногда и объединения) используют для возможности как бы визуальной целостности блоков на сайте и в тоже время и разделения между собой.

В качестве примера можете посмотреть на сайт ремонт стиральных машин, продажи меда, или сайт универсальный градиент. Все наклонные фигуры сделаны с помощью данной возможности конструктора сайта.

Как добавить разделитель?

Для добавления разделителя, необходимо выполнить следующие действия.

1. Добавить секцию.
2. Перейти в свойства секции -> Вкладка Стили - группа свойств Разделитель секции.
3. Выбрать где будем создавать разделитель Верх или Низ
4. В выпадающем списке выбрать тип разделителя.
5. Выбрать цвет для формы, ширину и высоту.
6. Возможно выбрать опцию перевернуть или На передний план.

Типы форм для разделения секций

разделитель секций на сайте в конструкторе сайта

Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

7 комментариев

  • Я правильно понимаю что разделитель секций только в ПРО версии? У меня такого нет, (подумаю что он раньше был в ФРИ версии, а теперь только в про?)

  • Когда будет такая возможность подгрузить свою форму?

    • A

      Сроков по добавлению такого функционала в виджет, нет. Есть возможность через api, а точнее через фильтры добавить свою форму.

      • A

        А если кто захочет покопаться с кодом и фильтрами, то вот код

        add_filter( 'elementor/shapes/additional_shapes', function( $additional_shapes ) {
        $additional_shapes['mycustomshapesvgfilename'] = [
        'title' => _x( 'My custom shape displayed name', 'Shapes', 'elementor' ),
        'has_flip' => true,
        'height_only' => true,
        'path' => 'PATH/TO/YOUR/SVG',
        ];
        return $additional_shapes;
        });

        При таком фильтре, будет цеплять svg по пути plugins/elementor/assets/shapes/mycustomshapesvgfilename.svg

  • В про версии есть ли возможность подгрузить свою форму?

    • A

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

Добавить комментарий для Валентин (Отменить ответ)