Медиа

Revolution Slider — лучший WordPress слайдер

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

Revolution Slider – это продукт компании ThemePunch, которая занимается разработкой высококлассных тем и плагинов. Первый релиз плагина состоялся в июле 2012 и с тех пор Revolution Slider прошел через множество апгрейдов и апдейтов, что свидетельствует о том, что разработчики стараются усовершенствовать свой продукт, руководствуясь потребностями целевой аудитории.

С CodeCanyon плагин был скачан более чем 13000 раз, а рейтинг в 4.71 звезды (из пяти возможных), ясно дает понять, что пользователи весьма довольны продуктом.

Функциональность

SR 2

Slider Revolution представляет собой полностью состоявшуюся систему, которая дает возможность показывать изображения, видео и подписи с простым, современным или «пижонским» 3D переходом. Кроме того, Slider Revolution полностью отзывчивый и дружественный к мобильным устройствам слайдер, который может быть использован в любой плоскости.

Вот «небольшой» список возможностей плагина, взятый из его описания на CodeCanyon:

  • Возможность изменять размер изображений и миниатюр;
  • Возможность использовать jQuery CSS-анимацию с параметром FallBack;
  • Неограниченное количество слоев с описаниями;
  • Отсутствие конфликтов библиотек jQuery;
  • В серверной части плагин можно настроить как угодно;
  • Легко устанавливается на сайт;
  • Функция Easing для создания более органичной анимации;
  • Поддержка Vimeo и Youtube;
  • Полноэкранное видео с функцией автозапуска;
  • Остановка видео во время его прокрутки назад;
  • Возможность дублировать слайдеры, слайды и подписи;
  • Drag and Drop- редактор подписей;
  • Полноэкранный, отзывчивый (8 уровень) и обычный режимы;
  • Управление эффектом «тень»;
  • Раздельные или сгруппированные подписи: зависит от ширины слайдера;
  • Возможность спрятать слайдер, если того требует разрешение экрана;
  • Большое количество вариантов оформления переходов;
  • 10 разных видов анимации переходов;
  • 20 разных переходов слайдов и неограниченное количество вариаций: возможность отрегулировать количество секций в слайде и их ротацию;
  • Двухуровневая анимация подписей. Время запуска, время остановки. Разные виды анимации, смягченный старт и остановка;

Пользовательский интерфейс включает в себя кнопки «stop & start», «следующий и предыдущий», «перейти к определенному слайду». Можно запрограммировать поведение слайдера во время проигрывание видео, его старта и остановки, а так же во время смены слайда.

Использование

После установки плагина вы увидите в консоли Wordpress новое меню, которое, естественно, называется «Revolution Slider» Кликните по этому меню, чтоб открыть интерфейс плагина, с помощью которого можно создавать и изменять слайдеры. В отличие от других плагинов, у которых есть подменю, например, для настройки конфигурации или импорта/экспорта, в Revolution Slider все располагается на одном экране настройки.

Не могу сказать, что экран настройки выглядит захламленным, ведь благодаря jQuery можно скрыть те элементы, которые нужны, или наоборот не нужны, в данный момент. В любом случае, я бы предпочел интерфейсы, как у плагинов Soliloquy и Easing Slider, которые более близки к самому WordPress. Но, это дело вкуса, и ни в коем случае не умаляет достоинств Revolution Slider.

Воспользовавшись главным экраном, мы можем создать новый слайдер или изменить уже существующий, удалить слайдер или даже дублировать его. Здесь так же есть шпаргалка шорткодов и полезная кнопка для предпросмотра, которая открывает всплывающий демо-слайдер с внесенными настройками.

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

Edit-slider

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

Edit-slider 3

Когда вы редактируете текстовый слой, вы так же получаете доступ к большому количеству встроенных стилей, плюс возможность редактировать их. Интерфейс для добавления слоев – это лучшее, что мне приходилось видеть, тестируя плагины слайдеров. Вот вам пример такого слайдера, где эффекты наложены один на другой. С помощью интерфейса Revolution Slider создавать слайдеры, накладывая слои, очень просто.

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

Edit-slider 2

Свежесозданный прекрасный слайдер очень просто вставить на сайт. Для этого нужно воспользоваться одним из трех приведенных ниже способов:

  • Вставить слайдер в тему: <?php putRevSlider( "alias" ) ?> Например: <?php putRevSlider("slider1") ?>
  • Для показа слайдера исключительно на домашней странице, используйте: <?php putRevSlider("slider1","homepage") ?>
  • Для его показа на определенной странице, используйте: <?php putRevSlider("slider1","2,10") ?>
  • В виджет панели перетащите виджет «Revolution Slider» в желаемый сайдбар.
  • В редакторе записей вставьте нужный шоркод в тело поста

Опять же замечу, что слайдер полностью адаптивен и будет работать на экране любого мобильного девайса. Так же, можно вставить в слайдер несколько видео или полностью собрать его из видео. Если вы не знаете с чего начать, то за основу можно взять великолепные примеры с сайта Themepunch. Их можно скачать и импортировать в Revolution Slider.

В видео ниже показаны основы работы с плагином, которые можно создать с помощью Revolution Slider.

Цена

Вы можете купить Revolution Slider на сайте CodeCanyon за $15 (обычная лицензия). Большинству пользователей подойдет обычная лицензия, так что цена в $15 абсолютно не бьет по карману, учитывая какой шикарный слайдер вы получаете за эту скромную плату.

Документация и тех. поддержка

ThemePunch использует Ticksy в качестве системы поддержки. Так что они предоставят вам помощь, если таковая понадобится. Разумеется на английском. Документация поставляется в виде HTML-файла, который прилагается к скачанному плагину, и дает вам всю необходимую информацию, которая нужна для того, чтоб научиться делать собственные слайдеры и интегрировать их в вашу тему.

Кроме того, на YouTube вы сможете найти много полезных видео, типа этого, в которых показано. Как использовать плагина. В общем, в гайдах и документации недостатка нет.

Итог

Можно сказать, что Revolution Slider, наряду с такими плагинами, как Slider PRO, RoyalSlider и Easing Slider, можно назвать одним из лучших слайдеров для WordPress.

Интересен тот факт, что Revolution Slider используется во многих темах, среди которых такие хиты от Themeforest как Inovado, U-Design и Avada. Вероятно, это самый популярный плагин для слайдера, который используется для строительства премиум тем.

Тестировать этот WordPress слайдер было сплошным удовольствием, и я бы порекомендовал его всем тем, кому нужен слайдер для сайтов, особенно, если планируется использование многослойных анимированных слайдов.

Официальная страница плагина

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

Похожие

32 Комментов

  1. Добрый вечер. Вы работали с плагином Slider Revolution? Если да, то может быть поможете мне немного? Дело в том что на моем сайте пропала анимация ( остался эффект Fade), причем только в хроме — в мозиле например анимация осталась… я даже не знаю от куда копать..

  2. Копайте в техподдержку плагина естественно или Вашей темы если он туда встроен.

  3. Привет! Спасибо за обзор, но мне нужна ваша помощь, очень надеюсь на неё… у меня установлен этот плагин но при сохранении каких-то настроек пишет «Can’t write file please change the permissions!» на файл «wp-content/plugins/revslider/rs-plugin/css/dynamic-captions.css», я пробовал менять права на какие только… но результата нет (, что мне делать?

  4. Добрый день!
    Никак не получается прикрепить ссылку к кнопке на слайдере революшин. Никакую ссылку не получается прикрепить! Намучился уже порядком. Как мне сделать так, чтобы после того, как человек кликал по кнопке, расположенной на слайдере, после этого его перебрасывало ниже на этой же странице к тому месту, где расположена контактная форма?

    1. Привет! Таже самая проблемма. Нашел способ что бы кнопка заработала???

  5. И еще, я сделал слайдер революшин, после чего его экспортировал. Затем была манипуляция с переустановкой базы данных и вордпресса. Но когда я установил тему (правда уже другую) и собственно слайдер, то стили потерялись — голый текст без подложек и прочего. Хотя при этом анимация осталась. Почему так произошло и как этого можно избежать в будущем?

    1. Добрый день. Насколько я помню в этом слайдере ссылки можно прикручивать к слоям в любом слайде. Не важно кнопка, картинка или текст. По поводу остального вам лучше уточнить у автора плагина.

  6. Свыше 100 тыс. сайтов на платформе WordPress оказались поражены вирусом, сообщает компания Sucuri. По предварительным данным специалистов, вирус получил распространение благодаря уязвимости в популярном плагине для WordPress под названием Slider Revolution.
    Подробнее: _http://www.cnews.ru/top/2014/12/15/hakery_vzlomali_bolee_100_tys_vebsaytov_na_wordpress_590855

      1. Только 70% землекопов забывают ставить автоматическое обновление или обновляться, а сидят на старой версии

  7. Здравствуйте. Главная страница блога выводит последние записи. Пытаюсь вставить код

    в index.php перед ., но слайдер не появляется над записями на главной.
    Через шорткод на страницах и записях выводится нормально.

  8. нет работает
    Причём в конце даже нет «;».
    Пишет «Fatal error: Call to undefined function putRevSlider() in /components/com_myselfphp/views/name1/tmpl/default.php on line 9.

  9. Кто нибудь вставлял в слайд слой типа видеоролик?
    Скажите, как сделать так, чтобы переход на следующий слайд осуществлялся до того, как закончится это видео? скажем, длина ролика — 20 секунд. в настройках слайда сказано что он длится 9 секунд. Но слайд «живет» пока всё видео не покажет 🙁

    могу приложить архив слайдера..

  10. Если возможность установить данный слайдер другой движок на(притом что исходный код будет сгенерирован на wordpresse)

  11. Вопрос: у меня всего один слайд в слайдере. Как сделать так, чтобы он больше не обновлялся?
    Пример: я захожу на главную. Слайд подгрузился. Но через некоторое время слайд снова обновляется, как будто прокручивается второй слайд. Мне нужно чтобы он загрузился один раз и все.

    1. Сделай просто картинку background, текст на ней напиши и будет тебе счастье, смысл использовать слайдер для этого?

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

  13. Здравствуйте, подскажите пожалуйста как убрать Revolution Sliders со всех страниц а оставить его только на одной- главной…

  14. Здравствуйте, не подскажите где хранится созданный слайдер? Хочу импортировать его, но нигде не могу найти как это сделать. Есть файлы сайта и .sql, или только из админки?

  15. Добрый день,а не подскажите как настроит под мобильную версию этого слайдера ? я очень искал обновление,даже скачивал с официального сайта бесплатные слайдеры но при обновление пишет error.А принципе то что есть меня устраивает,но нужно подогнать под мобильную версию.
    Заранее,Спасибо.

    1. Добрый. Не понял толком, что Вам нужно. Но сам по себе RS уже давно адаптирован под мобильные девайсы.

  16. Доброго времени суток ! Не подскажите как можно зациклить анимацию слоя в слайде например ставлю появление дыма с низу а завершение анимации исчезновение вверх и что бы получалось как-будто дымиться… видел видеоурок на эту тему и знаю что так можно, но искал пару дней что-то никак не найти это видео снова…
    Заранее,Спасибо.

  17. Плагин — просто незаменим!
    Работает как на мобильную версию, так и на обычный комп пользователя!

    1. подскажите я вот поставил картинку 1900 на 600 но вот под мобильную версию он ну не как с ней ничего не делает !! как быть ставил миниатюру на картинку но ее не хочет ставить как быть
      ??

  18. Подскажите, как на видео поставить кнопку пауза/пуск. Вроде документацию читала внимательно, но не нашла. В примерах тоже видео без кнопки. Видео с Vimeo.

  19. Нашла, как на иконку навесить событие переключение. А как сделать, чтобы иконка менялась?

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button