Статьи

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Подавляющее большинство из вас точно знает, что такое слайдер контента.

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

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

Введение в RoyalSlider

Первое, что меня поразило в RoyalSlider, это то, что он используется на некоторых очень хорошо продуманных сайтах, таких как официальный сайт Honda CR-V и SilkTricky:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Если я увижу, что на таком красивом сайте используется плагин, я отнесусь к нему более серьезно.

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

Короче говоря, RoyalSlider – это отзывчивая галерея изображений и слайдер HTML. Он предлагает огромную гибкость с точки зрения контента, который вы можете включить в слайды, и вы даже можете включать динамический контент из таких источников, как Flickr и 500px.

В частности, он может похвастаться широким спектром функций, включая (но не ограничиваясь):

  • Сенсорная навигация для мобильных устройств и компьютеров
  • Переходы CSS3 с аппаратным ускорением для устройств
  • Варианты встраивания видео
  • Ленивая загрузка
  • Перемещение или исчезновение переходов
  • SEO оптимизация
  • 4 уникальных и редактируемых скина
  • Умное автовоспроизведение (приостанавливается при наведении курсора, останавливается при первом действии пользователя)

Когда я впервые посмотрел живую демонстрацию на домашней странице плагина, слово «отзывчивый» приходит на ум по нескольким причинам:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

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

Более пристальный взгляд

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

После установки плагина он становится доступным по специальной ссылке на боковой панели, которую вы можете видеть ниже, расположенной между парой других любимых плагинов:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

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

Страница настроек очень проста:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Как видите, есть лишь несколько вариантов, с которыми нужно иметь дело. На данном этапе можно было бы простить мысль, что RoyalSlider был довольно простым плагином, предлагающим только самые простые функции, но, к счастью, это не так.

Вскоре вы узнаете, что когда вы начинаете создавать свой первый слайдер, вам сразу же предлагаются пять основных вариантов типа слайдера:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Хотя у меня нет времени углубляться в каждый тип здесь, каждый из них говорит сам за себя. Вы можете извлекать контент из нескольких источников (включая вышеупомянутые Flickr и 500px, а также из контента в ваших сообщениях WordPress), создавать контент из галереи изображений WordPress или использовать что-то полностью индивидуальное.

Для целей этой публикации я собираюсь создать слайдер, который будет ссылаться на подборку сообщений из моего блога. После того, как вы выберете опцию «Ползунок из ваших сообщений», вам откроется многофункциональный экран:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

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

Первое, что я сделал, – это включил в свой слайдер выборку из 5 сообщений с тегом «Обо мне». Затем я сделал небольшую эстетическую корректировку, чтобы гарантировать, что избранные изображения сообщений заполнили слайдер. Это был конечный результат:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Неплохо, правда? Но на самом деле он пока ничего не делает – это просто набор избранных изображений из набора сообщений. Вот где в игру вступают шаблоны:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Каждый из вышеперечисленных шаблонов регулирует разметку HTML / CSS слайдера и настраиваемые параметры для создания индивидуального внешнего вида. Например, я выбрал четвертый шаблон, доступный выше, и получил следующий результат:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Теперь мне удалось извлечь соответствующие данные из сообщений, но все это немного запутано. Нет проблем – здесь даже элементарное понимание HTML и CSS позволит вам настроить слайд по своему вкусу.

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

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Это улучшение, но описание сообщения действительно не оправдано, а шрифт заголовка слишком большой. К счастью, у нас есть полный контроль над этими элементами с помощью опции «Редактировать разметку слайда»:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

Эта опция дает нам прямой доступ к внутренностям HTML-кода слайдера, что гораздо менее пугающе, чем может показаться:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

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

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

И вот конечный результат:

Лучший контент-слайдер для WordPress? [Обзор плагина RoyalSlider]

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

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

Видеообзор (еще более пристальный взгляд)

Посмотрите видео ниже, чтобы еще ближе познакомиться с плагином. Посмотрите, как просто использовать панель управления Royal Slider для создания слайдеров!

[iframe src=”https://www.youtube.com/embed/prod5rP32-g”]

Заключение

Хотя я часто являюсь сторонником бесплатных плагинов, нет никаких сомнений в том, что переход на премиальный путь часто является лучшим шагом, особенно когда речь идет о более продвинутых формах функциональности.

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

Проще говоря, я не могу винить RoyalSlider – я не хочу, чтобы был какой-то элемент дополнительной функциональности, который еще не включен. Мои требования могут быть относительно скромными по сравнению с некоторыми, но я уверен, что вам будет приятно использовать этот плагин.

Получить плагин

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

Получить Королевский слайдер

Кнопка «Наверх»