Хотите настроить Плагин Wordpress Слайдер Революция?
С самого начала этой серии руководств, посвященных Плагин Wordpress Слайдер Революции мы научились скачать и установить плагин, затем мы обнаружил его интерфейс и его различные функции, Теперь давайте продолжим, показывая вам конфигурации «Слайдер».
Если вы новичок и ищете ресурсы для начала работы; здесь вы найдете все необходимое для начала работы, И если вы обнаружите создание блога, прочитайте Как легко создать блог WordPress: руководство и туто
Тем не менее, давайте узнаем, что такое слайдер.
Что такое слайдер на практике?
Слайдер - это компонент HTML. Да, я знаю, сказанное таким образом, не принесет вам особой пользы. Таким образом, слайдер - это функция, которая позволяет отображать различную информацию в цикле (или нет). Эта информация сгруппирована по " скользить ", Который является элементом" слайдера "и может состоять из изображений, видеотекстов, ссылок и т. Д.
" ползунок «Поэтому содержит» слайдах (Как минимум 1), и эти слайды содержат мультимедийные элементы (изображения, видео, музыка, текст) которые могут быть анимированными или интерактивными (реагировать на действия пользователя).
Ремарка Можно перевести ползунки В интерактивные и динамические слайды .
Slider Revolution позволяет нам это сделать, и мы начнем без дальнейших задержек.
Если вы еще не создали сайт и ищете WordPress тема который изначально объединяет этот мощный Плагин Wordpress, этот список премиум тем WordPress будет идеальным.
Создание слайдера: Первые настройки
Для начала вы должны нажать на меню " Слайдер Революция На вашей панели WordPress.
Теперь нажмите на элемент новый слайдер И вы перейдете к интерфейсу конфигурации слайдера.
Интерфейс настройки слайдера может показаться пугающим, но если вы сделаете шаг назад, вы лучше поймете его функции. Вы можете заметить, что этот интерфейс состоит из двух разделов. Первая слева состоит из 5 различных областей, а вторая справа - из 6 небольших областей. Прямо над ним находится панель инструментов, которая позволяет:
- Вернуться к списку слайдеров « Все слайдеры »
- Доступ к настройкам слайдера (это окно, в котором вы находитесь)
- Интерфейс редактирования слайдов
- Кнопка резервного копирования
- Кнопка редактирования слайдов
- Кнопка предварительного просмотра слайдера
- Кнопка удаления слайдера
- Кнопка возврата (снова) К списку ползунков
Теперь я объясню, каждый раздел в левой колонке.
Этот плагин WordPress обрабатывает множество изображений, что может замедлить загрузку вашего сайта. Обнаружить Почему вы должны начать оптимизировать свой блог WordPress по изображениям
раздел «Источник контента»
Этот раздел позволяет настроить источник слайдера. Действительно, здесь вы можете решить создать:
- Классический слайдер, в котором вам придется настраивать все анимации самостоятельно
- Слайдер статей, в котором ваша комната для маневра довольно ограничена
- Слайдер конкретных статей, которые вы можете выбрать
- Слайдер новостной ленты Flickr
- Слайдер из ленты Instagram
- Слайдер продукта WooCommerce
- Ползунок на Твиттере
- Ползунок на сообщениях Facebook
- Ползунок на YouTube Публикации
- И слайдер на публикациях Vimeo
Попутно следует отметить, что: Slider Revolution - мощный плагин, позволяющий выделять товары в интернет-магазине. Откройте для себя Темы 10 WordPress для создания интернет-магазина и демонстрации вашей одежды
Тем не менее, мы будем рады представить, как создать классический слайдер, потому что он самый используемый, самый сложный в освоении и самый необычный по своим эффектам. С практикой вам удастся создать свои собственные конфигурации на других слайдерах. В случае возникновения проблем, не стесняйтесь вернуться и оставить комментарий здесь. Так что оставьте опцию Слайдер по умолчанию »Активный.
Раздел заголовка и шорткода слайдера
Вы, наверное, догадались. Этот раздел позволяет вам определить заголовок слайдера и шорткод, который будет его сопровождать (ничего особенного).
Раздел «Выберите тип слайдера»
Этот раздел позволяет определить базовую структуру слайдера. Действительно, в вашем распоряжении 3 варианта на выбор, из которых вы можете:
- Для первого варианта определите ползунок по умолчанию с шириной, адаптированной к доступному пространству и имеющей основные элементы, такие как кнопки навигации.
- Для второго варианта вы можете решить применить динамический и интерактивный стиль без кнопки навигации и намного больше, чем предыдущий вариант. Этот вариант называется «сцена героя», потому что здесь больше внимания уделяется анимации и взаимодействию.
- Последний вариант предлагает гораздо более классический стиль с упрощенной прокруткой изображений слева направо с довольно разнообразной анимацией.
Ремарка : Всякий раз, когда вы выбираете вариант, у вас есть раздел "Загрузите предустановку из этого типа ползункаКоторый предлагает вам расширенные варианты типа слайдера, который вы выбрали.
Я не смогу объяснить все варианты, но вы сможете сделать выводы из доступных изображений. Например, для типа слайдера Стандарт У вас есть как четвертый вариант Thumbs Bottom самостоятельно ", Который позволяет создать слайдер с миниатюрами внизу и имеет анимацию с автопрокруткой.
Раздел «Макет слайда»
Этот раздел позволяет вам установить макет для вашего слайдера. Так что вы можете уйти Революция Slider »Автоматически выберите ширину, которую он будет применять к ползунку, выберите, чтобы применить полную ширину к ползунку или использовать ползунок в полноэкранном режиме.
В зависимости от того, какую опцию вы выберете, ваш слайдер будет отличаться на некоторых устройствах. У вас есть ниже раздел конфигурации сети в соответствии с устройствами (мобильный, рабочий стол и т.д..). Имейте в виду, что настройка сетки позволяет изменять внутренние поля каждого ползунка.
Читайте также Советы 6 по оптимизации мобильного дизайна вашего блога
В самом низу этого раздела вы можете включить видимость переполнения, включить сохранение внешнего вида радиоприемника и установить минимальную высоту.
Раздел «Настроить, построить и внедрить»
Этот раздел на самом деле не имеет опции для плагина. Он предлагает вам несколько быстрых ссылок на важные разделы.
Теперь мы продолжим со вторым столбцом справа.
Раздел общих настроек
Этот раздел предлагает вам некоторые настройки, которые будут применяться к ползунку. Вот как можно:
Во вкладке «Слайд-шоу»
- Отключить слайдер на эстакаде
- Остановить ползунок после установленного количества прокруток
- Показывать слайды в случайном порядке
- Зациклить слайд
- Отключить или остановить слайдер на устройстве определенного размера
- Последний вариант «Ждать revapi.revstart ()», вам не пригодится.
Во вкладке «Неисправности»
Вы можете определить:
- Выбираемый символ слоев
- Определить идентификатор слайдера (это делается автоматически)
- Минимальная продолжительность между слайдами
- Тайм-аут до инициализации
- Переход между слайдами
- Продолжительность перехода выражается в микросекундах
- Размер изображения
- CSS позиция фонового изображения
- Повторение фонового изображения, если это изображение недостаточно велико
- Активация опции " видео Muette Что позволяет определить тип анимации, позиции в XY (да, что вы узнаете, когда вы должны рисовать математические функции) и другие элементы.
Вкладка индикатора выполнения
Все параметры в этом разделе предназначены для панели выполнения, которую вы можете включить и настроить.
Вкладка 1er Слайд-шоу
Этот раздел позволяет вам активировать первый альтернативный слайд. Это позволит ползунок Чтобы загрузить " скользить На ваш выбор первым. Помни это слайдах Элементы, которые можно идентифицировать.
Раздел «Макет и визуализация»
Вкладка "Внешний вид"
Этот раздел позволяет настроить внешний вид слайдера. В частности, вы можете определить отображение тени под ползунком (очень удобно, если вы выбираете ползунок по умолчанию, со значительным низким полем).
Вы также можете выбрать отображение наложения, покрытого прозрачными точками (это сделает ваш слайдер очень оригинальным, но если вы хотите отобразить информацию, которую необходимо тщательно прочитать, вам придется обходиться без).
Тогда у вас есть фон ползунка, внутреннее поле и изображение на заднем плане (здесь вам нужно знать, что фоновое изображение на этом уровне будет отображаться на всех ваших слайды).
вкладка "Spinner"
Эта вкладка позволяет вам определять анимацию при загрузке слайдера, не более того.
вкладка "Мобильный"
Эта вкладка позволяет управлять отображением слайдера на мобильном телефоне. Вы должны знать, что мобильный трафик важен, и поэтому вы не должны пренебрегать им. У вас будет возможность скрыть ползунок, если размеры мобильного телефона (ширина) меньше заданной вами величины (в пикселях).
вкладка "Позиция"
Это позволяет определить положение ползунка относительно страницы. Я склонен сказать, относительно места, где он находится. Эту опцию не нужно изменять, потому что я полагаю, что мы все хотим, чтобы ползунок был в центре.
Раздел «Навигация»
Этот раздел позволяет активировать кнопки навигации между слайдами на вашем «слайдере». У вас есть 6 вариантов навигации:
- стрелки
- блохи
- вкладки
- эскизы
- Эффект приземления на мобильных устройствах
- И навигации с помощью клавиш со стрелками
Каждая опция, если она включена, позволит вам настроить положение элементов навигации или их принцип действия (обычно достаточно настроек по умолчанию).
Раздел «Настройки карусели»
Этот раздел появляется только при выборе типа Карусель слайдер », И позволяет настраивать его параметры. Вы будете в состоянии:
- Включить бесконечную прокрутку
- Определите пространство между слайдами, если вы не хотите, чтобы слайды касались
- Установите округленную границу в пикселях
- Установить верхнее верхнее поле (обивка-топ)
- Установить низкий верхний край (обивка-дно)
- Количество элементов, видимых «слайдом»
- « растяжимый элемент", Позволяет растянуть элемент так, чтобы он занимал всю ширину" ползунок »
Безопасность - важный элемент бесперебойной работы вашего веб-сайта, и одним из методов, которые защитят вас от любых серьезных атак или ошибок, является регулярное резервное копирование вашего блога. Откройте для себя наши Плагины для блогов 5 WordPress
Раздел "Параллакс и 3D"
Здесь вы можете активировать опцию 3D На вашем слайдере.
Раздел «Проблемы и способы их решения»
Этот раздел позволяет вам управлять совместимостью со старыми устройствами. Вы можете упростить слайдер на IOS4 и Internet Explorer 8 .
В противном случае вы можете выбрать отображение альтернативного изображения, когда браузер не поддерживает слайдер.
Раздел "Google Fonts"
Эта функция позволяет вам управлять шрифтами Google Fonts, которые вы загрузите, и применять их к слайдеру.
После того, как вы определили параметры своего слайдера. Все, что вам нужно сделать, это нажать на кнопку записи.
Если плагин WordPress Slider Revolution вам не нравится, когда дело доходит до создания слайдеров на веб-сайтах WordPress, здесь мы предлагаем две альтернативы, которые могут предложить аналогичные функции.
1. LayerSlider
LayerSlider - это многофункциональный плагин для создания анимации премиум-класса для WordPress. Он дает вам возможность создавать слайд-шоу и галереи изображений с потрясающими эффектами, красиво анимированные целевые страницы и блоки страниц или даже целый веб-сайт.
Это одна из альтернатив, способных составить серьезную конкуренцию Slider Revolution. Его визуальный редактор перетаскивания делает его очень интуитивным для всех, чтобы начать его использовать. Никаких технических навыков или навыков программирования не требуется. Его постоянно растущий выбор импортируемых моделей является идеальной отправной точкой для новых проектов и охватывает все распространенные варианты использования. Они сделаны с осторожностью и могут быть легко настроены для удовлетворения всех потребностей.
Отличная поддержка и частые обновления гарантируют, что вы получите максимум от своей покупки.
Пройдите дальше с этим мощным плагином WordPress, прочитав эту статью Layer Slider: плагин WordPress для создания слайдера
скачать | Демонстрация | веб-хостинг
2. WP1 Slider
WP1 Slider - это универсальный плагин для WordPress. Он прост в использовании и обладает всеми полезными функциями, необходимыми для создания красивых слайд-шоу. Большинство плагинов для слайдеров являются слишком техническими и требуют много времени для их настройки, но WP1 Slider предназначен для непрограммистов и предлагает невероятные возможности.
Среди них вы найдете:поддержка эффектов Кенберна, 6 разные модели слайдерных переходов,поддержка шорткодов, cодин раз слайды путем перетаскивания,быстрое преследование и отличное SEO,поддержка публикации в нескольких социальных сетях, iинтеграция видео YouTube и Vimeo, электронная версткаполностью отзывчивый, поддержка WooCommerce и другие.
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Мы также приглашаем вас ознакомиться с указанными ниже ресурсами, чтобы получить дополнительную информацию о вашем веб-сайте и блоге.
- 8 WordPress плагины для создания диаграмм в блоге
- 5 плагинов WordPress для публикации ваших статей
- 6 WordPress плагины для обеспечения RGPD-соответствия блога
- 8 плагинов WordPress для добавления системы перевода в блог
Заключение
Вуаля! Вот и все для этой презентации о конфигурации плагина WordPress Слайдер революция. Мы продолжим в следующем уроке, где обсудим дизайн слайдов.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но, если у вас есть какие-либо замечания или предложения по этому поводу, они будут приветствоваться в разделе комментариев. Особенно поделитесь этой статьей о ваших разных социальные сети.
Bonjour,
Я хотел бы знать, почему шрифт, который я поставил на свой слайдер, хорошо отображается при его просмотре, когда я включаю его на свой сайт, он уже не тот?
Привет, Стеффи,
Очистите кеш браузера или просматривайте сайт в приватном режиме. Это должно решить вашу проблему
Здравствуйте, я создал 2 разные модели. Теперь я хочу переключиться с моего текущего онлайн-курсора. Я действительно не могу этого сделать. Кто-нибудь может дать волшебный совет? Заранее спасибо!
Я создал слайдер 4 и разместил в нем 3 диапозитива. Но на моей домашней странице слайдер Revolution показывает только один слайд и не показывает остальные. Отображается только первый слайд. Когда я помещаю, например, последний слайд на первое место, слайдер Revolution отображает этот последний и оставляет остальные.
Bonsoir,
Можете поделиться скриншотом своих настроек? Или экспортируйте слайд и восстановите настройки слайдера вращения.
Привет,
Хотелось бы сделать динамический слайдер, есть ли у вас какие-нибудь файлы, касающиеся создания слайдера с эффектами при наведении курсора мыши.
спасибо
Привет,
К сожалению, нет.
Здравствуйте, я загрузил шаблон слайдера, я смог изменить тексты и изображения, однако я использую премиум-версию слайдера: мы видим текст «Революция слайдера…» + ссылки на их социальные сети в слайд pff. И я не могу найти или удалить этот текст. заранее спасибо
Добрый вечер Алисия,
Вы пробовали создать новый слайдер вместо использования шаблона?
привет, у меня небольшая проблема, когда я делаю слайдер, и я хочу изменить его на мобильном телефоне, тексты, которые я уже добавил в слайдер, не отображаются в мобильном слайдере, почему (при изменении) ???
Привет,
Можете ли вы перефразировать ваш запрос?
Привет,
У меня проблема с Revolution Slider. Кажется, я не могу найти решение, чтобы мои фотографии не обрезались по вертикали.
Должен ли он иметь флажок?
Спасибо за ваше возвращение
Норберт
Добрый вечер,
Необходимо оптимизировать размеры изображений.
Привет, Моя революция ползунка обрезана по краям из-за моей темы WordPress.
Que Faire?
спасибо
Привет,
Попробуйте отключить все плагины, и если проблема сохраняется из-за темы, измените ее или обратитесь к продавцу.
Привет,
на слайдерной революции я хотел бы, чтобы мой слайд начинался только тогда, когда мышь или свиток запускают его. Это возможно?
Какой параметр в слайдере активируется?
Merci Ьеаисоир.
можем ли мы сделать и то, и другое, то есть запустить слайдер с помощью мыши / прокрутки, а также установить задержку инициализации, которую я видел в общих параметрах, чтобы обрабатывать все возможные случаи одновременно и быть уверенным посетитель сайта видит этот слайдер
мерси Ьеаисоир
Здравствуйте. Это возможно, но в настоящее время у нас нет руководств, которые можно было бы вам показать.
Merci Ыеп.
И в нескольких словах, потому что теперь я знаком с слайдерреволюцией.
Это помогло бы мне
привет,
на слайдерной революции я хотел бы, чтобы мой слайд начинался только тогда, когда мышь или свиток запускают его. Это возможно?
Какой параметр в слайдере активируется?
Merci Ьеаисоир.
Можем ли мы сделать и то, и другое, т.е. запустить слайдер с помощью мыши / прокрутки, а также установить задержку инициализации, которую я видел в общих параметрах, чтобы обрабатывать все возможные случаи одновременно и быть уверенным что посетитель сайта видит этот слайдер
Привет, добрый вечер, сомневаюсь.
У меня есть несколько изображений в Slider Revolution, и я хочу скрыть их в мобильной версии за вычетом первого. Я видел, что один и тот же плагин может скрывать нужные изображения на разных устройствах, но проблема в том, что он скрывает только изображение, потому что он продолжает обнаруживать наличие нескольких элементов, потому что полоса time продолжает загружаться и оставляет экран пустым при скачке первого. Как я могу действительно скрыть изображения?
Merci Ьеаисоир
Привет,
Вы пытались связаться с поддержкой плагина Slider Revolution? Вы быстро найдете решение.
Привет, я хотел спросить вас, как разместить курсор в строке меню горизонтальной панели навигации, как это происходит на сайте Apple.com, где находится меню выше и чуть ниже курсора (меню кажется прозрачным
спасибо
Andrea
Здравствуйте, А можно скриншот в качестве примера? Я не совсем понимаю вашу проблему.
Привет,
Я хочу сделать слайдер, содержащий 2 или 3 изображения, на которых написаны цитаты. Моя проблема в том, что когда я пишу, цитата слишком длинная и выступает за пределы фотографии, поэтому она не отображается полностью. И все же на изображении есть место. Как сделать?
Заголовок для каждого слайда обязателен. По умолчанию я ставлю «цитата 1» и так далее. Но заголовки отображаются на слайдах… Например, «Цитата 1» отображается справа на моем первом слайде. Как я могу предотвратить появление заголовков?
Заранее благодарим вас за ответы, вы помогли бы студентам в проекте с наставником!
Привет,
Попробуйте уменьшить размер шрифта. Также убедитесь, что вы включили мобильный вариант для каждого текста.
Привет,
У меня возникла небольшая проблема с этим слайдером, и, несмотря на множество исследований, я не нашел решения. Может ты спасешь меня? 😉
Я настроил слайдер на своей домашней странице, он безупречный, очень хороший, ЗА ИСКЛЮЧЕНИЕМ того, что когда на нем находится мышь, прокрутка невозможна. Мне нужно убрать мышь со слайда, чтобы прокрутить вниз (вверх, видимо, работает). Это меня немного беспокоит, потому что я боюсь, что некоторые люди не понимают, что для этого нужно убрать мышь со слайда ... (www.sarah-scaniglia.com). Я просмотрел все настройки, но не нашел… и я не веб-эксперт.
Если вы найдете решение, которое вам отлично
Привет,
вы пробовали это?
1. Отключите другие плагины, кроме «Революционного слайдера», и повторите тест.
2. Активируйте тему WordPress по умолчанию, затем проверьте
Это позволит вам узнать, связана ли проблема с темой или конфликтом с другим плагином.
Также проверьте, что у вас установлена последняя версия плагина.
Спасибо, я попробую на следующей неделе и скажу вам, если это сработает.
ОК отлично
Привет,
Не могли бы вы объяснить мне, как сделать «слайдер» с одним слайдом внутри, потому что, когда я пробую, все исчезает в конце анимации. Я поставил "без передачи" в "анимацию слайдов", но ничего не помогает ...
Merci пар Avance влить VOTRE помощник.
Bonsoir,
Это сложно объяснить в комментариях. Просмотрите видео на Youtube.