Revolution slider- лучший слайдер для wordpress

Slider revolution настройка

Всем привет. Не знаю, согласитесь или нет со мной, но сейчас сайт без слайдера довольно редко можно встретить. Обычно слайдеры используют для привлечения внимания посетителей: например на акционные предложения компании или интернет - магазина.

На сегодняшний день существует очень много плагинов для создания слайдеров на WordPress как платных, так и бесплатных, но сегодня речь пойдет просто о замечательном плагине Revolution Slider. В этой статье я постараюсь наглядно показать как происходит настройка slider revolution. В целом ничего сложного, но есть парочка нюансов, на которые я бы хотел обратить внимание.

настройка slider revolution

Теперь поговорим о самом плагине: автором данного плагина является themepunch, рейтинг 4.79 из пяти звезд, а кол-во продаж уже больше 180 тыс.

Возможности плагина Slider Revolution

  • Полностью адаптивный слайдер под все устройства;
  • поддерживает версии JQuery 1.7 - JQuery 2.x;
  • parallax эффекты;
  • поддержка видео популярных видео- хостингов Youtube и Vimeo;
  • огромное количество возможных переходов;
  • создание пользовательских анимаций;
  • добавление неограниченного количества слоев на слайдер;
  • опция "скрыть отображение слоев" на любых устройствах
  • копирование - возможность дублировать как весь слайдер, так и отдельные слайды и слои;
  • удобная навигация;
  • ручная остановка слайдера

Конечно же это только некоторые возможности плагина, т.к. плагин периодически обновляется и появляются новые "фишки".

Настройка Slider Revolution

 Установка и активация плагина стандартная и думаю с этим у вас проблем возникнуть не должно. Итак, заходим в слайдер и видим такое окно:

Нажмите здесь чтобы посмотреть скриншот

Слайдер нам предлагает создать новый, установить готовое решение из шаблона или импортировать слайдер из файла. Давайте для начала импортируем слайдер. Выбираем "Add slider from template"

Нажмите здесь чтобы посмотреть скриншот

Как вы видите здесь нам представлено огромное количество различных шаблонов для создание слайдера- выбирайте, какой понравился. В каждом шаблоне есть возможность предпросмотра и можно увидеть как он отображается на сайте. После ипорта слайдера заходим в него и видим множество всяких настроек. Я остановлюсь на самых важных настройках плагина, на которые нужно обратить внимание, т.к. если описывать каждый элемент слайдера, то получится мануал на три тома :).

Нажмите здесь чтобы посмотреть скриншот

Основные пункты настроек Revolution Slider

Давайте перейдем в настройки слайдера

Нажмите здесь чтобы посмотреть скиншот

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

Нажмите здесь чтобы посмотреть скриншот

Как я писал выше, revolution slider обладает достаточно мощным функционалом, одним из которых является возможность добавления слоев. Давайте рассмотрим на примере импортированного слайда, как работать с этими слоями и предать отличный вид слайдеру. Над каждым слайдером имеется дополнительная панель с настройками каждого слоя

Нажмите здесь чтобы посмотреть скриншот

А теперь рассмотрим подробнее, что можно сделать с помощью этих настроек. Что бы отредактировать стиль слоя или задать дополнительные настройки, нужно всего лишь выделить его на слайде:

  • вкладка "стиль"- для текстовой части здесь задаем шрифт текста, его цвет, размер, жирность, а так же для других частей позицию элементов (центр, справа или слева);
  • вкладка "анимация"- опять же для каждого слоя можно задать различный эффект анимации, выбрав тип, скорость и т.д. ;
  • вкладка "loop"- здесь настраивается зацикленное вращение любого слоя;
  • вкладка "видимость"- позволяет отключать отображение отдельного слоя (не всего слайда) на различных устройствах;
  • вкладка "действие"- очень полезная настройка. Например, если у вас на слайдере предусмотрена например кнопка "Контакты" или "Акция", то можно задать при клике или наведении на нее определенное действие (переход на другую страницу, прокрутка страницы вниз и т.д);

Кроме редактирования слоев, так же можно добавлять новые элементы будущего слайдера. Делается это так: выбираем кнопку "Add layer" и выбираем необходимы элемент

Нажмите здесь чтобы посмотреть скриншот

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

Друзья, безусловно я показал далеко не все настройки плагина, а выделил только основные. Если у вас не получится правильно настроить slider revolution или возникнут сложности с его использованием, то пишите в комментариях, задавайте свои вопросы, буду рад помочь всем чем смогу.

А на сегодня все, до новых встреч на блоге pro-wordpress.

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

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

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

: 12

  1. temp

    Как закрепить один из слоев слайдера поверх остальных в Revolution Slider ?
    Например мне нужно что бы справа был contact-form-7, а слева мелькали бы заданные картинки.
    Иными словами мне нужен статический contact-form-7
    Заранее спасибо

    • Миша

      Добрый вечер. Если я правильно понял, то попробуйте на каждом отдельном слайде создать одинаковый слой с контактной формой. Просто добавьте элемент «Текст» и вставьте туда шорткод вызова нужной формы.

  2. temp

    Где тут лайк ставить ? =)
    До этого я додумался, но думал есть более красивое решение сделать статическую форму contact-form-7 в Revolution Slider

  3. Светлана

    Подскажите как можно сделать разделения слайда на две части, как вот в этом шаблоне https://revolution.themepunch.com/before-after-slider/

    • Миша

      Хм, впервые вижу такое решение. Что бы не заморачиваться, я выложил архив этого слайдера https://cloud.mail.ru/public/3Dhs/A9zMdxBtV. Скачайте его, импортируйте в плагин и поменяйте фото на свои. Должно все получится

  4. Глеб

    Здравствуйте! Дайте совет, у меня проблема с Revolution slider, все сделал как Вы писали, нооооо Он мне на главной страницы слайд не показывает, а пишет
    Revolution slider Ошибка Slider with alias wallet not found
    Maybe you mean slider1 or home wallet
    В чем проблема? Что я не так сделал??? Заранее спасибо за помощь!!!!!!!!!!!!!!!!!

    • Миша

      Здравствуйте. Скорее всего эта ошибка говорит о том, что на главной странице выводится слайдер, которого не существует. К примеру у вас есть созданный слайдер «Slider 1», а на главной выводится слайдер «Slider 2»- отсюда и ошибка и плагин говорит, возможно вы имели ввиду «Slider1». Измените шорткод на главной или переименуйте сам слайдер.

  5. Катя

    Cпасибо за статью! Установила фото на главную страницу, но сверху появилась серая полоса над изображением. Как ее удалить?

    • Миша

      Добрый день. Можно посмотреть сайт?

  6. Владимир

    Добрый вечер.
    В статье есть 10 подзаголовков.
    В каждом подзаголовке нумерованный список.
    Я хочу под каждым списком поставить список где будет слайдер в котором будут 10 фотографий из этого списка.
    По сути на странице будет 8-10 слайдеров по 5 фотографий.
    Не слишком ли это большая нагрузка на страницу.
    И фотографии (около 30-50 фото) сразу должны будут загрузиться для открытия страницы?

    И еще вопрос.
    На сайте будет 200 статей в каждом 5-10 слайдеров
    и того на сайте будет 1000 слайдеров.
    Вопрос как найти нужный слайдер. Вроде на странице со списком слайдеров нету поиска.

    • Миша

      Добрый вечер. Даже не знаю что ответить. Я бы на вашем месте не использовал столько слайдеров, созданных на Slider Revolution. Тут лучше найти самый простой бесплатный слайдер, т.к. revolution создает не маленькую нагрузку, а если их будет 1000…о_О В общем я не советую это делать.

      • Владимир

        А есть другие платные например Layerslider, которые будут нормально если хотя бы на 4-5 слайдеров на одной странице, но в любом случае на всем сайте получается будет много штук 500 на сайте.
        Или ваше мнение вообще эта идея использовать больше одного слайда на страницу не плохая и сайт будет тормозить.

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