Слайдеры красивы и позволяют легко привлечь внимание пользователя. Вы можете добавлять видео, текст, кнопки все, что хотите, в один слайдер. Но проблема в том, что вы не хотите, чтобы слайдер замедлял работу вашего сайта. В этой статье я покажу вам, как создавать красивые мультимедийные слайды в WordPress с помощью моего любимого плагина для слайдеров WordPress, Soliloquy.
Почему Soliloquy – лучший плагин для слайдеров WordPress?
Если я собираюсь использовать ползунки на веб-странице, я не хочу, чтобы это замедляло работу моего сайта. Soliloquy оптимизирован, чтобы ваши слайды загружались быстрее, не влияя на время загрузки страницы. Одной этой причины достаточно, чтобы любой мог использовать Soliloquy, но это еще не все.
Soliloquy создает полностью адаптивные слайдеры, которые одинаково хорошо смотрятся на настольных компьютерах, мобильных устройствах и планшетах. Он прекрасно сжимается без потери качества и прекрасно работает на сенсорных устройствах.
SEO – большая проблема для большинства онлайн-компаний. Soliloquy – самый дружественный к SEO слайдер WordPress. Это упрощает добавление альтернативных тегов и заголовков к вашим слайдам, помогая повысить рейтинг поиска.
Наконец, если я создаю сайт для кого-то другого. Я хочу использовать что-то простое в использовании. Soliloquy очень удобен для начинающих, и любой, кто мало знает об использовании WordPress, может создавать слайды с Soliloquy.
Как создавать красивые мультимедийные слайды с помощью монолога
Первое, что нужно сделать, это купить Soliloquy. Стоимость лицензии на один сайт составляет всего 19 долларов США, но я рекомендую лицензию разработчика, которая стоит 99 долларов США и дает вам доступ ко всем основным плагинам.
Получив плагин, установите и активируйте его, как если бы вы установили любой другой плагин WordPress. После активации вы заметите новый пункт меню Soliloquy на боковой панели администратора WordPress. Чтобы создать новый слайдер, необходимо нажать Монолог »Добавить новый,
Сначала вам нужно дать своему слайдеру заголовок, а затем нажать кнопку «Выбрать изображения», чтобы загрузить изображения в слайдер. Если вы хотите выбрать изображения из медиатеки, добавить видеослайд или вставить слайд HTML, вам нужно нажать кнопку с надписью «Щелкните здесь, чтобы вставить слайды из других источников».
Давайте загрузим пару изображений на ваш слайд, а затем нажмем кнопку других источников. Откроется новое всплывающее окно с тремя вкладками. Вы можете выбрать изображения из медиатеки, добавить видео или вставить слайд HTML. Щелкните вкладку видео, и вы заметите, что можете добавлять видео с YouTube, Vimeo, Wistia и Vimeo. Просто вставьте URL-адрес вашего видео и при необходимости укажите заголовок и заголовок для видео. После этого нажмите кнопку «Вставить слайды в слайдер».
Soliloquy позволяет добавлять не только изображения и видео, но и слайды HTML. Это означает, что вы можете создать слайд с помощью HTML и CSS и вставить его в свой слайдер. Эта функция особенно полезна для разработчиков и дизайнеров, она позволяет им создавать слайды с текстом, кнопками, изображениями и всем остальным, что они хотят добавить на один слайд. Когда вы нажимаете на вкладку HTML-слайды, вы увидите простой HTML-редактор, в который вы можете вставить свой HTML-код.
После того как вы добавите слайды, они будут выглядеть следующим образом:
На каждом из ваших слайдов есть две кнопки, красная кнопка удаляет слайд из слайдера. Синяя кнопка со значком информации позволит вам редактировать слайд. Здесь вы можете добавлять метаданные к своим слайдам, добавлять на них ссылки и предоставлять подписи.
Soliloquy позволяет вам управлять расширенными параметрами для каждого созданного вами слайдера. Просто щелкните вкладку «Настройки», чтобы увидеть эти параметры. Здесь вы можете выбрать анимацию, тему, стрелки, настройки навигации и управления.
Когда вы будете довольны слайдером, просто нажмите кнопку публикации. Как только ваш слайдер будет опубликован, его можно будет добавить в любое место на вашем сайте WordPress с помощью шорткодов и тегов шаблонов. Чтобы увидеть эти шорткоды, щелкните значок «Поделиться», и Soliloquy покажет вам эти теги. Просто скопируйте шорткод и добавьте его в свои сообщения или страницы. Или скопируйте тег шаблона и вставьте его в файлы темы WordPress.
Было непросто? Я рекомендую вам поэкспериментировать с расширенными параметрами на вкладке настроек слайдера и поэкспериментировать с различными размерами слайдера, анимацией и эффектами затухания.
Если вам понравилась эта статья, присоединяйтесь к ThemeLab на Twitter и Google+.
