Сенсорный слайдер с 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

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