WordPress плагин Slider Revolution: обзор для начинающих

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

Slider Revolution для новичков и профессионалов

Разработчиком премиального плагина является независимая компания ThemePunch. Команда также известна пользователям, как создатель не менее популярного Essential Grid. Несмотря на выпуск многих других продуктов Slider Revolution остается главным проектом ThemePunch, который обновляется и дорабатывается с завидной регулярностью. Первая версия была выпущена в июле 2012 года. Последним апгрейдом стала «пятая» серия расширения, оптимизированная с учетом просьб и рекомендаций активных пользователей.

Slider Revolution

В 2017 году команда анонсировала jQuery stand-alone вариант Slider Revolution, доступного к установке на любой сайт без привязки к CMS WordPress. Компания реализует свои продукты на базе маркетинговой платформы Evanto Codecanyon. Сегодня это единственное место, где можно приобрести премиальные плагины ThemePunch официально и без вредоносного кода.

По данным Marketopia, на Codecanyon расширение Slider Revolution является вторым по популярности плагином после Visual Composer.

Кому подойдет этот плагин?

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

Расширение будет особенно полезно для:

  • веб-студий;
  • веб-дизайнеров;
  • профессиональных фотографов;
  • креативных агентств;
  • новостных порталов;
  • крупных блогов;
  • продавцов товаров и услуг.

Почему Revolution Slider действительно стоит своих денег?

Первое впечатление имеет решающее значение. Основываясь на нем, потенциальный клиент решает, стоит ли продолжать знакомство с вашим сайтом. И первое, на что он обращает внимание — верхняя часть страницы. Сайты с завидной конверсией располагают первом блоке самое «вкусное»:

  • логотип и слоган проекта;
  • горизонтальное меню основных направлений;
  • элементы с продающей информацией и впечатляющей визуализацией.

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

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

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

Что делает Slider Revolution таким популярным?

В первую очередь, своей популярностью расширение обязано гибкости настроек и интуитивно-понятному интерфейсу. Параметры и конфигурации системы удовлетворят потребности 9 из 10 пользователей. И то, что не найдет десятый, скорее всего, подгрузится с ближайшим обновлением плагина. Приятно, что для создания профессионального сайта на WordPress, в большинстве случаев, от вас не потребуется знания языков программирования.

в Slider Revolution анимация и хронометраж

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

  • Мощный визуальный редактор — настраивайте показ слайдеров под нужды вашего проекта через удобное меню, в котором каждая функция находится на своем месте. Строгая градация не позволит вам запутаться. Единственной трудностью в первое время станет желание попробовать их все.
  • Контроль вариативности каждого слайда — планируемое отображение блоков на экране ПК, лептопа, планшета и телефона показывается в визуальном редакторе. Вы можете изменять размер слайдов индивидуально для каждого устройства. Адаптивный шаблон не позволит картинкам и видео исказиться или занять большее пространство, чем требуется для удобного просмотра.
  • Работа с социальными сетями и видео хостингами — Slider Revolution пятого поколения позволяет включать в слайдер данные Instagramm, Facebook, Flickr, Twitter, Vimeo и Youtube. Если размещение видео планируется на собственном сервере, вы можете воспользоваться языком HTML5. Части кода пропишутся автоматически.
  • Высокая производительность и оптимизация слайдов — плагин работает быстро в режиме редактирования и уменьшает вес слайдера без потерь качества содержимого. Опасаться за долгую загрузку страниц вам не придется. Что особенно актуально по отношению к мобильным устройствам, находящимся вне доступа WiFi соединений.

Применение плагина не ограничивается верхней частью страницы. Например, эффект 3D параллакса идеально впишется в переходы между информационными блоками. Что особенно актуально при создании лендинг пейдж на WordPress.

Как установить плагин Slider Revolution?

  1. Перейдите в панель инструментов администратора WordPress.
  2. Выберите пункт «Плагины» и подпункт «Добавить новый».
  3. В верхней части открывшейся страницы нажмите на ссылку «Загрузить плагин».
  4. Выберите .zip архив плагина, нажмите «Загрузить и установить».
  5. Активируйте расширение.

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

В правом верхнем углу каждого шаблона расположены кнопки. Лупа откроет окошко предварительного просмотра. Иконка жесткого диска позволит перейти к всплывающему сообщению для загрузки с компьютера или сервера разработчиков. Первый вариант откроет перечень архивов, скаченных вместе с плагином на ваш компьютер. Просто выберите нужный шаблон и кликните кнопку «открыть». Файл загрузится, распакуется и автоматически установится внутри системы.

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

Базовые настройки плагина Revolution Slider

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

  • выберите вкладку Slider Revolution одноименного раздела в левом меню Панели управления;
  • кликните по окошку со знаком «плюс» и надписью New Slider.

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

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

#1 Content Source

Раздел предлагает выбрать один из вариантов будущего проекта:

  • набор обособленных изображений;
  • записи WordPress;
  • специфичные материалы сайта (товары, комментарии, сообщения);
  • материалы социальных сетей и видеохостингов.

#2 Slider Title & Shortcode

Впишите название будущего слайдера и алиас (псевдоним) для короткого кода. Последний понадобится для встраивания блока в дизайн сайта на WordPress.

#3 Select a Slider Type

Следующим шагом станет выбор типа слайдера. Раздел включает 3 варианта будущего проекта:

  • Standard Slider – стандартный слайдер со стрелками, точками и последовательным показом материалов;
  • Hero Scene – вариант предназначен для создания динамического изображения или видео с эффектами и анимацией на базе одного материала. Без прокрутки.
  • Carousel Slider — подходит для блоков нестандартных размеров. Например, встраивания вертикального слайдера в боковом меню или карточке товара.

#4 Slider Layout

Раздел отвечает за размещение и поведение слайдера при просмотре с устройств разного типа. Ниже приводится пример отображения на ПК, лептопе, планшете и смартфоне. А также возможность изменить размер слайдера индивидуально для каждого экрана.

После того как вы закончите с основными настройками проекта, нажмите «Сохранить» и перейдите к редактору слайдера.

Создание первого слайдера с плагином Slider Revolution

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

Создание первого слайдера с плагином Slider Revolution

#1 Вернитесь в редактор слайдера

Перед вами откроется богатый перечень функций. Первое, что необходимо сделать — выбрать основной фон проекта. Это может быть изображение, данные внутреннего или внешнего ресурса, видеоролик с хостинга Youtube или Vimeo. Последним в списке стоит использование HTML5 для встраивания видео, загруженного в память вашего сайта.

Выберите первую строчку и нажмите на кнопку Change Image. В открывшемся окне вы сможете использовать картинку, уже загруженную на сайт или подгрузить новое изображение. Когда первичный фон будет размещен, можно перейти к наложению слоев.

#2 Воспользуйтесь кнопкой Add Layer

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

#3 Сохранитесь

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

#4 Опубликуйте

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

Сколько стоит премиальный плагин Slider Revolution?

Стандартная лицензия обойдется покупателю в 25$. Она включает предварительную проверку качества со стороны Envato, будущие обновления и 6 месяцев поддержки службой разработчика. При необходимости, последнее можно будет продлить на 1 год за 8$. Следует учесть тот факт, что русскоговорящего персонала у ThemePunch пока еще нет.

Сколько стоит премиальный плагин Slider Revolution?

Приятным бонусом к покупке станут бесплатные темы WordPress от ThemeForest, приспособленные для работы с WooCommerce и другими популярными расширениями.

Если вы приобретаете премиальную тему с входящим в комплект Slider Revolution, примите во внимание, что расширение не будет обновляться. Также не стоит рассчитывать на службу поддержки и комплекты шаблонов, прилагающиеся в пакете Slider Premium.

Преимущества и недостатки Slider Revolution 5

о сравнению с предшественниками, расширение пятого поколения стало более удобным и понятным в использовании. Самым впечатляющим нововведением стал продуманный до мелочей и доработанный 3D Parallax. Поддержка WooCommerce расширяет возможности монетизации проектов. Интеграция позволяет использовать плагин в структуре и целях торговой площадки, стандартного интернет-магазина или лендинг пейдж.

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

К минусам расширения можно отнести:

  • высокую сложность для новичков;
  • необходимость приобретения лицензии для Live Updates, в случае покупки плагина в составе премиум темы WordPress.

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

Пробуйте, экспериментируйте, постепенно встраивайте получившиеся элементы в дизайн вашего сайта. Практика станет для вас лучшим учителем. А наш сайт постарается сделать ее для вас максимально простой и приятной. Мы обязательно разберем лучшие инструменты Slider Revolution в будущих статьях. Рекомендуем подписаться на обновления новостной ленты. Вопросы и пожелания по разбору WordPress плагина пишите в комментариях под статьей.