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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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