Как добавить мультимедийный слайдер в WordPress

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


Почему Soliloquy – лучший плагин для WordPress Slider?

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

Soliloquy создает полностью адаптивные слайдеры, которые одинаково хорошо смотрятся на настольных ПК, мобильных устройствах и планшетах. Он красиво масштабируется без ухудшения качества и работает как брелок на сенсорных устройствах..

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

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

Как создать красивые мультимедийные богатые слайды с Soliloquy

Первое, что вам нужно сделать, это купить Монолог. Лицензия на один сайт стоит всего $ 19, но я рекомендую лицензию разработчика, которая стоит $ 99 и дает вам доступ ко всем основным дополнениям..

Как только вы получили плагин, установите и активируйте его так же, как и любой другой плагин для WordPress. После активации вы увидите новый пункт меню Soliloquy на боковой панели администратора WordPress. Чтобы создать новый слайдер, вам нужно нажать на Soliloquy »Добавить новый.

Создание нового слайдера с помощью Soliloquy

Сначала вам нужно дать название слайдеру, затем нажмите кнопку выбора изображений, чтобы загрузить изображения на ваш слайдер. Если вы хотите выбрать изображения из своей медиатеки, добавить слайд с видео или вставить слайд HTML, нажмите кнопку с надписью «Нажмите здесь, чтобы вставить слайды из других источников»..

Загрузите пару изображений на слайд, а затем нажмите кнопку «Другие источники». Это откроет новое всплывающее окно с тремя вкладками. Вы можете выбрать изображения из медиатеки, добавить видео или вставить слайд HTML. Нажмите на вкладку видео, и вы заметите, что можете добавлять видео с YouTube, Vimeo, Wistia и Vimeo. Просто вставьте URL своего видео и укажите заголовок и подпись для видео, если это необходимо. После этого нажмите кнопку «Вставить слайды в слайдер»..

Добавление слайда видео

Soliloquy позволяет добавлять не только изображения и видео, но и HTML-слайды. Это означает, что вы можете создать слайд с использованием HTML и CSS и вставить его в свой слайдер. Эта функция особенно полезна для разработчиков и дизайнеров, она позволяет им создавать слайды с текстом, кнопками, изображениями и всем, что они захотят добавить в один слайд. Когда вы нажмете на вкладку HTML slide, вы увидите простой HTML-редактор, куда вы можете вставить свой HTML-код..

Добавление HTML-слайдов в Soliloquy

Как только вы добавите свои слайды, они будут выглядеть так:

Редактирование слайдов внутри слайдера

Каждый слайд имеет две кнопки, красная кнопка удалит слайд из слайдера. Синяя кнопка со значком информации позволит вам редактировать слайд. Здесь вы можете добавить метаданные к своим слайдам, добавить ссылки на них и предоставить подписи.

Метаданные слайдов

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

Настройте дополнительные параметры для слайдера

Если вы довольны слайдером, просто нажмите кнопку «Опубликовать». После публикации слайдера его можно добавлять в любое место на вашем сайте WordPress с помощью шорткодов и тегов шаблонов. Чтобы просмотреть эти шорткоды, нажмите на значок «Поделиться», и Soliloquy покажет вам эти теги. Просто скопируйте шорткод и добавьте его к своим сообщениям или страницам. Или скопируйте тег шаблона и вставьте его в свои файлы темы WordPress..

Скопируйте шорткод и тег шаблона

Легко не так ли? Я рекомендую вам поэкспериментировать с расширенными опциями на вкладке конфигурации вашего слайдера и поэкспериментировать с различными размерами слайдеров, анимацией и эффектами затухания..

Если вам понравилась эта статья, пожалуйста, присоединяйтесь к ThemeLab на щебет а также Google+.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map