Переход от революции слайдера к умному слайдеру 3

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

Как быстрее всего заставить слайдеры работать?

Как я могу перейти от слайдера революции?

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

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

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

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

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

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

В этом блоге мы рассмотрим следующие пункты :

Может ли умный слайдер автоматически распознавать слайдер в повороте слайдера?

Каждый плагин имеет уникальный метод обработки и хранения данных. Из-за этого слайдеры, которые вы создали в одном плагине, не будут распознаны ни Smart Slider, ни Revolution Slider.

К сожалению, перемещение ползунков Slider Revolution вручную невозможно. Чтобы использовать ползунки, которые вы ранее создали в Revolution Slider, в Smart Slider, вы должны создать их заново.

Ваше первое создание слайдера

Создание слайдера — одна из важнейших задач программы слайдера. Тем не менее, каждый плагин слайдера имеет несколько иную точную процедуру. Перед созданием ползунка они могут, например, запросить дополнительную информацию (например, имя или некоторые размеры). Или они могут просто использовать настройки по умолчанию, не задавая никаких вопросов.

Как сделать слайдер?

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

Простой слайдер, блок, витрина и карусель — это четыре типа слайдеров, предлагаемых Smart Slider. Тип Slider в Slider Revolution эквивалентен типу Simple. Блок и сцена идентичны. Витрина — это то, что Smart Slider называет каруселью в Revolution Slider.

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

(ИЗОБРАЖЕНИЕ- карусели и одно изображение слайдера)

Как изменить размер слайдера?

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

Изменение макета и типа слайдера

Перед созданием слайдера Smart Slider предлагает вам выбрать его тип и макет. У вас есть возможность изменить их позже, если вы сделаете неправильный выбор/передумаете.

Перейдите на вкладку Размер слайдера, чтобы изменить макет слайдера. Измените тип ползунка в разделе «Действия ползунка». Измените тип ползунка, если вам нужен другой тип ползунка.

(Изображение-слайдер с макетами)

Активация и настройка автозапуска

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

Как смарт-слайдер обрабатывает слои?

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

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

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

Наиболее часто используемые слои

Отдельный заголовок и текстовый слой можно найти в Smart Slider. Заголовок h1-h6 или div можно создать с помощью слоя заголовка.

Видео слой является другим ключевым отличием. В Slider Revolution существует один видеослой. Вы можете выбрать, показывать ли на этом слое видео в формате HTML, YouTube или Vimeo. Однако у каждого видео есть свой слой в Smart Slider. Поэтому необходимо добавить слой YouTube, если вы хотите отобразить видео YouTube.

Как устроен слой?

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

Добавление анимации в слой

К каждому слою в Smart Slider можно добавить анимацию слоя. Перейдите на вкладку «Анимации» окна «Слой», чтобы добавить анимацию к вашему слою.

К каждому слою можно добавить три разные анимации:

In — анимация, благодаря которой ваш слой отображается на слайде.
Петля – это движение непрерывно. Например, вы можете использовать его для поворота изображения.
Out — слой « спрятан » от просмотра этой анимацией, что делает его невидимым.

Размещение слайдера на сайте

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

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

Заключение

Отличные инструменты для создания слайдеров включают Smart Slider и Slider Revolution. Но они сильно различаются по своему пользовательскому интерфейсу, названиям и расположению функций и другим факторам.

Ручное преобразование ваших ползунков — это масштабная и сложная задача. Надеюсь, эта инструкция упростит вам переход с Revolution Slider.