[*]Скачиваем себе на компьютер следующий архив, я его специально подготовил, все до одного лишние файлы удалил:
slider.zip
[*]Распаковываем на своём компьютере.
[*]Заходим в панель управления магазином, через
форму авторизации.
[*]Переходим в раздел "Сайт" > "
Редактор тем".
[*]Скролим вниз до блока файлов, нажимаем кнопку добавить файлы, появится 5 полей для файлов.
nyro1.jpg
[*]В каждое поле вставляем те файлы, что распаковались из архива, их как раз 5.
nyro2.jpg
[*]Проверяем закачались ли эти файлы, выглядят они в редакторе тем как-то так:
nyro3.jpg
[*]Открываем файл HTML, находим следующий код (у меня это 53 строка, используйте встроенный поиск браузера, Ctrl+f, чтобы не искать глазами.):
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
После него вставляем вот такой код:
<!-- Загрузка Jquery галереии Nyro -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
Получается как-то так:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<!-- Загрузка Jquery галереии Nyro -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyro_default.css" type="text/css" media="screen" />
<script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>
В браузере выглядит так:
nyro4.jpg
[*] Нажимаем кнопку "сохранить" сверху.
[*] Далее скролим вниз этого файла (html) находим (естественно встроенным поиском, Ctrl+f, глазами искать не всегда есть гуд.) вот такой не сложный код:
{BODY}
Перед ним! Вставляем вот такой код:
<!-- Вешаем слайдер на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding-top:1em;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
<a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
{% ENDIF %}
Получается вот так:
<!-- Вешаем слайдер на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding-top:1em;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/slider.png" alt="" />
<a href="http://dev7studios.com"><img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/nemo.png" alt="" /></a>
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/toystory.png" alt="" title="Пример картинки с заголовком" />
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/walle.png" alt="" />
<img src="http://nivo.dev7studios.com/wp-content/uploads/2011/08/cars.png" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
{% ENDIF %}
{BODY}
[*]Нажимаем кнопку "сохранить", выглядит это так:
nyro5.jpg
[*]Заходим на главную страницу сайта, нажимаем F5 либо Ctrl+R
[*]Должен получиться вот такой результат:
nyro6.jpg nyro7.jpg nyro8.jpg
[/list]
Если слайдер не завёлся и не поехал, то видимо что-то сделали не так, напишите об этом постараюсь рассказать ещё детальней о том месте, где возникла ошибка.
Пример живого слайдера (демо) 
1
