В этой статье поговорим о такой интересной вещице как слайдер логотипов. Наверное, многие видели на сайтах блоки типа «Наши клиенты». Это выглядит приблизительно так:
Как же сделать такое чудо на своем WordPress сайте? Я тоже когда-то задавался этим вопросом. Погуглив, я отыскал прекрасное решение для этой задачи – плагин Logo Slider. Давайте рассмотрим его более подробно.
Обзор Logo Slider
Скачать плагин Logo Slider можно здесь.
Посмотреть изобретение во всей красе можно здесь. ДЕМО.
Как Вы уже поняли, это слайдер для логотипов под WordPress. Но использовать его можно не только для лого…
Что Вы можете:
- Загружать логотипы.
- Указывать ссылки на страницы, куда будет попадать пользователь после нажатия на изображение.
- Выбирать стиль кнопок «Вперед» / «Назад».
- Указывать количество лого в видимом блоке.
- Выбирать цвет фона.
- Выбирать стиль перелистывания.
- Указывать время задержки слайда.
- Добавлять свой произвольный CSS-код.
Как видите, возможностей не густо. Плагин довольно простой. Именно поэтому я его и выбрал. Все просто, нет ничего лишнего. Свою задачу выполняет на ура!
Настройка Logo Slider
Устанавливаем плагин на сайт. Активируем. Слева появляется новый пункт «LogoSlider».
Заходим.
Для начала давайте загрузим сами логотипы (или другие изображения, в зависимости от того, для чего используете скрипт).
Чтобы загрузить новое изображение в первом пункте настроек выбираем картинку и жмакаем Upload 
После загрузки изображений, Вы можете указать ссылку на страницу, на которую будет попадать пользователь после нажатия на картинку. Если такой нет, то оставляем эти поля пустыми.
Опускаемся ниже.
| Настройка | Описание |
|---|---|
| Size | Здесь можно указать ширину (width) и высоту (height) блока слайдера. |
| Image Per Slide | Количество изображений на одном слайде. |
| Background Color | Цвет фона блока слайдера. |
| Open Logo Links in New Window | Если выбрано, ссылка изображения будет открываться в новой вкладке. |
| Select Slider | Выбрать стиль переключения сладов. |
| Auto Slide | Автоматическое / ручное переключение слайдов. |
| Auto Slide Time | Время задержки при автоматическом переключении слайдов. |
| Arrow Style | Стиль так называемых кнопок «Вперед» / «Назад». |
| Custom CSS | Любой произвольный CSS-код для Вашего слайдера. |
Надеюсь, Вам этого будет вполне достаточно, чтобы настроить плагин Logo Slider для WordPress под себя.
Если стандартных настроек мало, то всегда можно полезть в код самого плагина и сделать все под себя.
Установка Logo Slider на сайт
Если Вы хотите установить слайдер логотипов в запись или на странице, то можете использовать шорткод:
[logo-slider]
Если Вам надо разместить слайдер логотипов в самом шаблоне (в коде шаблона), например перед футером, то используйте следующий php-код:
Что из этого может получится?
Хочу поделиться несколькими примерами из того, что у меня получилось сделать с помощью этого плагина:
Всем удачной работы
P.S. Я продолжаю изучение английского языка. Подробнее об этом можете почитать здесь. Именно поэтому на десерт сегодня будет интересное видео о фразовых глаголах в английском языке.
