Здравствуйте, сегодня рассмотрим очередной сенсорный слайдер, который также можно прокручивать колесиком мышки, создается он  с помощью плагина SlideDeck 1 Lite Content Slider.

Скачать исходники для статьи можно ниже

Особенность слайдера:

SlideDeck позволяет Вам вносить различные типы контента (изображения, аудио, видео, анимация, фигуры и многое другое). Возможность управления посредством скроллинга мыши и клавиатуры. Есть режим диномического обновления слайдера.

Данный плагин есть на wordpress.org:

Последнее обновление: 2012-7-11

Загрузок: 204,075

Автор: digital-telepathy

Демо-пример можно посмотреть на сайте плагина:

slidedeck.com

Аналогичные плагины: WP-ImageFlow Plus

Установка стандартная – входим в панель управления, в левом меню выбираем пункт “Плагины” и его подпункт “Добавить новый”, в строке поиска вводим SlideDeck 1, есть и SlideDeck 2 – это более новая версия данного плагина, однако, она платная.

Устанавливаем и активизируем.

После чего в левом меню вашей панели управления появится новый пункт SlideDeck, который будет располагаться ниже пункта “Настройки” (“Параметры”).

Также в “Редакторе” записей или страничек в верхнем правом углу у  вас появиться новое окошко SlideDeck, с кнопочкой “Insert SlideDeck”.

Еще  в “Редакторе” появится новая кнопочка “SD”:

Обе вышеуказанные кнопки нужны для удобной вставки слайдера SlideDeck внутрь поста или странички, нажимаете на них, выбираете предварительно созданный вами слайдер, указываете размер слайдера и вставляете.

У данного плагина есть также свой виджет –  SlideDecks Widget BETA, который появиться в вашей панели управления в пункте “Внешний вид” – “Виджеты”:

Из-за размера слайдера, разработчики рекомендуют вставлять его в виджеты, расположенные в шапке или в подвале вашего сайта.

Теперь перейдем непосредственно к настройке слайдера SlideDeck 1.

Переходим в левом меню вашей панели управления в пункт SlideDeck и видим в нем 4 подпункта:

– Edit – подпункт,  где вы сможете увидеть уже созданные вами слайдеры, а также отредактировать их, нажав на кнопку Edit напротив имени соответствующего слайдера или же вовсе удалить ненужный слайдер.

– Add new – вот с данного пункта и будем начинать создавать слайдер!

-Add Smart SlideDeck – с помощью данного подпункта можно создать диномичнообновляемый слайдер, здесь вам нужно будет выбрать “тип контента”, который будет показываться в слайдере:  Последние сообщения, Лучшие сообщения, Популярные сообщения, выбираете количество слайдов в слайдере и другие настройки – и ваш сайт автоматически обновляется.

– Learn about pro – откроется страничка, рассказывающая о платной версии SlideDeck 2.

Теперь более подробно рассмотрим подпункт Add new:

Здесь как в редакторе записи есть закладки: Визуальный и HTML редактор, также есть кнопка Delete Slade – удалить слайд.

А справа находятся окошки:

–  SlideDeck Options – основные параметры слайдера:

Autoplay (включить автоматическую смену сладов и время их смены),

Loop SlideDeck (включить цикл показа слайдов, то есть достигнув конца слайдер автоматически перемотается на начало),

Show “Active Corner” Indicator (показать индикаторы),

Allow Keyboard Navigation (разрешить навигации с помощью клавиатуры),

Allow Scroll Wheel Navigation (разрешить прокрутку колесиком мыши),

Hide Slide Title Bars (скрыть название баров слайдов),

Animation Speed (скорость анимации),

Choose Skin (выбрать скрин слайдера),

Start SlideDeck on (выбрать слайд, с которого будет начинаться показ слайдера).

– Re-oder Slides –  порядок показа слайдов в слайдере.

Здесь вы можете добавить нужное вам количество слайдов, нажав на кнопку “Add Another Slide”, а также поменять порядок слайдов в слайдере, перетащив их мышкой.

– Theme Code Snippet – здесь вам дается код, для вставки его непосредственно в шаблоны вашей темы.