Устанавливаем слайдер на WordPress блог

Всем привет! Если Вы хотите иметь на своем блоге jquery слайдер, и не совсем понимаете, как его добавить то в этой статье я постараюсь все доступно объяснить. Для добавления слайдера на WordPress мы будем использовать плагин Nivo slider for wordpress – этот плагин очень прост в настройке и без всяких проблем вставляется в тему.

Установка плагина nivo slider for wordpress

1) Качаем плагин по этой ссылке

2) Распаковываем архив с плагином и кидаем папку nivo-slider-for-wordpress в деректорию (wp-content/plugins/).

3) Активируем плагин

Основные настройки плагина nivo slider for wordpress

После активации плагина Вам нужно будет вставить этот код

1

<?php if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); } ?>

Если Вы хотите чтобы слайдер для WordPress отображался только на главной странице и других страницах Вашего блога, то Вам нужно будет вставить в начале файла Index.php код, который выше.

Или же Вы можете сделать, чтобы слайдер отображался только на страницах с постами. В этом случае Вам нужно вставить код, который выше в файл Single.php

Внешний вид слайдера для WordPress

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

Как Вы уже наверно заметили в низу администраторской панели, у Вас появилась новая вкладка:

Нажимаете на вкладку Add/Edit image и в открывшейся странице нажимаем на “Add New image”

После чего выбираете картинки на вашем компьютере, которые Вы будете вставлять в слайдер и нажимаете на “Send picture and configure” .

После того как картинка будет загружена на сервер у Вас должна будет появиться новая настройка “Slide preview”

1) Вы можете указать текст, который будет отображаться на этой картинке.

2) А здесь указываете ссылку, куда будет вести эта картинка.

Теперь переходим во вкладку “Options” и продолжаем настройку слайдера.

1) Можете изменить ширину и высоту картинок.

Для справки: Enable “Включить” Disable “Отключить”

2) Здесь можете выбирать эффект перехода.

3) Скорость слайда.

4) Время паузы между переходами.

5) Стрелки навигации.

6) Показывать стрелки навигации, когда мышка находиться на слайде.

7) Показывать навигационные стрелки.

8)) Не знаю что это.

9) Останавливать анимацию при наведении курсора мыши на слайд.

10) Не совсем понял для чего это.

11) Цвет фона для описания.

12) Цвет текста.

13) Прозрачность фона для заголовка.

14) Качество картинки (указывать в %).

15) Это можно и не трогать.

После всех изменений обязательно сохраняемся. В конечном итоге у меня получился вот такой слайд: