Сенсорный слайдер с WP-ImageFlow Plus

Наткнулся на данный плагин — WP-ImageFlow Plus , когда искал слайдер, который бы позволял  прокручивать галерею изображений с помощью колесика мыши или сенсорно!

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

С помощью данного плагина — WP-ImageFlow Plus мы сможем создать следующий очень красивый слайдер:

слайдер ImageFlow

Демо-пример можно посмотреть по следующей ссылке:

http://stofko.ca/wp-imageflow2-wordpress-plugin/

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

Последнее обновление: 2012-12-13

Загрузок: 41,503 — скромненько.

Оценка: 4,5 из 5 звезд, проголосовавших 23 посетителя.

Автор: Bev Stofko

Аналогичные плагины: SlideDeck 1 Lite Content Slider

Установка стандартная — в понели управления в левом меню выбираем плагины — добавить новый — в строке поиска указываем WP-ImageFlow Plus, устанавливаем и активируем.

После активации плагина в панели управления сайта в левом меню в пункте «Настройки» (Settings) у нас появиться новый подпункт «WP-ImageFlow Plus«.

Заходим в него и видим параметры для настройки слайдера, их не так уж и много:

Все настройки можно оставить в значении которое стоит по умолчанию, кроме одного — «Выбери свое отражение скрипт:» (Choose your reflection script: ) здесь поставьте  «Отключить размышления» (Disable reflections), на скриншоте ниже данный пункт отмечен синей стрелкой.

настройка слайдера ImageFlow

И не забываем нажать в конце настроек на кнопку «Save» (сохранить, на скриншоте «Экономить» — вот так смешно перевел Google переводчик данную кнопку).

настройка плагина галереи изображений с прокруткой колесиком мыши

Далее нам нужно указать плагину WP-ImageFlow Plus какие картинки, изображения мы будем показывать в слайдере.

Для этого входим в любую запись или страничку и находим окошко «Миниатюра записи».

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

Если у вас данного окошко нет, то вам нужно нажать на вкладку «Настройки экрана» (находится здесь же верхнем правом углу) и поставить галочку напротив «Миниатюра записи», если ваша тема поддерживает миниатюры, что характерно для подавляющего большинства современных тем.

настройка плагина ImageFlow

Далее нажимаем в данном окошке (Миниатюры записи) на ссылку «Задать миниатюру» и загружаем картинки для слайдера или же выбираем их из библиотеки файлов, при этом в параметрах картинки у нас появилась новая строчка «WP-ImageFlow Plus Link» — здесь можно поставить ссылку на страничку, которая будет открываться при нажатии на данную картинку в слайдере, если же оставить данную строчку пустрой, то при нажатии на картинку будет показана сама кратинка в Lightbox popups (модальном окне).

ставим ссылку на изображении в слайдере wp-imageFlow

Не забудьте также о том, что значение «titul» тоже будет показываться в слайдере.

Осталось последнее — это вставить шоткод данного слайдера для его показа в нужно месте.

Для этого переходим в редактор записи или странички во вкладку HTML и вставляем в нужном нам месте следующий код:

[wp-imageflow2]

Вот и все!

PS:  Также можете почитать статью про данный плагин по следующей ссылке:

http://n-wp.ru/4044

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


knopkisoc

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