RSS
 

Проблемы с установкой WP Nivo Slider 2.0

28 Авг

Сейчас многим нравится украшать свой сайт или блог слайдером. Я, как всегда, в стороне не оказался. Решил на один свой блог тоже такую «гирлянду» повесить. Долго выбирал среди имеющихся вариантов слайдеров, а их оказалось не так уж и мало. В конечном итоге было принято решение обойтись самым простеньким, но в тоже время заслужившим доверие многих вебмастеров ниво слайдером. Если конкретно,то поговорим о слайдере WP Nivo Slider 2.0

Скачал, что не является большой проблемой. Устанавливал по инструкции и даже нескольким различным. Ничего не выходило. Изображения ну никак не хотели отображаться в отведённом для этого месте. И хотя руководств по установке данной штуковины в сети огромное множество, почти все не договаривают ( а может даже и копипастят друг у друга по кругу:)). Поэтому мне не суждено было найти ответ на свой вопрос в интернете, пришлось догадаться самому. И я решил оповестить тех, кто такой же глупенький как я о том, что решение есть и проблем с установкой (по крайней мере на двиг WordPress) больше не возникнет. А проблема эта, думается, возникала не у меня одного. Так как топики с подобными траблами читал не раз на форумах во время поиска решения своей проблемы. Возрадуйся счасливчик, не многие могут отыскать мои страницы в сети …

Так как решение как всегда до «не могу» простое, то подведем итог и распишем готовую к применению инструкцию:

1. Качаем WP Nivo Slider: скачать вещицу
2. Устанавливаем на свой блог.
а) Распакованную папку с плагином закидываем на сервер примерно сюда: wp-content/plugins
б) Можно воспользоваться автоматической установкой из админки движка. Работаем по такой схеме: в боковой колонке ищем меню плагины-добавить новый-загрузить-жмем кнопку «обзор» — выбираем архив с плагином (заметьте, что при таком варианте распаковывать ничего не нужно, добавляем прямо в архиве) — жмем кнопку «установить» — затем активировать, если надо.
3. Далее идем в меню параметры  и выбираем там «WP Nivo Slider». Здесь настраиваем все по своему усмотрению, настроек кстати совсем немного: необходимо выбрать категорию из которой будут подгружаться превьюшки, количество изображений в слайдере (или лучше сказать количество постов из которых будут загружены изображения), тип анимации и указать размеры слайдера. Размеры изображений, которые вы пожелаете поместить в слайдер необходимо будет соблюдать из этих настроек. И последнее — сохраняем настройки. Всё просто, как два пальца…
4. Далее добавляем такой код в шаблон блога:

<code>&lt;?php if ( function_exists(‘show_nivo_slider’) )  { show_nivo_slider(); } ?&gt;</code>

Там где желаете разместить ваш долгожданный СЛАЙДЕР NIVO. Я лично добавлял в Index.php на второй строке после <?php get_header(); ?>, т.е. мои картинки крутились под шапкой сайта. Можно разместить код и в футере и даже в сайдбаре, в общем дело вашей фантазии.
5. Всё, обычно больше никакой информации не дают. После такой настройки ничего не работает. Поэтому продолжаем. Слайдер работает на jquery, поэтому необходимо подключить данную библиотеку. Для этого заходим в папку со слайдером и видим там каталог с именем JS, заливаем скрипт jquery.nivo.slider.pack на сервер в папку js (можно в любую другую, главное подключить правильно). Даже если подключали, все равно берите то, что идет в комплекте. Может конечно дело только в имени файла, я не проверял, но по началу перепробовал все версии библиотек, а их не мало поверте. И результат был нулевой. Как только подключил скрипт из архива со слайдером — все пошло как по маслу. Я подключаю такие вещи обычно в заголовке перед закрытием шапки, т.е.: открываем файл header.php для редактирования и в самом низу перед тегом </head> добавляем:

<script type=»text/javascript» src=»<?php bloginfo(‘template_url’); ?>/js/jquery.nivo.slider.pack.js»></script>

6. Чтобы выбрать превью для поста — открываем новость для редактирования и в колонке справа есть меню «характерное изображение». Вот туда и будем подгружать картинку поста. И так для каждой новости, которую хотим отображать. Это, кстати, есть в Readme по слайдеру.


 
3 комментария

Автор: Адмишка Категория: Web

 

Метки: , , , , ,

Оставить комментарий

 

*

 
  1. Виктор

    31.08.2013 в 19:38

    Приветствую. А вот как заставить этот слайдер использовать картинки из библиотеки медиафайлов, уже загруженных, хранящихся на сайте? помогите разобраться, а то можно загрузить либо с компа, либо с 3-х сайтов. спасибо.

     
  2. Адмишка

    Адмишка

    11.09.2013 в 05:25

    Здравствуйте! Прошу прощенья за долгий ответ, в связи с занятостью не было времени посетить блог. Сегодня- завтра постараюсь расширенно ответить на ваш вопрос, так сказать помогу чем смогу… И насколько я помню, как раз таки использовал изображения из библиотеки (если мы об одном и том же думаем конечно)…

     
    • Адмишка

      Адмишка

      16.09.2013 в 05:26

      см. п.6. статьи. Характерное изображение подгружается как раз из медиа библиотеки. Если вы желаете просто выводить изображения, то можно создать скрытый раздел и для каждого изображения создавать пост, который в свою очередь для пользователей тоже необязательно отображать, а на слайдере все будет. Скорее всего для вашего конкретного случая лучше поискать другой слайдер, которых огромное количество на просторах бескрайнего интернета. Но я лично пользовался предложенным методом, все гуд, только довольно трудоемкий процесс если очень много и часто изображений надо менять + подгон по размеру обязательно!