Дек

Content Slide – простой плагин для создания слайдера (слайдшоу)

Иногда возникает необходимость немного оживить сайт графически и, возможно, добавить немного анимации. Это может быть какая-то флешка с шапке сайта, блок «наши клиенты» в сайдбаре с демонстрацией их логотипов, либо отображение слайдшоу созданных работ (шаблонов) для сайтов веб-студий или дизайнеров. При это возникает, по сути, 2 пути реализации – можно вручную с помощью специального софта для создания флешек создать нужный вам файл, а потом залить его на сайт, а можно воспользоваться специальными плагинами. Для системы WordPress можно использовать модуль Content Slide, о котором сегодня расскажу.

Его присмотрел уже давно еще когда писал статью 20 полезных wordpress плагинов для изображений. По сути, там есть несколько решений поставленной задачи, но Content Slide показался наиболее подходящим. Он, во-первых, максимально прост в использовании без лишних наворотов и дополнений. Во-вторых, имеет достаточно гибкий механизм из множества специальных настроек для внешнего вида создаваемого слайдшоу (размеры, цвет, стили и многое другое). В работе плагин Content Slide использует скрипт Jquery Coin Slider для самого слайдшоу и jquery inner Fade effect для эффекта перехода (затемнения). Если я правильно понимаю, то это общедоступные скрипты, которые можно применить и самому, но это скорее для веб разработчиков, рядовому пользователю лучше установить Content Slide которые максимально упростить задачу интеграции скрипта слайдшоу в wordpress блог.

Установка 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. Там есть три блока настроек:

настройка Content Slide

General Settings – общие параметры для создаваемой флешки слайдшоу (ширина, высота, шрифт, рамка, цвет фона и т.п.)
Effects and Animations Settings – опции анимации переходов (задержка между сменой изображений, тип эффекта, наличие навигации и т.д.) С этим параметром можно немного поэкспериментировать дабы посмотреть все возможные эффекты.
Image Source Settings – здесь выбираются изображения, которые будут выводиться в слайдере, есть несколько параметров, которые нужно будет попробовать. Для картинок можно задавать ссылки для переходов, что открывает еще одну возможность использования модуля.

В целом плагин Content Slide со своей задачей справляется, работать с ним легко и просто – единожды настроив эффекты перехода и добавив картинки для слайдера можно наслаждаться приятной анимацией на своем сайте или блога.

Новая перспективная биржа фриланса Golance для тех кому удаленная работа просто необходима – причем как работодателям, так и веб разработчиками.
Статьи я преимуществах и особенностях создания сайта на Юкоз (uCoz) возможности и краткое описание бесплатного движка.
Говорят, что сани на зиму нужно готовить летом, тогда бассейны для дачи наоборот зимой чтобы летом можно было хорошо отдохнуть.

А еще можно опубликовать статью в своем блоге:

Оцените статью:

(голосов - 11, средний балл: 5,09 из 7)

Loading ...

Категории: Плагины;

Теги: изображения, обзоры плагинов, слайдшоу, установка, флеш на сайте.

Еще интересно почитать:

Комментариев - 43 к статье “Content Slide – простой плагин для создания слайдера (слайдшоу)”

← Ранее 1 2

Алексей 05.12.2011
Интересный плагин, надо будет разобраться, анимация не помешает, главное чтобы не тормозил из-за этого
Сергей 13.12.2011
Здравствуйте. Хочу спросить, а вот реально разместить слайдер, с левой стороны или с правой под меню ? например над «последними постами», если взять ваш сайт. спасибо
Tod 15.12.2011
Сергей, слайдер можно разместить где угодно, он добавляется в код шаблона через php функцию.
Елена 25.12.2011
Нужный пост, теперь пробую разобраться в настройках…
Виктор 25.01.2012
Этот плагин конфликтует и с Lightbox и Shutter Reloaded, если вы как то решили эту проблему , сообщите плиз…
Егор 25.01.2012
Привет, не могли бы вы подсказать, установил данный плагин разместил его на главной странице но отображается он не правильно, т.е изображения располагаются просто в столбик и все.
Может в fonctins что то добавить надо?
Tod 25.01.2012
Виктор, попробуйте установить Lightbox Plus, может он не будет конфликтовать. Либо поискать другой модуль для слайдшоу.
Егор, куда добавить? Я бы переустановил еще разок, а потом если что попробовал бы с базовой темой вордпресс, возможно, где-то с шаблоном конфликрует.
Penny 28.02.2012
Здравствуйте! Активировала плагин Content Slide. Как и написано в рекомандациях добавила в код page.php необходимые изменения:
Надо было чтоб на странице с id=11 картинки показывались через этот слайдер.

Но почему-то на данной странице желаемый плагин не работает. Помогите, в чем дело?
Используемый WP версии 3.3.1. Никаких других плагинов не активировано.
Tod 28.02.2012
Penny, возможно вы как-то не до конца настроили плагин. Но вообще, указанные в статье коды вставки модуля подходят только для шаблона в посте или странице php код размещать нельзя. Если вам нужен слайдер на одной из страниц, тогда присмотритесь к коду:
<?php if(is_page('about')) { if(function_exists('wp_content_slider')) { wp_content_slider(); } } ?>
Но это все размещается именно в шаблоне (single.php) + вам нужно будет вместо about подставить id страницы – is_page(11).
Porter 29.03.2012
Плагин замечательный, но вот одно но, когда хочу обновить статью, выдает ошибку плагина
Tod 30.03.2012
Porter, сложно сказать с чем это может быть связано – возможно нужно обновить плагин и вордпресс до последних версий, может конфликт с другим плагином.
Alex 20.04.2012
Здравствуйте!
А как сделать чтобы нажимая на картинку которую выводит этот слидешов и чтоб я не переходил на их сайт?
Tod 23.04.2012
Alex, для картинки можно указать ссылку на свой сайт.. вот только не помню ссылка обязательна или можно без нее обойтись. Если обязательна то можно попробовать указать вместо нее символ # или в коде плагина найти и убрать код отображения ссылки.

← Ранее 1 2

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

Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Последние посты

Категории

Страницы

Архив

Полезное

Облако тегов

Лучшее в категории

Клуб читателей блога

Скажи свое мнение!

Loading ...

Друзья проекта

Интернет новости

Последние новости

Все новости интернета »