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

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

Хотите настроить плагин WordPress Slider Revolution?

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

Если вы новичок и ищете ресурсы для начала работы; здесь вы найдете все необходимое для начала работы, И если вы обнаружите создание блога, прочитайте Как легко создать блог WordPress: руководство и туто

Тем не менее, давайте узнаем, что такое слайдер.

Что такое слайдер на практике?

Слайдер - это компонент HTML. Да, я знаю, сказанное таким образом, не принесет вам особой пользы. Таким образом, слайдер - это функция, которая позволяет отображать различную информацию в цикле (или нет). Эта информация сгруппирована по " скользить ", Который является элементом" слайдера "и может состоять из изображений, видеотекстов, ссылок и т. Д.Slider Revolution - плагин для WordPress Slider Revolution

ползунок «Поэтому содержит» слайдах (Как минимум 1), и эти слайды содержат мультимедийные элементы (изображения, видео, музыка, текст) которые могут быть анимированными или интерактивными (реагировать на действия пользователя).

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

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

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

Создание слайдера: Первые настройки

Для начала вы должны нажать на меню " SLIDER Революция На вашей панели WordPress.

Wordpress слайдер Revolution

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

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

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

  • Вернуться к списку слайдеров « Все слайдеры »
  • Доступ к настройкам слайдера (это окно, в котором вы находитесь)
  • Интерфейс редактирования слайдов
  • Кнопка резервного копирования
  • Кнопка редактирования слайдов
  • Кнопка предварительного просмотра слайдера
  • Кнопка удаления слайдера
  • Кнопка возврата (снова) К списку ползунков

бар инструментов революция-слайдер

Теперь я объясню, каждый раздел в левой колонке.

Этот плагин WordPress обрабатывает множество изображений, что может замедлить загрузку вашего сайта. Обнаружить Почему вы должны начать оптимизировать свой блог WordPress по изображениям

раздел «Источник контента»

Содержание источник революция-слайдер

Этот раздел позволяет настроить источник слайдера. Действительно, здесь вы можете решить создать:

  • Классический слайдер, в котором вам придется настраивать все анимации самостоятельно
  • Слайдер статей, в котором ваша комната для маневра довольно ограничена
  • Слайдер конкретных статей, которые вы можете выбрать
  • Слайдер новостной ленты Flickr
  • Слайдер из ленты Instagram
  • Слайдер по продуктам WooCommerce
  • Ползунок на Твиттере
  • Ползунок на сообщениях Facebook
  • Ползунок на YouTube Публикации
  • И слайдер на публикациях Vimeo

Попутно следует отметить, что: Slider Revolution - мощный плагин, позволяющий выделять товары в интернет-магазине. Откройте для себя Темы 10 WordPress для создания интернет-магазина и демонстрации вашей одежды

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

Раздел заголовка и шорткода слайдера

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

Название и шорткод-дю-слайдер

Раздел «Выберите тип слайдера»

выбрать в своем роде-в-слайдер слайдер-революция

Этот раздел позволяет определить базовую структуру слайдера. Действительно, в вашем распоряжении 3 варианта на выбор, из которых вы можете:

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

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

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

Ремарка : Всякий раз, когда вы выбираете вариант, у вас есть раздел "Загрузите предустановку из этого типа ползункаКоторый предлагает вам расширенные варианты типа слайдера, который вы выбрали.

Переключение в натуральной форме, из-слайдера

Я не смогу объяснить все варианты, но вы сможете сделать выводы из доступных изображений. Например, для типа слайдера Стандарт У вас есть как четвертый вариант Thumbs Bottom самостоятельно ", Который позволяет создать слайдер с миниатюрами внизу и имеет анимацию с автопрокруткой.

большие пальцы нижней самостоятельной слайдер-переворот-учебник

Раздел «Макет слайда»

слайдер-макет-переворот-слайдер

Этот раздел позволяет вам установить макет для вашего слайдера. Так что вы можете уйти Революция Slider »Автоматически выберите ширину, которую он будет применять к ползунку, выберите, чтобы применить полную ширину к ползунку или использовать ползунок в полноэкранном режиме.

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

Читайте также Советы 6 по оптимизации мобильного дизайна вашего блога

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

Раздел «Настроить, построить и внедрить»

Этот раздел на самом деле не имеет опции для плагина. Он предлагает вам несколько быстрых ссылок на важные разделы.

Настройка-сборка-Реализовать

Теперь мы продолжим со вторым столбцом справа.

Раздел общих настроек

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

Во вкладке «Слайд-шоу»

  • Отключить слайдер на эстакаде
  • Остановить ползунок после установленного количества прокруток
  • Показывать слайды в случайном порядке
  • Зациклить слайд
  • Отключить или остановить слайдер на устройстве определенного размера
  • Последний вариант «Ждать revapi.revstart ()», вам не пригодится.

Во вкладке «Неисправности»

Вы можете определить:

  • Выбираемый символ слоев
  • Определить идентификатор слайдера (это делается автоматически)
  • Минимальная продолжительность между слайдами
  • Тайм-аут до инициализации
  • Переход между слайдами
  • Продолжительность перехода выражается в микросекундах
  • Размер изображения
  • CSS позиция фонового изображения
  • Повторение фонового изображения, если это изображение недостаточно велико
  • Активация опции " видео Muette Что позволяет определить тип анимации, позиции в XY (да, что вы узнаете, когда вы должны рисовать математические функции) и другие элементы.

Вкладка индикатора выполнения

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

Вкладка 1er Слайд-шоу

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

Раздел «Макет и визуализация»

Вы хотите продавать свою продукцию в Интернете?

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

макет и-визуальный

Вкладка "Внешний вид"

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

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

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

вкладка "Spinner"

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

вкладка "Мобильный"

Эта вкладка позволяет управлять отображением слайдера на мобильном телефоне. Вы должны знать, что мобильный трафик важен, и поэтому вы не должны пренебрегать им. У вас будет возможность скрыть ползунок, если размеры мобильного телефона (ширина) меньше заданной вами величины (в пикселях).

вкладка "Позиция"

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

Раздел «Навигация»

Этот раздел позволяет активировать кнопки навигации между слайдами на вашем «слайдере». У вас есть 6 вариантов навигации:

  • стрелки
  • блохи
  • вкладки
  • эскизы
  • Эффект приземления на мобильных устройствах
  • И навигации с помощью клавиш со стрелками

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

Конфигурация-навигация-революция-слайдер

Раздел «Настройки карусели»

Параметр-дю секции карусельного революция-слайдер

Этот раздел появляется только при выборе типа Карусель слайдер », И позволяет настраивать его параметры. Вы будете в состоянии:

  • Включить бесконечную прокрутку
  • Определите пространство между слайдами, если вы не хотите, чтобы слайды касались
  • Установите округленную границу в пикселях
  • Установить верхнее верхнее поле (обивка-топ)
  • Установить низкий верхний край (обивка-дно)
  • Количество элементов, видимых «слайдом»
  • « растяжимый элемент", Позволяет растянуть элемент так, чтобы он занимал всю ширину" ползунок »

Безопасность - важный элемент бесперебойной работы вашего веб-сайта, и одним из методов, которые защитят вас от любых серьезных атак или ошибок, является регулярное резервное копирование вашего блога. Откройте для себя наши Плагины для блогов 5 WordPress

Раздел "Параллакс и 3D"

Здесь вы можете активировать опцию 3D На вашем слайдере.

Раздел «Проблемы и способы их решения»

Этот раздел позволяет вам управлять совместимостью со старыми устройствами. Вы можете упростить слайдер на IOS4 и Internet Explorer 8 .

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

Раздел "Google Fonts"

Эта функция позволяет вам управлять шрифтами Google Fonts, которые вы загрузите, и применять их к слайдеру.

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

копи-а-слайдер слайдер революции

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

1. LayerSlider

LayerSlider - это многофункциональный плагин для создания анимации премиум-класса для WordPress. Он дает вам возможность создавать слайд-шоу и галереи изображений с потрясающими эффектами, красиво анимированные целевые страницы и блоки страниц или даже целый веб-сайт.Плагин Layerslider для wordpress создать слайдер 1

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

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

Пройдите дальше с этим мощным плагином WordPress, прочитав эту статью Layer Slider: плагин WordPress для создания слайдера

скачать | Демонстрация | веб-хостинг

2. WP1 Slider

WP1 Slider - это универсальный плагин для WordPress. Он прост в использовании и обладает всеми полезными функциями, необходимыми для создания красивых слайд-шоу. Большинство плагинов для слайдеров являются слишком техническими и требуют много времени для их настройки, но WP1 Slider предназначен для непрограммистов и предлагает невероятные возможности.Плагины wp1 slide pro для wordpress создают слайд-шоу слайды веб-сайтов

Среди них вы найдете:поддержка эффектов Кенберна, 6 разные модели слайдерных переходов,поддержка шорткодов, cодин раз слайды путем перетаскивания,быстрое преследование и отличное SEO,поддержка публикации в нескольких социальных сетях, iинтеграция видео YouTube и Vimeo, электронная версткаполностью отзывчивый, поддержка WooCommerce и другие.

скачать | Демонстрация | веб-хостинг

Другие рекомендуемые ресурсы

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

Заключение

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

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

10 акции
доля2
чирикать1
Регистрация7