Layerslider- обзор и настройка плагина

layerslider wordpress

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

Как по мне, этот плагин уступает Revolution Slider, но я бы советовал так же обратить внимание на него, т.к. функционал плагина так же достаточно широкий. Кроме этого, как и slider revolution, Layerslider wordpress включен уже во множество различных премиум тем (например в E-Commerce теме Shopme )

Создателем плагина является творческая команда web разработчиков Kreatura, которая выпустил плагин в январе 2012 года. За это время продажи плагина достигли отметки 62 тыс., что тоже не мало, а рейтинг составляет 4.7 звезд.

Layer slider

Некоторые возможности Layerslider wordpress

  • Более 200 различных переходов от слайда к слайду;
  • параллакс, 3D и эффект Кена Бернса;
  • многоступенчатая анимация;
  • анимированные цвета и общие свойства CSS;
  • статические слои и эффекты всплывающих слайдеров;
  • визуальный редактор drag & drop;
  • редактор изображений, работающий от Adobe Creative Cloud;
  • демо шаблоны слайдера;
  • полностью адаптивный;
  • совместимый со всеми популярными браузерами

Читайте так же: Обзор и настройка Revolution Slider

Layerslider wp настройка

После установки и активации плагина в консоле мы видим, что появился отдельный пункт Layerslider WP. Давайте перейдем туда и откроем вкладку "All sliders".

layerslider настройка

Как видим, плагин позволяет как создать новый слайдер, так и импортировать готовый шаблон. Давайте для начала попробуем импортировать готовый слайдер. При нажатии кнопки "Import sliders" откроется вот такое окно, на котором есть два варианта импорта-из файла или из библиотеки шаблонов.

Настройки layer slider

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

 

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

В нижней части слайдера мы уже настраиваем, что должно отображаться на слайдах.

слайдер Layer slider

 

 

1) В этом пункте создаем кол-во слоев нашего будущего слайда.

2) Во втором пункте мы задаем, что должно отображаться на слое: текст, фото, видео и т.д. (так же имеется возможность вставить код html).

3) В третьем пункте мы настраиваем стили слайда, его расположение, внешний вид и т.д.

Помимо настроек каждого слайда, можно настроить общие настройки, которые касаются всего слайдера. Для этого в верхней части слайдера нам нужно открыть "Slider Settings"

настройка layer slider wordpress

  • Layout-в этом разделе задаем размер слайдера, а так же задаем его тип (адаптивный, на весь экран, на всю ширину и статичный).
  • Mobile-если нужно сделать так, что бы слайдер не отображался на мобильных устройствах, то переходим сюда и отмечаем соответствующий чекбокс.
  • Slideshow- здесь мы можем включить автоматический запуск слайдера, настроить паузу при наведении мышки на слайдер и настроить управление навигацией (стрелками на компьютере и сенсорным переключением слайдов на мобильных устройствах)
  • Appearance- раздел посвящен настройкам внешнего вида. В плагине много различных скинов оформления, так что есть из чего выбрать оформление внешнего вида
  • Navigation area- управление кнопками навигации слайдера. Здесь вы можете включать/отключать отображение кнопок следующий или предыдущий слайдер и т.д.

Настроек в плагине не много больше, чем я описал здесь, но они не глобальные и настраиваются индивидуально. Если вы не нашли ответа на свой вопрос, как настроить и работать с плагином Layerslider, то пишите обязательно в комментариях-будем разбираться.

 Layerslider- вывод о плагине

 Layerslider wp один из самых распространенных премиум плагинов для создания слайдеров на вордпресс, а разработчики постоянно развивают и улучшают функционал плагина. Я думаю, что на этот плагин в любом случае стоит обратить внимание, т.к. его настройки не сложны, а по функционалу он очень даже ничего 🙂

Понравилась статья? Не хотите пропустить следующие обзоры и настройки тем и плагинов для wordpress?

Подписывайтесь на обновления!!!

Будьте в курсе о новых обзорах

: 2

  1. Михаил

    Здравствуйте. Подскажите, пожалуйста, что делать. Сделал слайдер, но на больших экранах изображение не на всю ширину монитора. Как можно это исправить? LayerSlider

    • Миша

      Здравствуйте. А какой размер слайдера указан в его настройках? и еще обратите внимание на эти пункты в настройках (скриншот https://prnt.sc/ims1wj)

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