Пропустить

Как отображать слайд-шоу Slider Revolution WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

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

итог-тема-WordPress-рамка

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

Revolution-слайдер-учебник-WordPress-слайдер-дисплей-революция

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

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

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

Вы получаете доступ к странице конфигурации и получаете шорткод. В разделе Slider Название и Shortcode Вы заметите поля 3. 3e поле, содержащее короткий код, начинающийся с «[rev_slider ...]», является тем, из которого вы должны скопировать содержимое.

Revolution-слайдер-утилизатор из-шорткода

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

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

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

надстройку а-слайдер WordPress-учебник

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

надстройку а-слайдер-есть-а-страницы-WordPress

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

перетащить и падение революция-слайдер

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

шорткод-революция-слайдер

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

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

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

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

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

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

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

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

выравнивания из-элементов-оборотов-слайдер

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

центр элемента-переворот-слайдер

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

Проводник-в-слайд-переворот-слайдер

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

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

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

мода революция реагирующих-слайдер

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

Эта статья содержит 1 комментарий

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

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
17 акции
доля10
чирикать1
Регистрация6