Slider revolution как пользоваться

1

Manual

Slider Revolution is far more than a slider creation tool alone. Sure, you can absolutely create stunning sliders, but you can also use this incredibly powerful tool to produce all kinds of visually captivating content for your sites. You can create everything from hero units to image carousels to navigation menus to entire websites.

Slider Revolution started its life with a focus on sliders, but over its many year history it has evolved into a complete set of design and animation software with new features and enhancements being added all the time.

A powerful tool such as this needs a robust set of instructions to go along with it, helping you to discover every little corner of Slider Revolution and what it’s capable of. That’s what this manual is here to do for you.

Navigation / Table of Contents

In the sidebar to the left side of this screen you’ll see the navigation for this manual (TIP: You may need to scroll up to see the left side menu). This is essentially your table of contents for everything there is to learn. Each section can be expanded to reveal the content within it, and collapsed again when you want to focus on just one area.

Additionally, along the top of each page you’ll see a breadcrumb trail that will help you find your way around.

Flip Through Page by Page

This manual is designed for you to be able to land on page 1 and flip through it like a book. You’ll be taken from beginner through to advanced usage of Slider Revolution as you go along. You’ll learn about the entire set of tools available to you within the plugin.

You’ll start with essential beginner lessons to get you up and running fast, and be steadily guided through every part of Slider Revolution until you can use the tool to build just about anything you can imagine.

You’ll notice at the bottom of this page is a link pointing to the next guide in this manual. After learning what a page has to teach you, click the link at the bottom to jump to the next guide:

Every page is in sequence. All you have to do is start at the beginning and follow through page by page, by the end of which you will have a good grasp on the fundamentals of Slider Revolution.

Let’s Go!

We’ll begin with the “Getting Started” section, broken into two parts: “Quick Setup” and “Rapid Fire Overview”.

In our “Quick Setup” section we’ll begin with plugin installation, and making sure you have all the latest and greatest inclusions.

Then we’re going to get you up and running with the plugin fast through our “Rapid Fire Overview” section, because who wants to wait to start having fun with a new bit of kit.

So let’s jump in and get started. Click the Install & Activate link at the bottom of this page to view the next page in the manual.

Slider revolution как пользоваться

Slider Revolution is an innovative, responsive WordPress Slider Plugin that displays your content the beautiful way. Whether it’s a Slider, Carousel, Hero Scene or even a whole Front Page, the visual, drag & drop editor will let you tell your own stories in no time!

S R Highlights

FRONT PAGE DESIGNER

Slider Revolution is not only for “Sliders”. You can now build a beautiful one-page web presence with absolutely no coding knowledge required. To get you started fast, we included a ton of premade examples that come with all assets included!

• Create Beautiful One-Page Websites
• Lots of Examples included
• Works Great on any Device (Desktop, Tablet, Mobile)
• No Coding Knowledge necessary!

DRAG & DROP VISUAL SLIDER BUILDING

Building sliders has never been easier! Even though Slider Revolution is sporting an impressive number of options, even beginners will manage to create beautiful presentations with our new, more intuitive workflow.

• Text, Image, Video, Shortcode, HTML Content Layers
• Complete Graphical User Interface
• Custom Slide Content for different Devices
• Full Control over Styles, Animations, Transitions

FULLY RESPONSIVE SOLUTION

We made sure that Slider Revolution looks great and is intuitive to use on every device, be it desktop computers, tablets or smartphones.

• Works on Desktops, Notebooks, Tablets & Smartphones
• Optimised for Android & Apple Devices
• Custom Slide Content for different Devices
• Fallback Options for Mobile Devices

TRUE MULTI-MEDIA CONTENT

We want Slider Revolution to integrate into your website as seamlessly as possible. Why not show any content with it?

• Regular Image Display with Bulk Upload
• HTML5, YouTube & Vimeo Video Support
• Popular Social Media Content Stream
• WordPress Post & Custom Posts

NAVIGATION DESIGNER

You get tons of navigation styles for bullets, arrows, tabs & thumbnails with Revolution Slider. The kicker is that you can now easily modify or create your own sets of navigation elements!

• Arrows, Bullet, Tab, Thumbnail Navigation
• Lots of “Ready to Use” Styles included
• Markup and Style Builder with Preview
• Export your own Navigation Sets!

WE TAKE SECURITY SERIOUSLY

Our Slider Revolution WordPress Plugin was audited by professional researchers at morxploit.com to make sure that it’s no threat to the security of your WordPress website.

• 100% Secure WordPress Plugin
• New Update Notifications via the Backend
• Constantly Maintained ThemePunch Quality

OPTIMIZED PERFORMANCE

Good looks aren’t everything, so we made sure that Slider Revolution also loads lightning fast!

• Loaded core file size automatically scales with used features
• Intelligent Lazy Loading options
• SEO Optimization
• Monitor and optimize all aspects of your sliders
• Advanced Debugging Options

Plugin Version / Compatibility

• Version 5.2.6 StarPath release Date 28.06.2016
• WordPress 4.x Ready
• jQuery 1.7.x — jQuery 1.10.x and jQuery 2.+ Compatible

Alternatives to this Product

• jQuery-only Version: SRR jQuery Plugin
• PrestaShop Version: SRRPrestashop Module
• Magento Version: SRRMagento Extension
• Opencart Version: SRROpencart Extension
• Drupal Version: SRRDrupal Extension

Plugin Features

THE TECHNOLOGY

Our premise is “less is more” and that is reflected in the structure of our components. In order to incorporate so much functionality into our plugins, we make sure everything is build as modular as possible.

• Fully Responsive & Mobile Specific Features
• jQuery 1.7 — jQuery 2.x Supported
• Lightning Fast Greensock Animation Engine
• Powerful API functions
• Smart Font Loading

GENERAL OPTIONS

We want Revolution Slider to be able to fulfill all slide based roles along with special functionality like carousels and hero blocks. If you can’t find a specific feature, feel free to ask us!

• Hero, Carousel and Classic Slider Features
• All Sizes Possible (Full Responsive + Revolutionary 4 Level Advanced Sizes)
• Fullwidth, Fullscreen, Auto Responsive Slider sizes
• Unlimited Sliders per page
• Image BG Cover, Contain, Tiled, Alignment, etc.
• WYSIWYG Drag & Drop Editor
• Published / Unpublished Slides
• Publish slides based on predefined Dates
• Simple and Advanced Lazy Loading for Faster and SEO Optimized Slider Start
• Link and Actions on Slides
• Parallax Effects, full customizeable, combine with Ken Burns and other effects (Mouse / Scroll controlled)
• Improved Light weight Ken Burns Effects (easier & faster)
• World Premiere for advanced Action Building
• Build Social Stream based Sliders
• Quick and Easy building based on Slider, Slide and Layer Templates
• Performance Monitor and better Performance Suggestions
• Viewport based Slide Loading and Progress
• Create Slider Defaults, Reset, overwrite single Settings due all slides
• Save Slide, Slider, Layer, Animation as Template

LAYER CAPABILITIES

Layers have evolved from simple layers to become powerful scene building tools!
Drag and Drop, Customize & Animate your way to your perfect slider.

• Animation Builder
• Huge Number of Possible Transitions
• Create your custom animations
• Set Start / End Time, Speed, Ease and Effects of any Layers
• Show/hide layers on Slider Effects, Events, Actions
• Add Unlimited Number of Layers
• YouTube, Vimeo, Self-Hosted HTML5 Videos, Shapes, Buttons, Predefined Buttons as Layer
• Set actions and links per Layers
• Combine Actions over different Layers and slides
• Option to Link to a Specific Slide via Layer
• Toggle Animation, Classes, video functions via Layers
• Variable Layer Image Sizes, full responsive and/or Device Size based
• Design your Layers for different Device sizes after your needs
• Option to Hide Layers on Any Devices

SLIDER NAVIGATION

We have implemented almost all navigation types you can think of, which can be aligned anywhere on the stage.
Be in full control with Slider Revolution Navigation!

• Bullet, Button, Tabs and Thumbnail Navigation, single or mixed mode. Any position like outter,inner, aligned etc.
• Left/Right, Top/Bottom Mouse Scroll events.
• Vertical/Horizontal Keyboard actions
• Mobile Touch Enabled (Optional)
• Drag and Pull Carousel Feature
• “Stop Slide Timer on Hover” Function
• Auto-Hiding of Navigation with Delay Option
• Optional Countdown Timer Line
• Set position, color, size of Time Line
• Set size, visibility, amount and behaviour of Thumbs, Tabs, Bullets, Arrows
• Hide / Enable Navigation on Mobile Devices
• Keyboard Navigation
• Fancy Navigation Skins with Slider Preview

VIDEO FEATURES

• AutoPlay — Always, only first time, skip first time, wait for action
• Stop video on Blur, Play Video only in ViewPort
• Rewind, or keep current progress time
• Set Start and End time
• Loop, “Loop and Progress” Slide
• Fullscreen, fullwidth, boxed
• Navigation features
• Action based control (through other layers)
• New Video API, Events and Methods to controll media outside of the Slider

CONTENT SOURCES

Slider Revolution is not just your ordinary image & video slider any longer. Now you can also pull the sliders content from popular social media steams.

• Custom-Build Content
• WordPress Posts
• Facebook
• Twitter
• YouTube
• Vimeo
• Flickr
• Instagram
• (WooCommerce: Coming Soon!)

GET INVOLVED!

Is there a feature you would like to see?
We will go through all your feedback weekly and pick the most requested features to be included in a future update!
Contact us via our Profile Form

Press Commentary

“Revolution Slider is an all around awesome plugin, and would be a solid addition to any site.”
(WPExplorer)

”…all I can say is WOW. I can honestly say that I haven’t had as much fun with, or been blown away by the quality and experience of any plugin/slider/website building tool in…ever??”
(Webdsignandsuch.com — “A look at the Revolution Slider — Steve Jobs would be proud”)

“This is my favourite Slider plugin right now — props to Theme Punch for bringing us this one.”
(Blogging Wizard)

“I thoroughly enjoyed testing and using this plugin, and highly recommend it to all those of you who are looking for a slider plugin, especially if you plan to include some layer-based animation features to your slides.”
(WP Mayor)

Slider Revolution v 6.2.17 — создание и настройка слайдера

В этом посте, как я и обещал, досконально рассмотрим все этапы создания и настройки слайдера для WordPress, плагином Slider Revolution новой Версии 6.2.17.

В разделе Centr-Sit-Info Уровень Standart, да и в предыдущей статье блога, Slider Revolution — новые изменения и настройка слайдера, подробно разобран интерфейс настроек и создание слайдера в пятой версии 5.4.8.3.

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

И так, приступим.

Подготовив все исходники слайдов: фоновые изображения соответствующих размеров (у меня по ширине W = 1920px, высота H = 700px), рисунки дополнительных слоев (логотипы, фото, изображения), тексты призывов, ссылки целевых страниц, приступаем к созданию слайдера.

Все изображения, оптимизированные под нужный размер и вес, загружаем в Библиотеку медиа-файлов WordPress.

Страница Обзора Slider Revolution.

Страница Обзора Slider Revolution — это первая страница, которая откроется после входа в настройки плагина.

Нажимаем на вкладку Новый пустой модуль. Во всплывающих окнах — первичный выбор настроек и подсказок:

Окно Базовой конфигурации модуля Slider Revolution 6.

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

Тип модуля — Какой тип модуля вы хотели бы создать?

1. Слайдер — ползунок или Классический.
   Тип модуля, выбранный и установленный у меня на сайте. Его и будем рассматривать.
   Слайдер состоит из нескольких слайдов. Каждый слайд имеет свой контент и может перемещаться с различными дополнительными элементами навигации.
2. Сцена — место действия.
   Сцена — это, по сути, слайдер с одним слайдом и без элементов навигации.
   Лучше всего использовать для модулей контента, которые не требуют дополнительной глубины. Например, шапка сайта.
3. Карусель.
   Карусель — это слайдер с несколькими слайдами, которые видны одновременно.
   Существует множество вариантов настройки карусели. Часто используется на сайтах интернет-магазинов.

Размеры модуля — Какой размер должен иметь модуль?

1. Авто.
   Лучше всего подходит для Классического слайдера.
   Размеры модуля будут автоматически отрегулированы под ширину окружающего контейнера (то есть, места расположения на сайте), сохраняя свое соотношение сторон (фоновых изображений).
2. Полная ширина.
   Модуль всегда будет охватывать полную ширину веб-страницы.
   Высота может быть гибкой, в зависимости от других настроек (масштабироваться).
3. Полноэкранный.
   Модуль всегда будет соответствовать всей площади на веб-странице
   (обычно используется на сайтах фото-пейджеров).

Адаптивность — Как бы вы хотели изменить свой контент?

1. Классический, линейное изменение размера.
   Размеры слоев изменяются линейно, так же, как изменяется размер модуля.
   Вам нужно настроить только один размер экрана (Настольный ПК).
2. Интеллектуальное наследование.
   Эти настройки я выбирал для своего слайдера.
   Четыре пользовательских размера устройств активируются, и размер/положение слоев автоматически рассчитываются на основе размера Настольного компьютера.
   Вы можете сделать индивидуальные настройки для слоев всех размеров адаптивных устройств (ноутбук, планшет, смартфон).
3. Ручные нестандартные размеры.
   Четыре пользовательских размера устройств активированы, и слои должны быть вручную отрегулированы, в соответствии с их размерами устройства.

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

Визуальный Редактор настроек слайдера.

На открывшейся странице Визуального Редактора настроек слайдера, в Окне Сетки слоев, мы видим пустой слайд, автоматически созданный программой.

Общие параметры Модуля.

В правом меню — Общие параметры Модуля, вкладка Название. Можно изменить название слайдера и его Алиас, с помощью которых формируется шорт-код слайдера.

Вкладка Макет. Настройки выставляются автоматически, согласно Базовым.
Если планируете разместить слайдер на Главной странице — на всю ширину сайта, ниже корректируем данные пункта Размер Области Слоя.
Для Настольных компьютеров меняем ширину и высоту, соответственно фоновых изображений ( у меня, ширина W = 1920px, высота H = 700px).

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

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

Остальные пункты Общих параметров:

Контент — источник Пользовательский.
По умолчанию — длительность слайда оставляем 9000 м/с (9 секунд).
Общие — активируем Автоповорот слайд-шоу и Остановка при наведении.
Ниже, в пункте Первый Слайд, активируем Другое и выставляем #=1.
Слайдер будет запускаться с первого слайда.
Все остальное, пока, по-умолчанию. Сохраняем настройки.

Параметры навигации.

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

Стиль — Горизонтальная линия;
Выравнивание — Верх слайдера;
Толщина линии — достаточно и 2px (по умолчанию 5px).

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

Вкладка Сенсорный. Включаем Мобильный свайп, Размах рабочего стола и Блок
прокрутки (по желанию). Swipe Dir — горизонтальная.

Клавиатуру и Мышь активирует, при условии использования в навигации Стрелок
и Точек.

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

Меню Сетки Слоев редактора слайдера.

В верхнем меню Сетки Слоев, наводим мышкой на Слайд. В выпавшем меню, название нового первого слайда (#1 New Slide). Позже, заменится на свой.

Выбираем Добавить слайд — Массовое добавление Слайдов.
В библиотеке Медиафайлов WordPres, при нажатой клавише Ctrl, выделяем, загруженные заранее, фоновые изображения слайдов (у меня 3 шт.). В той последовательности, которая нам необходима (1, 2, 3 слайды). Нажимаем Установить.

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

Создание и настройка Слайда №1.

Я приведу пример создания и настройки реального слайдера, который расположен на Главной странице этого сайта.

В верхнем меню Слайд — наводим мышь и выбираем #1 New Slide, первый, который подгрузился (обычным перетаскиванием их можно менять местами).

Загружаем эмблему Логотипа сайта.

В следующем пункте, справа, Добавить слой — Изображение — Библиотека WordPress. Выбираем изображение — установить.

В правом меню Параметров, активируется 4-й Пункт, Вид редактора — Параметры Слоя.
Размер & Позиция — центр/верх, X = 8px, Y = 17px.
Размер изображения — ширина W = 170px, высота H = 155px.
Адаптивный Вид — все пункты активированы (здесь и в последующих слоях).

Анимация. Ключевые Кадры — Аним К.

Вход слоя IN — выбираем Slide Transitions — Long Slide from Top (сверху).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Top (вверх).
Основы (Time Out) — Длительность 300м/с, Начало 500 м/с.
Сохраняем изменения.

Следующие два изображения — это тексты, обработанные в Photoshop, в формате PNG.

Первый рисунок.

Добавить слой — выбираем изображение «Учебный раздел» из библиотеки медиа-файлов.
Размер & Позиция — центр/верх, X = -325px, Y = 53px.
Размер изображения — ширина W = 510px, высота H = 80px.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход в лево).
Основы (Time Out) — Длительность 500м/с, Начало 900 м/с.

Учитываем время появления каждого последующего слоя.

Второй рисунок.

Добавляем слой-изображение «Centr-Sit-Info».
Размер & Позиция — центр/верх, X = 305px, Y = 54px.
Размер изображения — ширина W = 510px, высота H = 80px.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход в право).
Основы (Time Out) — Длительность 500м/с, Начало 1400м/с.

Добавляем новый Слой — Текст.

В Параметрах слоя — Контент, вписываем нужный нам текст — Премиум-темы для WordPress. Выравнивание — слева.

Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 198px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 1900м/с.

Следующий текстовой файл — Профессиональные сайты.

Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 270px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2400м/с.

Третий текстовой файл — Самостоятельно!

Выравнивание — слева.
Стиль. Высота шрифта = 48px, высота строки = 25px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.

Размер & Позиция — слева/верх, X = 300px, Y = 330px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Left (появление слева).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Left (уход влево).
Основы (Time Out) — Длительность 500м/с, Начало 2900м/с.

Сгруппированное изображение ноутбука и планшета.

Добавляем Слой тем же путем, что и предыдущие. Рисунок в формате PNG.

Размер & Позиция — центр/верх, X = 250px, Y = 136px.
Размер изображения — ширина W = 825px, высота H = 550px.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Slide Transitions — Long Slide from Right (появление справа).
Выход слоя OUT — выбираем Slide Transitions — Long Slide to Right (уход вправо).
Основы (Time Out) — Длительность 500м/с, Начало 3400м/с.

Заключительный элемент слайда — Кнопка — Узнать больше.

Добавить Слой — Кнопка. В новом окне выбираем ее размер и конфигурацию.
В Параметрах слоя — Контент, вписываем текст кнопки, выравнивание — по средине.

Стиль. Высота шрифта = 30px, высота строки = 60px,
Толщина шрифта & Стиль = 500 Medium.
Шрифт — Roboto, цвет — белый.
Если необходимо, подбираем цвет самой кнопки.

Размер & Позиция — центр/верх, X = -150px, Y = 420px.
Размер изображения — ширина W = auto, высота H = auto.

Анимация. Ключевые Кадры — Аним К.
Вход слоя IN — выбираем Rotations — Rotate in from Botton v2 (появление от зрителя).
Выход слоя OUT — выбираем Rotations — Rotate Out to Botton v2 (уход на зрителя).
Основы (Time Out) — Длительность 500м/с, Начало 3900м/с.

Actions — действие кнопки. В новом окне выбираем — Простая ссылка.
После этого, в строке — URL ссылки, вставляем ссылку на страницу (сайт), которая должна открыться при нажатии на кнопку.
Ниже, в строке — Целевая страница, выбираем — В новом окне (вкладке).
Строка Следовать — Перейти по ссылке.
Теперь окно можно закрыть и сохранить изменения в слайдере.

Вам в помощь 1-й видео-урок по настройке Slider Revolution v 6.2.17 из раздела Centr-Sit-Info Уровень Profi-bizblog:

На этом создание и настройка первого слайда закончена. Продолжение смотрите в Учебном разделе Centr-Sit-Info Уровень Profi-bizblog.
Регистрируйтесь и изучайте дальнейшие настройки слайдера плагином Slider Revolution 6-й версии. В новой версии плагина, разработчики внедрили много скрытых интересных фишек.

Подписывайтесь на новости Учебного раздела Centr-Sit-Info и не забываете нажать на кнопку Поделиться в социальных сетях.

Как использовать плагин Slider Revolution для WordPress

В этой статье мы рассмотрим плагин Slider Revolution Responsive WordPress , который позволяет создавать богатый и динамичный контент на ваших сайтах WordPress. И не только ползунки: он позволяет создавать карусели, модули контента и полноценные веб-сайты с помощью богатого встроенного редактора!

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

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

10 лучших плагинов WordPress для слайдеров и каруселей 2019 года

19 марта 2019 г.

Как добавить слайдер в WordPress с помощью бесплатного плагина

Что делает Slider Revolution лучшим плагином WordPress Slider?

22 марта 2019 г.

Лучшие способы создания слайдера изображений для WordPress

14 февраля 2019 г.

Сегодня мы собираемся обсудить адаптивный WordPress плагин Slider Revolution , который можно купить в CodeCanyon по очень разумной цене, особенно учитывая количество предоставляемых им функций. Это позволяет создавать очень качественный веб-контент: слайдеры, карусели, заголовки героев и многое другое. Он также поставляется с мощным встроенным визуальным редактором, который позволяет быстро создавать полноценные веб-сайты. Учитывая предоставляемые функции, это обязательный инструмент для разработчиков сайтов!

Давайте быстро пройдемся по важным функциям Slider Revolution:

• новый визуальный редактор
• библиотека медиаресурсов
• 200+ шаблонов
• 20+ дополнений
• ползунки, карусели, заголовки героев и модули контента
• специальная поддержка FX с помощью дополнений
• поддерживает настройку
• и многое другое

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

Что делает Slider Revolution лучшим плагином WordPress Slider?

22 марта 2019 г.

Почему вы должны использовать Slider Revolution для вашего сайта WordPress

Для начала посмотрим, как загрузить и установить плагин с торговой площадки CodeCanyon.

Установка и покупка кода регистрации

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

Как только вы купите этот плагин, вы сможете скачать файл revslider.zip . Это файл плагина WordPress, который вы можете использовать для установки этого плагина со стороны администратора WordPress. Итак, продолжайте и следуйте стандартному процессу установки плагина WordPress, и вы почти закончили.

Далее нам нужно зарегистрировать код покупки плагина, и это должно разблокировать доступ к:

• 200+ премиум шаблонов
• 25+ дополнительных плагинов
• Более 2500 бесплатных изображений, видео и значков
• 100+ готовых слоев и анимаций
• мгновенные обновления плагинов
• поддержка премиум билетов

Во-первых, вам нужно получить код покупки из раздела codecanyon.net/downloads . Нажмите на ссылку Download> License Certificate , и вы получите текстовый файл, который должен содержать код покупки предмета.

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

Как использовать плагин WordPress, реагирующий на революцию слайдеров?

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

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

ползунок

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

В контексте этого плагина слайд — это не просто изображение, это может быть что угодно: текст, изображение, видео, аудио или что-то еще. Фактически, Slider Revolution позволяет вам создавать разные слои на слайде, чтобы добавлять разные элементы. Если вы использовали Adobe Photoshop или подобное программное обеспечение, вы знаете, насколько важна и полезна эта функция. Фактически, когда вы открываете пользовательский интерфейс редактирования слайдов, трудно поверить, что это веб-интерфейс. Это похоже на создание контента с использованием профессионального программного обеспечения для редактирования изображений!

Сцена

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

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

карусель

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

Как настроить слайдер

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

Прежде чем мы продолжим, убедитесь, что вы установили этот плагин на своем сайте WordPress, если вы хотите следовать.

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

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

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

Как вы можете видеть, это довольно богатый интерфейс и предоставляет множество опций настройки — так же, как профессиональное программное обеспечение для редактирования изображений!

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

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

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

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

Чтобы добавить новый слайд, нажмите « Добавить слайды»> «Пустой слайд», как показано на следующем снимке экрана.

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

И это должно представить вам различные варианты, которые вы можете выбрать, чтобы вставить слайдер:

В моем случае превью выглядит так!

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

Следующий шаг: быстрый взгляд на пару других скриптов-слайдеров

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

Вывод

Сегодня мы рассмотрели адаптивный плагин WordPress для Slider Revolution, доступный на CodeCanyon . Это позволяет вам создавать динамический и богатый контент на лету на вашем сайте WordPress. В этом посте мы лишь немного рассмотрели возможности этого плагина.

Я уверен, что вы уверены, что Slider Revolution — это мощный плагин для создания динамичного и насыщенного контента на вашем сайте. Хотя это коммерческий плагин, я считаю, что он по разумной цене, учитывая множество функций, которые он предоставляет.

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