Слайдер с помощью SlideDeck 1

Здравствуйте, сегодня рассмотрим очередной сенсорный слайдер, который также можно прокручивать колесиком мышки, создается он  с помощью плагина 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

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

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

виджет slidedeck

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

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

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

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

редактирование слайдеров slidedeck

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

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

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

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

создание слайдера с помощью slidedeck

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

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

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

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

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 — здесь вам дается код, для вставки его непосредственно в шаблоны вашей темы.

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Слайдер с помощью SlideDeck 1: 4 комментария

  1. Ольга

    Костя, здравствуйте! Огромное спасибо Вам за интересную и полезную информацию!
    У меня на сайте установлен слайдер SlideDeck 1. Сначала работал великолепно, а сейчас что-то случилось, и он перестал разворачиваться горизонтально, как положено, а сразу занимает вертикальное положение, причем в развернутом виде! Не знаю, что и делать… Может, Вы подскажите Буду очень признательна и благодарна.
    С уважением, Ольга.

  2. Константин

    Ольга, трудно сказать в чем причина неправильной работы плагина, проанализируйте что-могло повлиять на его работу, в основном это связанно со следующими причинами: обновление темы, обновление движка, обновление плагина, установка нового плагина (конфликт плагинов), установка нового скрипта (конфликт скриптов), изменение размеров картинок или изменение в файле стилей темы и т.д. Главное определить момент, когда плагин стал неправильно работать и вспомнить предшествующие данному моменту события, которые возможно и сломали его работу.
    В любом случае у данного плагина есть аналоги, которые смогут заменить его работу на вашем сайте.

  3. Ольга

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

Добавить комментарий