Logo Slider Установка и Настройка

В этой статье поговорим о такой интересной вещице как слайдер логотипов. Наверное, многие видели на сайтах блоки типа «Наши клиенты».  Это выглядит приблизительно так:

Logo Slider

Как же сделать такое чудо на своем WordPress сайте? Я тоже когда-то задавался этим вопросом. Погуглив, я отыскал прекрасное решение для этой задачи – плагин Logo Slider. Давайте рассмотрим его более подробно.

Обзор Logo Slider

Скачать плагин Logo Slider можно здесь.

Посмотреть изобретение во всей красе можно здесь. ДЕМО.

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

Что Вы можете:

  1. Загружать логотипы.
  2. Указывать ссылки на страницы, куда будет попадать пользователь после нажатия на изображение.
  3. Выбирать стиль кнопок «Вперед» / «Назад».
  4. Указывать количество лого в видимом блоке.
  5. Выбирать цвет фона.
  6. Выбирать стиль перелистывания.
  7. Указывать время задержки слайда.
  8. Добавлять свой произвольный CSS-код.

Как видите, возможностей не густо. Плагин довольно простой. Именно поэтому я его и выбрал. Все просто, нет ничего лишнего. Свою задачу выполняет на ура!

Настройка Logo Slider

Устанавливаем плагин на сайт. Активируем. Слева появляется новый пункт «LogoSlider».

Logo Slider

Заходим.

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

Чтобы загрузить новое изображение в первом пункте настроек выбираем картинку и жмакаем Upload :)

Logo Slider

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

Logo Slider

Опускаемся ниже.

Настройка Описание
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-код:


<?php logo_slider(); ?>

Что из этого может получится?

Хочу поделиться несколькими примерами из того, что у меня получилось сделать с помощью этого плагина:

Logo Slider

Logo Slider

Logo Slider

Logo Slider

Всем удачной работы :)

P.S. Я продолжаю изучение английского языка. Подробнее об этом можете почитать здесь. Именно поэтому на десерт сегодня будет интересное видео о фразовых глаголах в английском языке.