У цій статті поговоримо про таку цікаву штучці як слайдер логотипів. Напевно, багато хто бачив на сайтах блоки типу «Наші клієнти». Це виглядає приблизно так:
Як же зробити таке диво на своєму WordPress сайті? Я теж колись переймався цим питанням. Погуглити, я відшукав прекрасне рішення для цього завдання - плагін Logo Slider. Давайте розглянемо його більш докладно.
Огляд Logo Slider
Як Ви вже зрозуміли, це слайдер для логотипів під WordPress. Але використовувати його можна не тільки для лого ...
- Завантажувати логотипи.
- Вказувати посилання на сторінки, куди потраплятиме користувач після натискання на зображення.
- Вибирати стиль кнопок «Вперед» / «Назад».
- Вказувати кількість лого у видимому блоці.
- Вибирати колір фону.
- Вибирати стиль перегортання.
- Вказувати час затримки слайда.
- Додавати свій довільний CSS-код.
Як бачите, можливостей не густо. Плагін досить простий. Саме тому я його і вибрав. Все просто, немає нічого зайвого. Своє завдання виконує на ура!
Налаштування Logo Slider
Встановлюємо плагін на сайт. Активуємо. Зліва з'являється новий пункт «LogoSlider».
Для початку давайте завантажимо самі логотипи (або інші зображення, в залежності від того, для чого використовуєте скрипт).
Щоб завантажити нове зображення в першому пункті налаштувань вибираємо картинку і жмакаем Upload
Після завантаження зображень, Ви можете вказати посилання на сторінку, на яку потраплятиме користувач після натискання на картинку. Якщо такої немає, то залишаємо ці поля порожніми.
Сподіваюся, Вам цього буде цілком достатньо, щоб налаштувати плагін Logo Slider для WordPress під себе.
Якщо стандартних налаштувань мало, то завжди можна полізти в код самого плагіна і зробити все під себе.
Установка Logo Slider на сайт
Якщо Ви хочете встановити слайдер логотипів в запис або на сторінці, то можете використовувати шорткод:
Якщо Вам треба розмістити слайдер логотипів в самому шаблоні (в коді шаблону), наприклад перед футером, то використовуйте наступний php-код:
Що з цього може вийти?
Хочу поділитися кількома прикладами з того, що у мене вийшло зробити за допомогою цього плагіна:
Всім вдалої роботи