Один образ героя говорит об одном. фон героя, который вращается через ваши лучшие три или четыре фотографии, говорит значительно больше, не добавляя ни одного виджета в макет.The Фоновый слайдер расширение в Мастер-аддоны для Elementor заменяет статический фон секции слайд-шоу изображения: выберите фотографии, выберите переход, и контент будет сидеть сверху, пока фон будет циклически за ним.
Вот готовый герой из демо, просматривающий три фотографии с крутым переходом:
Что делает расширение Fackground Slider #
После включения контейнеры, разделы и столбцы получают a Фоновый слайдер панель в их Стиль вкладка, рядом с обычным разделом "Фон" (англ.Fackground).Отканитесь, добавьте изображения из медиатеки, и фон раздела станет слайд-шоу на время. всё в нём настраивается:
- Добавить изображения: поле галереи, в котором хранятся слайды, измените порядок или удалите их в стандартном редакторе галереи WordPress.
- Переход: 24 эффекта между слайдами плюс случайный: затухание, скольжение в четырех направлениях, увеличение и уменьшение, завихрение, горение, размытие и вспышка, каждый со вторым вариантом.
- Анимация: Кен Бернс двигает на каждом слайде в девяти направлениях: случайное или нет.
- Пользовательская накладка: слой цвета, градиента или изображения на слайдах, а также девять заданных стилей наложения, которые сохраняют читаемость текста.
- Задержка и таймер: сколько времени держит каждый слайд (5000 мс по умолчанию), и показывает ли тонкая индикатор выполнения время, оставшееся на каждом слайде.
- Случайный дисплей, разрешение изображения, обложка: перемешайте порядок при создании страницы, выберите загруженный размер и управляйте тем, как изображения заполняют раздел.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Следуйте руководство установки первый.
- Фоновый слайдер - это бесплатное расширение, поэтому лицензия Pro не требуется.
- Два или более изображения, размер которых соответствует полноширинному дисплею, идеально схожие размеры.
Как включить расширение Fackground Slider #
С панели управления WordPress перейдите по адресу Мастер Аддоны и откройте Расширения вкладка. Слайдер фона находится в Виджеты анимации группа, рядом Анимированный градиент BG (Про). Нажмите на его переключатель, чтобы он стал фиолетовым, а затем нажмите Сохранить изменения и дождитесь зеленого “Настройки успешно сохранены” уведомление.
Откройте панель и добавьте изображения #
Выберите контейнер героев в редакторе Elementor и откройте Стиль вкладка. Развернуть Фоновый слайдер раздел с фиолетовым значком MA и переключателем Включить ползунок фона да. Появляется полный список настроек, с ан Применить кнопка вверху для нажатия изменений в предварительном просмотре.
Нажмите Добавить изображения и выберите слайды из медиатеки. в демо-версии используются три служебные фотографии. редактор галереи обрабатывает порядок: перетащите, чтобы переставить, нажмите X, чтобы сбросить один, или Добавить в галерею для большего.
Выберите переход и движение #
The Переход раскрывающийся решает, как один слайд руки прочь к следующему. список работает долго: Затухание, Слайд влево, Вправо, Вверх, и вниз, Увеличение и Выход, Вихрь влево и вправо, Гореть, Размытие, и вспышка, каждый в двух вариантах. демо приземляется на Поворот влево.
The Анимация настройка добавляет движение Кена Бернса внутри каждого слайда, медленный панорамирование и зум, который поддерживает фон между переходами. Выберите направление или установите его Случайный и пусть каждый слайд дрейфует по-своему.
Наложение, задержка и таймер #
Белый текст на занятой фотографии нуждается в помощи Поверните Пользовательское наложение чтобы показать и проложить цвет, градиент или изображение над слайдами, или выберите один из девяти предустановленных вариантов Наложение стили с шаблонами, созданными для читаемости. Ниже, Задержка устанавливает, сколько миллисекунд вмещает каждый слайд (5000 в демо), Таймер показывает индикатор выполнения для каждого слайда (слайды вращаются в любую сторону), и Крышка заставляет изображения заполнять раздел от края к краю.
Результат на странице #
Публикуйте, и герой циклически перемещается самостоятельно, точно так же, как в GIF в верхней части этой страницы: каждая фотография удерживается для задержки, закручивается в следующую, а заголовок и кнопки остаются фиксированными сверху. Посетители получают движущийся фон без отдельного виджета слайдера, а структура раздела под ним никогда не меняется.
Где фоновый ползунок работает хорошо #
- Разделы Героя. Поверните три сильных фотографии вместо того, чтобы ставить первое впечатление на одну.
- Сервисные предприятия. Покажите команду за работой за одним заголовком.
- Рестораны и площадки. Блюда и интерьеры ездят на велосипеде за кнопкой бронирования.
- Портфели. Последние проекты на фоне вступительной части.
- Лендинги. Углы продукта вращаются за фиксированным призывом к действию.
Видео Учебник #
Посмотрите, как ползунок создан встык, начиная с включения расширения и заканчивая героем велоспорта на опубликованной странице.
Часто задаваемые вопросы #
Как добавить фоновое слайд-шоу в раздел "Элементор"?
Включить расширение Background Slider на вкладке Расширения главных дополнений, выбрать раздел и открыть Fackground Slider на вкладке Стиль Включите его, добавьте два или более изображений, выберите переход, и фон раздела автоматически циклически меняется.
Какие эффекты перехода включены?
Двадцать четыре плюс случайный: затухание, скольжение влево, вправо, вверх и вниз, увеличение и выключение, завихрение влево и вправо, сжигание, размытие и вспышка, каждый со вторым вариантом. Отдельный параметр анимации добавляет Кен Бернс панорамирование и масштабирование движения внутри каждого слайда.
Могу ли я сохранить читаемость текста поверх фотографий?
Да. включите индивидуальное наложение для цвета, градиента или слоя изображения над слайдами или выберите один из девяти предварительно установленных стилей наложения. В демо-версии используется темное наложение, поэтому белый заголовок и кнопки сохраняют контраст на каждом слайде.
Как контролировать скорость скольжения?
Поле Задержка устанавливает, сколько миллисекунд каждый слайд остается видимым, 5000 по умолчанию Таймер показывает только индикатор выполнения, потому что слайды вращаются самостоятельно в любом случае Случайный дисплей тасует порядок слайдов каждый раз, когда страница генерируется, поэтому на кэшированной странице порядок меняется только тогда, когда кэш очищается.
Расширение Fackground Slider бесплатное?
Да. Фоновый слайдер поставляется с бесплатной версией главных дополнений для Elementor, в группе Виджеты анимации вкладки Расширения. на странице цен указано, что добавляют планы Pro.
Есть ли у Elementor собственное фоновое слайд-шоу?
Да. Free Elementor имеет тип фона Слайд-шоу с пятью переходами, Ken Burns масштабирование или выключение, lazyload и per-device позиционирование.Background Slider добавляет 24 перехода, Ken Burns в девяти направлениях, наложения шаблонов, случайный порядок и таймер.страница продукта имеет полную таблицу сравнения.
Завершая #
The Фон Расширение слайдера превращает фон раздела в слайд-шоу с одним переключателем и несколькими вариантами выбора: изображения, переход, наложение, задержка. Содержимое остается на месте, фон выполняет работу, и в макет не входит дополнительный виджет слайдера. Для движения без фотографий Расширение фона с анимированным градиентом (Pro) вместо этого покрывает тот же раздел цветом и полный набор Виджеты и расширения Master Addgets находится на одной странице.
