Блог

Прекрасный слайдер для сайта, WP nivo slider.

Здравствуйте! Сегодня расскажу о слайдере для сайта который не раз я ставил сайты WordPress, он прост в использовании и добавлении рисунков через админку. Слайдер называется WP Nivo Slider вот ссылка на страницу офсайта WordPress перейти.

Чем он мне нравится:

  1. простота добавления рисунков для пользователя
  2. установка в любое место на сайте
  3. возможность установки слайдера на всю ширину окна браузера
  4. возможность редактировать css php файлы и изменять тему слайдера в соответствии с дизайном
И так приступим к установке. Перейдите на страницу плагина по ссылке выше, или зайдите в раздел “Плагины -> Добавить новый” в админке WordPress. Мне кажется проще будет использовать второй вариант. У вас появится форма с поиском.
Untitled-1
В поиск вводим WP Nino Slider и жмем кнопку “Поиск плагинов”. В полученном списке находим  WP Nino Slider нажимаем Установить, потом Активировать, установка завершена. Настройки слайдера можно посмотреть в админке по такому пути “Параметры -> WP Nino Slider”. Вот как выглядит:
Untitled-1Кратко о настройках, Category – служит для выбора категории в которой будут записи с картинками, Number of slices –  скорость изменения слайдов, Type of Animation – разные эффекты изменения слайдов, Theme – стили кнопок прокрутки, Width i Height – задает ширину и высоту картинок, можно вводит процентное значение если нужно чтоб слайдер был на все ширину экрана.
Теперь давайте добавим слайды. Заходим в админку “Записи -> Рубрики – > Добавить новую рубрику” назовем ее например slider. Переходим в записи и создадим новую. Пишем ее название и в рубриках те что справа берем только что созданную slider. Картинки будем добавлять через форму “Миниатюра записи”, нажимаем Добавить миниатюру и выбираем нужный рисунок. Все жмем кнопку Опубликовать. Добавьте еще несколько записей по такой же схеме. Перейдем в настройки плагина. В пункте Category появится наша созданная категория slider, берем ее, Type of Animation – поставим slideInRight, Theme – пускай будет Default, но поставить нужно ширину и высоту, для примера можно ввести 640*480. Теперь Сохранить изменения. Слайдер готов. Сейчас нужно его вывести. Вот такой код нужно вставить на сайт в нужном для вас месте:

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

Спасибо, сообщение отправлено.