Шаг №122.Удобный и функциональный слайдер картинок для WordPress.

Приветствую друзья. Немного освободилось свободного времени и я решил написать новую статью. В статье речь пойдет о установке слайдера картинок на wordpress. Да да, вы можете вспомнить что такая статья уже есть на моём сайте Как установить слайдер картинок на wordpress но уверяю вас, что я нашел еще более удобный и функциональный слайдер картинок для wordpress. Итак, сегодня мы познакомимся со слайдером картинок под названием M-vSlider.

Хочется начать с возможностей данного слайдера. Во первых при помощи слайдера картинок можно оформить шапку Вашего сайта либо рекламные места. В случае если слайдер картинок будет использоваться под ротацию баннеров, то слайдер имеет возможность установить произвольный размер области ротации.

Во вторых мне очень понравилась простота использования слайдера, намного проще, чем его предшественник. Также что мне очень понравилось — так это возможность установить любое количество картинок.

Давайте перейдем непосредственно к инструкции по установке слайдера картинок на wordpress.

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

Итак перейдите в админку wordpress в пункт M-vSlider Setup.

Первым делом вам на глаза поподется непонятная таблица на английском языке.Но если немного присмотреться, то можно понять что первые несколько пунктов содержат код, который вам необходимо разместить на своём сайте. В таблице есть два вида кода, один для размещения в файлах шаблона( к примеру для размещения слайдера картинок в шапке сайта) и второй — шорткод wordpress для размещения непосредственно в записях или страницах сайта, либо в виджете.

Слайдер картинок для wordpress

Итак, как уже определились если слайдер необходимо разместить в кодах шаблона, то копируйте код из колонки «Use in Template/PHP code», если же в какой либо записи или на странице сайта то копируйте шорткод из колонки «Shortcode»и вставляйте непосредственно в тело записи в визуальном редакторе.

Теперь, после того как слайдер размещен на сайте, пришло время его настроить. Видите на скриншоте выше в первой колонке «Actions» есть карандашик, так вот на него нужно нажать для конфигурации слайдера картинок.

В левой колонке вы увидите табличку под названием «Slider General Settings», в ней содержатся все настройки слайдера,такие как: название слайдера,ширина и высота в пикселях,эффект смены анимации,скорость и интервал смены анимации.

Настройка слайдера картинок для wordpress

Ну а в правой колонке «Images Setup» мы можем прописать сколько картинок должно быть в слайдере.Для добавления новых картинок в слайдер внизу есть кнопка «Add Another Image». Для каждой картинки в слайдере есть 3 поля для заполнения. В Image path — прописываем путь, где лежит картинка на сайте. В Image links — ссылка, куда необходимо отправить посетителей при клике на картинку. Image caption — небольшое описание слайда.

Настройка слайдера картинок для wordpress

На этом в принципе и все. Все что нужно для создания простого и удобного слайдера картинок для wordpress — это установить и настроить плагин M-vSlider.

  • http://vse-v-sonnike.ru Валентина

    У вас много хорошего материала. Спасибо за полезную информацию

  • http://ok-nogotok.ru Екатерина

    Полезная статья. Спасибо.

  • http://live-pretty.ru Temo4kin

    Спасибо за слайдер! Обязательно попробую! Тем более, что давно подумывал о чем-то подобном. Только вот меня всегда смущал тот факт, что картинки для этого нужно загружать на сайт.

  • http://good-seo.ru Анатолий

    Спасибо, Артем! С этим слайдером еще не встречался.

  • http://art-shkola.com Елена

    Да, действительно полезно и доступно! Спасибо Вам за Ваш труд!!! ➡

  • Михаил

    В опере скрипт не грузиться, не подскажите что нужног исправить?

  • Lenhen

    Здравствуйте, не получается запустить этот плагин, не понимаю как вставить непосредственно в тело записи в визуальном редакторе 😥