Слайды — виджет Elementor Pro

заставка виджет слайды конструктор сайта

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

В конструкторе сайта Elementor для слайдов придуман виджет, который так и называется Слайды. Каждый слайд в виджете это группа  «элементы настроек» которые можно удалять, дублировать и назначать персонально стили. Разместив данный виджет на странице мы увидим готовый к применению элемент дизайна сайта.

слайды в конструкторе сайта elementor

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

элемент настроек виджета слайды в конструкторе страниц

Содержимое

— Слайды
— — Вкладки свойств элемента

  • Фон — на данной вкладке вы можете изменить фон слайда. В качестве фона вы можете выбрать цвет или изображение.
  • Содержимое — тут можно задать текстовое содержимое слайда, а именно заголовок, описание, текст кнопки и ссылка кнопки.
  • Стиль — на вкладке стиль вы можете включить опцию «Индивидуальный» и задать индивидуальные настройки свойств текста для слайда (выравнивание, позиция и цвет)

— Параметры слайдера

  • Навигация — выбор типа навигации, только точки, стрелки, все вместе или без навигации.
  • Пауза при наведении — будет останавливаться слайд при наведении мыши или нет.
  • Листать автоматически — автоматическое листание слайда. Если выключить то перейти на следующий слайд можно будет только через элементы навигации.
  • Скорость листания — задании скорости смены слайдов.
  • Зациклить листание — листание слайда по кругу т.е когда закончится показ последнего слайда, то начнется показ первого.
  • Переход — тип перехода слайда (листание или выцветание)
  • Длительность перехода (мс.) — дительность анимации перехода для вышеуказанной настройки.
  • Анимация содержимого — анимация текстового содержимого слайда.

Стиль

  • Слайды — группа настроек и свойст для общего изменения стиля текстового блока. Возможно поменять ширину блока, отступ внутри, позицию и выравнивание.
  • Заголовок — свойства для изменения оступа, цвета и типографики заголовка.
  • Описание — настройки для изменения оступа, цвета и типографики заголовка.
  • Кнопка — стандартные возможности изменения стилей кнопки (размер, цвет, типографика, толщина границы и скругление углов)
  • Навигация — цвет, размер и позиция элементов навигации (стрелки и точки)

=======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
=======================================================================

Вам также может понравиться

3 комментария

  1. Здравствуйте. Спасибо за доку! Подскажите, вот в слайдер я могу html ку вставить, но не удобно, визуального редактора ведь нету. Как быть?

    1. Здравствуйте. Вам не обязательно вставлять html. Достаточно просто создать контент в виде секции и сохранить как шаблон. Далее просто берем шоткод шаблона из «Моя библиотека» и вставляем в поле содержимое слайдера. Сохраняем, обновляем. Видим результат. Конечно не всегда удобно, но в критических случаях можно воспользоваться.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *