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

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

Однако я очень часто слышал от своих пользователей, что многие эти плагины достаточно сложны в понимании и применении, поэтому я решил поделиться опытом о том, как с легкостью создать резиновый (т.е. очень отзывчивый) слайдер WordPress с помощью прекрасного плагина «Soliloquy» («Монолог»).

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

Почему именно плагин «Soliloquy»?

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

• Придерживается стандартов кодирования WordPress и его передовых практик.
• Использует для обработки слайдеров пользовательский тип записи, что облегчает возможность импорта / экспорта слайдеров с любым WordPress решением для резервного копирования.
• Существуют 100% версии перевода плагина, что отлично подходит для международной аудитории.
• Дружественный к SEO. Вы можете добавить мета-данные, заголовки, альтернативный текст и подписи к каждому слайду.
• Обладает функцией Drag&Drop сортировка таблиц с использованием AJAX, которая очень проста в применении.
• Создает резиновые слайдеры WordPress, которые подойдут девайсам с сенсорным управлением, таким как смартфоны и планшеты, т.е. «Монолог» — это плагин для реализации интерфейса как с жестовым, так и сенсорным управлением.
• Имеет массу всевозможных настроек, большую документацию и более 50 фильтров. При необходимости вы сможете до неузнаваемости изменить предлагаемый шаблон.

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

Первое, что вам необходимо сделать – это купить плагин. После этого вам надо будет его установить и активировать (посмотреть, как устанавливаются WordPress плагины). После того, как вы все это сделаете, в админке WordPress появится меню плагина «Монолог» («Soliloquy»). Если вы по нему щелкнете, то окажетесь на странице списка слайдеров, которая будет пустой, т.к. вы пока еще не создали ни один слайдер. Для создания нового слайдера щелкните по «Soliloquy» → «Добавить новый».

У вас появится поле, куда надо будет ввести название слайдера. Затем щелкните по кнопке «Загрузить слайды». Появится всплывающее окно, которое очень похоже на стандартный вордпрессовский Media Uploader. Вы можете загрузить изображения для вашего слайда с медиа библиотеки, а также добавить видео, вставив урлы из YouTube или Vimeo, или даже создать HTML слайд.

Для того чтобы использовать видео в качестве слайда, необходимо сперва загрузить само видео на YouTube или Vimeo (почему никогда не надо загружать видео ролики в WordPress). После того как вы это сделаете – скопируйте URL и вставьте его в Soliloquy, дальше программа все сделает сама.

Если вы хотите использовать HTML-слайды, то вставьте в плагин HTML-код. В качестве html вы можете использовать все что пожелаете – это может быть email форма для рассылки новостных писем или кнопки призыва к действию.

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

Нажмите на кнопку «Выбрать файлы» («Select Files») и загрузите необходимые изображения с компьютера. После того как вы это сделаете, эти изображения появятся у вас в медиа библиотеке. Для их использования в качестве слайдов щелкните по кнопке «Вставить слайды».

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

Другие настраиваемые опции это: скорость смены слайдов, анимационные эффекты, переход между слайдами и т.д. Как только вы настроите все что хотите, щелкните по кнопке «Опубликовать» — таким образом, вы не только сохраните все изменения, но и сделаете слайдер доступным для пользователей.

Добавление резинового WordPress слайдера в записи/на страницы

Теперь, когда вы создали слайдер, вам необходимо вставить его на страницу или в запись. Для этого: откройте редактор записи, выберите место, куда хотите вставить слайдер и щелкните по кнопке «Добавить слайдер» («Add Slider»), которая находится рядом с кнопкой «Media uploader».

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

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

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

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

Для осуществления редактирования необходимо в боковой панели админки щелкнуть по иконке Soliloquy, а затем нажать на ссылку «Редактировать», что находится под названием слайдера.

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

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

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

Добавление слайдера в шаблоны и виджеты

У нашего плагина  есть свой виджет, что позволяет добавлять слайдер в любую область виджетов на сайте. Для этого надо: щелкните в боковом меню по «Внешний вид» → «Виджеты» и перетащите виджет «Soliloquy» в боковую панель.

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

Каждому слайдеру присущ уникальный шорткод и функция. Вы можете использовать эту функцию для добавления слайдера в любое место файлов тематического шаблона. Для получения кода функции щелкните в админке WordPress по иконке «Soliloquy».

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

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

Большинство плагинов для создания слайдеров раздуты кодами и плохо документированы, а наш испытуемый — быстрый, мощный и легкий плагин. Он создан как для пользователей, так и для разработчиков.

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

Я могу с уверенностью заявить, что он — №1 среди всех существующих плагинов WordPress.
Очень надеюсь, что данная статья была вам полезна и интересна, а главное помогла создать резиновый WordPress слайдер. Не забудьте оставить комментарий, поделиться записью и подписаться на мой канал в YouTube! Также вы можете найти меня вконтакте.