Чтобы ваш сайт был привлекательным и на нем было приятно находиться обычному пользователю, я советую использовать слайдер. И он идеально подходит для рекламы скидок и акций. В этой статье я расскажу о самом функциональном слайдере для сайта на WordPress – Slider Revolution. А также покажу, как установить и настроить.
Этот слайдер используют 4000000+ сайтов во всем мире.
Главные особенности плагина Slider Revolution
- Адаптивный дизайн. Слайдер полностью адаптирован для работы на любых устройствах: на ПК, планшетах и мобильных.
- интеграция с версиями JQuery 1.7 – JQuery 2.x
- Powerful Visual Editor. Мощный редактор, с которым справится даже новичок.
- Parallax эффекты
- 140 готовых к работе слайдеров
- Aseets — Free Object Library. Выбирайте готовые ассеты (цифровые объекты), например, фото гаджетов, на экран которых вы можете вставить вашу картинку.
- Media & Social Feed Support. Слайдер совместим с Instagram,Twitter, Facebook, YouTube, Vimeo, Flickr и HTML5 – вы можете добавлять в слайдер свои посты из всех популярных соцсетей и видеохостингов, а также посты WordPress!
Другие не менее приятные возможности Slider Revolution
- Color picker with gradients. Новая функция выбора цвета и градиента.
- Slider Template Library. Для доступа к библиотеке с премиум функционалом вам нужно просто активировать лицензию.
- Free add-on whiteboard. Новинка Slider Revolution – вы можете сами рисовать то, что хотите! А бонусом идут 340 УЖЕ нарисованных анимированных иконок.
- Color picker with gradients
- Optimized Performance. При загрузке размер файл автоматически оптимизируется для любого устройства.
А также:
- огромный выбор переходов
- создание кастомизированных анимаций
- возможность добавления неограниченных слоев
- функция «скрыть слой» на любом устройстве
- бесплатное регулярное обновление и премиум поддержка
Типы Slider Revolution
- Regular Slider – обычный слайдер
- Carousels – карусель
- Hero Blocks – презентация
- Social Media Feeds – социально-медийная сфера
- Media Galleries – медиа-галерея
- Front Pages – главные страницы (лендинги)
С каждым обновлением плагина добавляются все новые крутые функции, так, например, в скором времени ожидается интеграция c Woocommerce!
Переходим к настройке Slider Revolution
Я не буду рассказывать отдельно про установку и активацию, потому что она аналогична другим слайдерам, поэтому – открываем плагин. Перед нами появляется окно:
Вам предложат на выбор: создать свой слайдер, использовать готовый или сделать импорт из файла.
Остановимся на варианте №3. Выбирайте «Add slider from template».
Перед вами появится масса возможных вариантов слайдера – выберите понравившийся. У каждого слайдера есть опция превью, можно посмотреть как он будет смотреться на сайте.
У слайдера есть множество настроек, давайте разберемся с основными.
Перейдите в настройки.
Задайте имя слайдеру и сгенерируйте шорткод. Далее определитесь с типом слайдера и размером (указать размер можно для показа на всех и по отдельности для каждого из устройств).
После этого вставьте шорткод, чтобы слайдер отобразился на странице.
Одна из возможностей слайдера – это добавление слоев. У каждого из слоев есть панель настроек.
Возможности настроек:
- «style» – можно указать шрифт, цвет с размером и расположением.
- «animation» – можно задать анимацию и скорость и тд.
- «loop» – можно задать функцию постоянного вращения.
- «visibility» – можно выключить видимость каждого из слоев для разных устройств.
- «action» – можно указать определенное действие кнопкам на слайде. Укажите, что будет происходить при нажатии на «Контакты» или «Купить сейчас» – переход на контакты или переход в магазин.
Вы также можете добавлять новые слои путем нажатия кнопки «Add layer» и выбора нужного элемента.
И, конечно, вы можете задать очередность появления и длительность показа элементов – просто перемещайте их вверх или вниз.
Я рассказала только про основные настройки, но плагин Slider Revolution имеет просто невероятный функционал.
Так что пробуйте, если что-то покажется непонятным, пишите в комментариях ниже.
Вам может понравиться:
Пошаговое руководство «Как сделать сайт на WordPress».
Что такое Woocommerce — все о платформе электронной коммерции или как создать интернет-магазин.
Рекомендации по выбору темы WordPress.
А также подборка лучших бесплатных тем WordPress.
И на десерт:)
Видео с возможностями Slider Revolution
Смотрите и вдохновляйтесь!
