Сегодня мы продолжим наше руководство по Revolution Slider, но на этот раз мы поговорим об отображении слайд-шоу в странице / статье WordPress, но также мы выполним некоторые расширенные настройки на вашем слайдере. Я надеюсь, что с начала этих руководств вы практикуете дома (это значительное преимущество всегда практиковать). Если у вас возникнут проблемы, напомню, что вы можете задавать мне вопросы, я буду рад на них ответить.

Тем, кто начинает с чтения этого руководства, я предлагаю вам не пропустить начало этих руководств по Revolution Slider:

• Как установить Revolution Slider
• Как понять интерфейс Slider Revolution
• Как настроить ползунок
• Как создать слайд-шоу на Revolution Slider

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

Что нужно знать о слайд-шоу

Revolution Slider - это плагин, который не зависит ни от какой темы. В принципе, слайд-шоу последних можно отображать на любые темы, но это не всегда так. Действительно, любая тема имеет правила стиля CSS, которые могут быть препятствием для правильного отображения слайдеров. Иногда, когда вы выбираете слайдер макет полная ширина Он будет переполнен и не будет отображаться так, как должен.

Вместо того, чтобы искать бесплатную тему, которая в конечном итоге будет совместима с Revolution Slider, я рекомендую выбрать премиум-тему, которая уже совместима с Revolutio Slider, и одной из тем, которые я вижу первой, является " Всего Из WPExplorer.

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

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

При этом давайте выясним, как отобразить слайдер на статье / странице

Как отобразить ползунок на статью

Revolution Slider предлагает вам добавлять слайдеры на ваши страницы / статьи двумя способами.

Использование шорткод

Вы получаете доступ к странице конфигурации и получаете шорткод. В разделе Заголовок и шорткод слайдера Вы заметите поля 3. 3^e Поле, содержащее шорткод, начинающийся так: «[rev_slider…» — это то, содержимое которого вам нужно скопировать.

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

Использование кнопки «Добавить ползунок» в визуальном редакторе

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

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

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

После этого вы увидите шорткод, добавленный в визуальный редактор.

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

Несколько советов по расширенному использованию Revolution Slider

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

Использование сочетаний клавиш

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

• CTRL + S : сохранить работу
• Направленные стрелки : переместить предмет на вашу сцену
• Shift + стрелки : позволяет перемещать предметы быстрее
• Сдвиг + изменение размера : выполнить пропорциональное масштабирование
• Дважды щелкните : открыть модификацию элемента

Овладеть инструментами редактора слайдов

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

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

Используйте инструмент навигации между элементами сцены

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

Нажав на список проводника, вы сможете выполнять различные операции с элементами, в том числе:

• Редактировать элемент: значок карандаша
• Изменение размеров элемента: значок со стрелками направления
• Удалить элемент: значок корзины
• Повторяющийся элемент: значок двойной страницы
• Скрыть элемент: значок глаза
• Заблокировать объект: значок замка

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

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

Блэр Jersyer

Разработчик WordPress, увлеченный всем, что касается новых технологических тенденций. Авторы плагинов, тем WordPress и других веб-приложений. Автор на BlogPasCher.com.

Посмотреть полную биографию