Пропустить

Slider Revolution: настройка слайдера на WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Wordpress слайдер Revolution

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

вкладка "Spinner"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Раздел "Google Fonts"

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

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

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

 

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

1. LayerSlider

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

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

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

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

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

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в 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 всех времен.

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

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

  1. Здравствуйте, я создал 2 разные модели. Теперь я хочу переключиться с моего текущего онлайн-курсора. Я действительно не могу этого сделать. Кто-нибудь может дать волшебный совет? Заранее спасибо!

  2. Я создал слайдер 4 и разместил в нем 3 диапозитива. Но на моей домашней странице слайдер Revolution показывает только один слайд и не показывает остальные. Отображается только первый слайд. Когда я помещаю, например, последний слайд на первое место, слайдер Revolution отображает этот последний и оставляет остальные.

    1. Bonsoir,

      Можете поделиться скриншотом своих настроек? Или экспортируйте слайд и восстановите настройки слайдера вращения.

  3. Привет,

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

    спасибо

  4. Здравствуйте, я загрузил шаблон слайдера, я смог изменить тексты и изображения, однако я использую премиум-версию слайдера: мы видим текст «Революция слайдера…» + ссылки на их социальные сети в слайд pff. И я не могу найти или удалить этот текст. заранее спасибо

    1. Добрый вечер Алисия,

      Вы пробовали создать новый слайдер вместо использования шаблона?

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

  6. Привет,
    У меня проблема с Revolution Slider. Кажется, я не могу найти решение, чтобы мои фотографии не обрезались по вертикали.
    Должен ли он иметь флажок?
    Спасибо за ваше возвращение
    Норберт

    1. Привет,

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

  7. Привет,
    на слайдерной революции я хотел бы, чтобы мой слайд начинался только тогда, когда мышь или свиток запускают его. Это возможно?
    Какой параметр в слайдере активируется?
    Merci Ьеаисоир.

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

    мерси Ьеаисоир

    1. Здравствуйте. Это возможно, но в настоящее время у нас нет руководств, которые можно было бы вам показать.

  8. привет,

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

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

  9. Привет, добрый вечер, сомневаюсь.
    У меня есть несколько изображений в Slider Revolution, и я хочу скрыть их в мобильной версии за вычетом первого. Я видел, что один и тот же плагин может скрывать нужные изображения на разных устройствах, но проблема в том, что он скрывает только изображение, потому что он продолжает обнаруживать наличие нескольких элементов, потому что полоса time продолжает загружаться и оставляет экран пустым при скачке первого. Как я могу действительно скрыть изображения?

    Merci Ьеаисоир

    1. Привет,

      Вы пытались связаться с поддержкой плагина Slider Revolution? Вы быстро найдете решение.

  10. Привет, я хотел спросить вас, как разместить курсор в строке меню горизонтальной панели навигации, как это происходит на сайте Apple.com, где находится меню выше и чуть ниже курсора (меню кажется прозрачным
    спасибо
    Andrea

  11. Привет,

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

    Заголовок для каждого слайда обязателен. По умолчанию я ставлю «цитата 1» и так далее. Но заголовки отображаются на слайдах… Например, «Цитата 1» отображается справа на моем первом слайде. Как я могу предотвратить появление заголовков?

    Заранее благодарим вас за ответы, вы помогли бы студентам в проекте с наставником!

    1. Привет,

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

  12. Привет,

    У меня возникла небольшая проблема с этим слайдером, и, несмотря на множество исследований, я не нашел решения. Может ты спасешь меня? 😉
    Я настроил слайдер на своей домашней странице, он безупречный, очень хороший, ЗА ИСКЛЮЧЕНИЕМ того, что когда на нем находится мышь, прокрутка невозможна. Мне нужно убрать мышь со слайда, чтобы прокрутить вниз (вверх, видимо, работает). Это меня немного беспокоит, потому что я боюсь, что некоторые люди не понимают, что для этого нужно убрать мышь со слайда ... (www.sarah-scaniglia.com). Я просмотрел все настройки, но не нашел… и я не веб-эксперт.

    Если вы найдете решение, которое вам отлично

    1. Привет,

      вы пробовали это?

      1. Отключите другие плагины, кроме «Революционного слайдера», и повторите тест.

      2. Активируйте тему WordPress по умолчанию, затем проверьте

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

      Также проверьте, что у вас установлена ​​последняя версия плагина.

  13. Привет,

    Не могли бы вы объяснить мне, как сделать «слайдер» с одним слайдом внутри, потому что, когда я пробую, все исчезает в конце анимации. Я поставил "без передачи" в "анимацию слайдов", но ничего не помогает ...
    Merci пар Avance влить VOTRE помощник.

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

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

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

Вверх