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

Slider Revolution от ThemePunch, не просто «ещё один слайдер». Это визуальный редактор для контента любой сложности: от Hero-секции до одностраничного сайта на слоях. В 2026 году плагин живёт в версии 7 и умеет такое, о чём бесплатные аналоги даже не задумывались: WebGL-эффекты, 3D-кластеры частиц, симуляция жидкостей и AI-перевод слоёв.

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

💡 Быстрый обзор:

• Купите Slider Revolution на sliderrevolution.com (CodeCanyon больше не вариант, плагин ушёл с маркетплейса) или активируйте копию из комплекта премиум-темы
• Активируйте лицензию в админке WordPress и настройте глобальные параметры: разрешения доступа, брейкпойнты сетки, отложенную загрузку
• Импортируйте готовый шаблон из библиотеки 200+ вариантов или создайте модуль с нуля
• Наполните слайды: фон, слои (текст, кнопки, видео, фигуры, SVG), анимации и переходы
• Настройте навигацию, индикатор прогресса, скролл-эффекты и вставьте шорткод на страницу

Что такое Slider Revolution и что нового в версии 7

Премиум-плагин для WordPress от ThemePunch. По данным каталога, более 9 миллионов активных установок и свыше 200 шаблонов в библиотеке. Из коробки: слайдеры, карусели, Hero-блоки, одностраничные сайты и динамические модули на основе записей или товаров WooCommerce.

Если коротко: это не «слайдер с картинками». Это среда, в которой каждый слайд собирается слоями, текст, кнопка, видео, SVG-фигура, строка с колонками, как в конструкторе страниц. Сцена собирается мышью на холсте, не ползунками в сайдбаре, и результат виден сразу.

Версия 7, вышедшая после трёх лет разработки, принесла полностью новый визуальный редактор и движок рендеринга. Старые проекты мигрируют автоматически при обновлении. Из заметного: движок WebGL для продвинутых переходов, Fluid Dynamics (симуляция жидкости, реагирующей на курсор), The Cluster (3D-кластеры частиц с орбитами и притяжением), AI Translate (автоперевод слоёв с поддержкой WPML) и 30+ дополнений под любую задачу.

Макеты и адаптивность

Плагин давно вышел за рамки «слайдера с перелистыванием»: карусели, «сцены» (одиночный слайд как строка конструктора) и полноэкранные модули на выбор. Адаптивность не сводится к сжатию картинки, умное наследование (Smart Inherit) перестраивает слои под каждое устройство, элементы меняют размер или скрываются. На мобильном слайдер остаётся читаемым, а не муравейником из микрокнопок.

Источники контента

Девять вариантов наполнения. По умолчанию, свои картинки и видео. Можно тянуть записи блога (любые типы, включая конкретные ID), товары WooCommerce, контент из Flickr, Instagram, Twitter, Facebook, YouTube и Vimeo. Последний вариант хорош для живых виджетов соцдоказательства: слайдер сам обновляется с появлением новых постов.

Управление слоями

Каждый слайд, слоёный пирог. Добавляете текст, изображения, кнопки (в том числе пресеты соцсетей и гамбургер-меню), фигуры (фон, пульсация, обводка), аудио, видео (YouTube, Vimeo, HTML5), иконки/SVG и строки с колонками, как в полноценном конструкторе. Группировка слоёв упрощает перемещение связанных элементов. Для владельцев лицензии открыта библиотека готовых слоёв ThemePunch и импорт слоёв из других слайдеров установки.

Пресеты и переиспользование

Настроили шрифты, анимацию слоёв и переходы один раз, сохранили как пресет и применяете к следующим слайдерам в один клик. Экономит часы при серийном создании модулей в едином стиле.

Установка: два пути

Плагин попадает на сайт либо прямой покупкой на sliderrevolution.com, либо активацией комплектной копии в составе премиум-темы. Разберём оба варианта.

Покупка напрямую на sliderrevolution.com

Раньше плагин продавался на CodeCanyon, но с выходом версии 7 ThemePunch полностью перешёл на прямые продажи через sliderrevolution.com. После покупки заходите в личный кабинет на сайте, скачиваете zip-архив плагина.

Теперь в админке WordPress: Plugins → Add New.

Кнопка Upload Plugin в левом верхнем углу → Choose File → выбираете скачанный zip → Install Now.

После установки, Activate Plugin. Готово.

Можно и через FTP: разархивируйте плагин и залейте папку в wp-content/plugins.

Плагин в составе премиум-темы

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

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

Попадёте на страницу связанных плагинов, установите и активируйте Slider Revolution.

Некоторые темы (например, Total) предлагают установить плагин прямо в процессе импорта демо-данных.

Выберите опцию «Import Sliders» при импорте демо, и тема сама подтянет все кастомные слайдеры из демо-набора.

Первый запуск: настройка и лицензия

После активации в главном меню админки появляется пункт Slider Revolution.

Отсюда, создание и редактирование модулей, импорт шаблонов и активация лицензионного ключа.

Активация лицензии

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

Ключ лежит в личном кабинете на sliderrevolution.com. Копируете и вставляете в админке WordPress.

В админке: раздел Slider Revolution → значок колокольчика → поле для ключа.

Важный нюанс: если плагин достался в комплекте с темой, активация не нужна. За обновления отвечает разработчик темы, а не ThemePunch. Плагин обновится вместе с темой, иногда с задержкой, но с гарантированной совместимостью. Оборотная сторона: библиотека премиум-шаблонов ThemePunch и дополнения (add-ons) недоступны.

Глобальные настройки

Перед первым слайдером зайдите в подменю Global Settings.

Здесь важны два параметра.

Разрешения (Permission). Ограничьте доступ к плагину только администраторами. Полезно, если на сайте есть приглашённые авторы, слайдеры не сломают случайно.

Брейкпойнты сетки. Ширина в пикселях для адаптивной вёрстки по устройствам. По умолчанию нормально, но если сетка сайта нестандартная, подстройте.

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

Импорт готового шаблона

Самый быстрый старт, взять шаблон из библиотеки.

На sliderrevolution.com скачайте файл модуля. В админке: Slider Revolution → Import Slider → выберите файл → импортируйте. Модуль вместе со слайдами, слоями и настройками появится в библиотеке, редактируйте под себя.

Владельцы прямой лицензии видят библиотеку из 200+ готовых шаблонов. Наведите курсор на макет, значок глаза для превью, плюс для установки. Пользователи комплектных копий (в составе темы) этой библиотеки не видят, но авторы тем часто включают собственные шаблоны в демо-импортёр.

Создание слайдера с нуля

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

Выберите New Blank Module.

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

Первый шаг, тип модуля. Slider, классический набор анимированных слайдов. Scene, одиночный слайд как строка конструктора (для Hero-секций). Carousel, несколько слайдов видны одновременно.

Второй шаг, макет. Auto растянет модуль до ширины контентного контейнера темы (высоту задаёте сами). Full Width, на всю ширину экрана от края до края. Full Screen, заполняет весь браузер независимо от размера устройства.

Третий шаг, адаптивность. Classic (Linear) Resizing, пропорциональное сжатие (ширина и высота уменьшаются вместе с контейнером, шрифты и картинки масштабируются синхронно). Smart Inherit автоматически создаёт четыре размера под устройства на основе десктопных настроек, с возможностью правки каждого. Custom (Manual), точные пиксели под каждое разрешение.

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

Общие настройки модуля

Задаём четыре вещи:

• Title и Alias, системное имя слайдера (Alias нужен для шорткода).
• Layout, ширина и высота десктопной области. На тестовом сайте подбирали под ширину контентной зоны.
• Default duration, длительность показа слайда. 5000 мс (5 секунд) для старта; потом подбирайте под темп контента.
• Spinner, прелоадер (15 вариантов на выбор).

Навигация

Выберите, как посетитель будет листать слайды. В примере взяли стиль Uran, простые стрелки. Доступны: маркеры (точки, 14 стилей), табы (миниатюра и заголовок, для модулей на основе записей), превью-картинки (5 стилей), сенсорная навигация, клавиатура, мышь с эффектом карусели. Любой элемент настраивается: положение, размер, видимость, стиль.

Слайды и фон

Сразу после создания модуля вы уже на слайде №1, можно наполнять.

Фон: прозрачный, цвет (с градиентом), изображение, внешнее изображение или видео с YouTube, Vimeo, HTML5.

Для видео: задайте источник, включите Force Cover Mode (растянуть на весь слайдер) и Rewind at Start (воспроизводить с начала при каждом показе). Не забудьте миниатюру, для навигации и админки.

Для картинки, загрузка из медиабиблиотеки. Режим Cover (растянуть с обрезкой под границы) или Contain (вписать без обрезки). Cover, стандарт для большинства сценариев.

Анимация перехода, на выбор из десятков вариантов. Фильтры (22 пресета), больше для слайдов с фоновым изображением, дело вкуса. Длительность показа и пауза настраиваются индивидуально. Правила публикации удобны для сезонных и акционных слайдов: собрали заранее, опубликовали в нужный день.

Слои, главный механизм

Кнопка + Add Layer в верхней части экрана открывает меню из 8+ типов слоёв.

Текст. Заголовки, описания, ссылки. Шрифт, размер, цвет, выравнивание, всё правится прямо на холсте, не в сайдбаре.

Изображения. Логотип, параллакс-слои для глубины, наборы «до/после» и дополнительные картинки.

Кнопки. Размер, радиус границы, цвет, фон, состояние при наведении, настраивается всё. Пресеты для соцсетей, анимированных иконок прокрутки, гамбургер-меню, кнопок Play/Pause.

Фигуры. Добавляют визуальный акцент: пульсация за кнопкой, выделение фрагмента текста, цветная подложка. Настройки: фон, цвет и размер обводки, радиус скругления (0, квадрат, 100, круг), отступы.

Аудио и видео. Загрузите из медиатеки или вставьте ссылку (YouTube, Vimeo, SoundCloud). Параметры: зацикливание, автовоспроизведение, переход к следующему слайду по окончании, громкость, сегмент (начало/конец). Для отзывов клиентов и вступительных роликов, отлично.

Иконки / SVG. Встроенные иконки или свои SVG, масштабируются вместе с модулем без потери качества.

Строки. Как в конструкторе страниц: колонки внутри слайда. Организуют слои по сетке.

Группа. Объединяет несколько слоёв, перемещаются и настраиваются вместе.

Библиотека и импорт слоёв. Готовые ассеты ThemePunch (только с лицензией) и копирование слоёв из других модулей библиотеки.

Остальные настройки: краткий справочник

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

General. Автоповорот, стоп при наведении, зацикливание, первый слайд. Здесь же скрытие модуля на мобильных или при заданной ширине экрана.

On Scroll. Параллакс, 3D-глубина, шкала времени, затухание, размытие, оттенки серого. Настраиваются скорость и смещение. Совет: не пытайтесь охватить всё сразу, возьмите готовый шаблон со скролл-эффектами и разберите, как он устроен.

Spinner. 15 вариантов прелоадера с настраиваемыми цветами.

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

CSS / jQuery. Пользовательский код на модуль, но без знания языков лучше не трогать.

Modal. Слайдер как всплывающее окно или лайтбокс: позиция, цвет обложки, шорткод (отличается от основного, добавляет атрибут использования).

Skin. Пресет оформления текстовых слоёв. Один раз настройте под бренд и применяйте ко всем слоям.

Add-ons. Доступны только с прямой лицензией, не входят в комплектные версии тем.

Навигация, детально. Прогресс (индикатор или круг по таймлайну), стрелки (13 стилей), маркеры-точки (14 стилей), табы (для модулей из записей, миниатюра и заголовок), превью (5 стилей миниатюр), сенсорная навигация, клавиатура, мышь (карусель), редактор навигации для ручного кода.

Параметры слайда. Фон (прозрачный, цвет с градиентом, картинка, видео), миниатюра (админка и навигация), анимация перехода, фильтры (22 пресета), прогресс (длительность, пауза, видимость), правила публикации, теги и ссылка (свой класс/id, линк на весь слайд), параметры (до 10 произвольных для использования в слоях и навигации), слои цикла и скролл-эффекты на уровне отдельного слайда.

Видео: интерфейс в действии

Посмотрите, как всё это выглядит в реальном редакторе, видео от официального канала Slider Revolution:

⁉️🤔 Частые вопросы

Чем Slider Revolution отличается от бесплатных слайдеров?

Бесплатные плагины (MetaSlider, Smart Slider 3 Free) дают базовый функционал: загрузили картинки, настроили стрелки, готово. Slider Revolution, визуальная среда со слоями, анимацией, WebGL-эффектами и динамическими источниками контента. Бесплатные аналоги не умеют строить Hero-секции, товарные карусели и одностраничные сайты с параллаксом. Если сайту нужен просто слайдер «три картинки, поехали», бесплатного хватит. Для всего остального, Revolution.

Нужно ли активировать лицензию, если плагин шёл в составе темы?

Нет. Комплектные копии работают без лицензионного ключа, за обновления и совместимость отвечает автор темы. Оборотная сторона: премиум-шаблоны ThemePunch и дополнения (add-ons) недоступны, а обновления выходят с задержкой, пока разработчик темы их протестирует. Если нужен доступ ко всей библиотеке и мгновенные обновления, лучше купить отдельную лицензию.

Сильно ли плагин грузит сайт?

При правильной настройке, нет. В глобальных настройках включите отложенную загрузку (lazy load), не ставьте больше 3-4 слайдов на модуль без необходимости и используйте оптимизированные изображения (WebP/AVIF). На тестовом сайте с тремя слайдами и парой слоёв каждый, дополнительные 250-400 КБ, что в рамках нормы для медийного контента. Главный пожиратель скорости, полноэкранное видео в каждом слайде. Если видео критично, ставьте ленивую загрузку и отключайте автовоспроизведение на мобильных.

Можно ли использовать на нескольких сайтах с одной лицензией?

Зависит от плана. План Starter, 1 сайт (€45/год). Enthusiast покрывает 3 сайта (€89/год). Scale рассчитан на агентства и фрилансеров, до 250 клиентских сайтов за €209/год, актуальные тарифы на сайте Slider Revolution. Цена за сайт на Scale падает ниже €1 в год, самая выгодная опция для веб-разработчиков.

Сложно ли освоить с нуля?

Базовый слайдер с картинками и подписями, за 15-20 минут. Освоение слоёв, анимаций и скролл-эффектов, 2-3 вечера практики. Главный барьер не в сложности, а в количестве настроек: когда открываешь редактор впервые, глаза разбегаются. Совет: начните с импорта шаблона и разберите, как он собран, быстрее, чем читать документацию.

Что стало с разовой лицензией на CodeCanyon?

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

Что ставить в 2026 году: вердикт

Slider Revolution, плагин не для всех. Если нужен простой слайдер с тремя картинками, берите бесплатный MetaSlider и не переплачивайте. Revolution встаёт в полный рост, когда сайту нужна Hero-секция с параллаксом, карусель товаров или лендинг на один экран, собранный на слоях и WebGL-эффектах.

Практика показывает: те, кто ставит Revolution «просто чтобы было», используют малую часть возможностей и зря оформляют подписку. Те, кто реально работает со слоями и динамическим контентом, не возвращаются к другим слайдерам. Плагин недёшев (годовая подписка от €45), но для коммерческих проектов и клиентских сайтов окупается первым же слайдером, который не стыдно показать.

Попробуйте демо на сайте Slider Revolution, сразу станет ясно, ваш это инструмент или нет.