Иногда возникает необходимость немного оживить сайт графически и, возможно, добавить немного анимации.
Это может быть какая-то флешка с шапке сайта, блок «наши клиенты» в сайдбаре с демонстрацией их логотипов, либо отображение слайдшоу созданных работ (шаблонов) для сайтов веб-студий или дизайнеров. При это возникает, по сути, 2 пути реализации – можно вручную с помощью специального софта для создания флешек создать нужный вам файл, а потом залить его на сайт, а можно воспользоваться специальными плагинами. Для системы WordPress можно использовать модуль Content Slide.
Установка Content Slide ничем особо не отличается от традиционного процесса установки плагина – скачиваем модуль с официального сайта вордпресс распаковываем архив и заливаем на ФТП сервер в директорию /wp-content/plugins/. Изменять название файлов и папок при этом крайне не рекомендуется. Далее идем в админку wordpress и активируем плагин в соответствующем разделе (Plugins).
Для вывода слайдшоу на сайте заходим в нужным вам файл шаблона и добавляем там код вызова плагина:
<?php if(function_exists('wp_content_slider')) { wp_content_slider(); } ?>
Нужный файл значит header.php для добавления в шапку блога, sidebar.php в боковые колонки и т.п. Если вы, например, хотите отображать слайдер только на главной и в качестве домашней страницы у вас указана какая-либо страница блог, то нужно зайти в файл page.php где добавить код:
<?php
if(is_front_page())
{
if(function_exists('wp_content_slider')) { wp_content_slider(); }
}
?>
Чаще всего нужно будет разместить его в файле index.php который является основным wordpress шаблоном блога.
Чтобы вывести слайдер на специальной отдельной странице можно использовать такой код:
<?php
if(is_page('about'))
{
if(function_exists('wp_content_slider')) { wp_content_slider(); }
}
?>
Ну, можно использовать тому подобные конструкции, подробнее об этом читайте в статье про условные операторы wordpress .
Перед вставкой кода плагина в шаблон можно зайти в его настройки – после активации в админке wordpress появляется отдельный раздел Content Slide. Там есть три блока настроек:
- General Settings – общие параметры для создаваемой флешки слайдшоу (ширина, высота, шрифт, рамка, цвет фона и т.п.)
- Effects and Animations Settings – опции анимации переходов (задержка между сменой изображений, тип эффекта, наличие навигации и т.д.) С этим параметром можно немного поэкспериментировать дабы посмотреть все возможные эффекты.
- Image Source Settings – здесь выбираются изображения, которые будут выводиться в слайдере, есть несколько параметров, которые нужно будет попробовать. Для картинок можно задавать ссылки для переходов, что открывает еще одну возможность использования модуля.
В целом плагин Content Slide со своей задачей справляется, работать с ним легко и просто – единожды настроив эффекты перехода и добавив картинки для слайдера можно наслаждаться приятной анимацией на своем сайте или блога.