Слайдер с галереей изображений на сайт WordPress плагин !

С помощью плагина — Impressive Slider Made Easy, вы сможете создать на своём сайте wordpress, слайдер с галереей изображений. Вы сможете создавать просто слайдер, а можно создать слайдер с галереей изображений, то есть, под слайдером будут отображаться миниатюры изображений, которые имеются в слайдере. Вы сможете выбрать изображение и нажать по нему, чтобы посмотреть изображение в слайдере. В настройках можно будет выбрать тип навигации, указать размеры, выбрать тип слайдера и т.д.

 

18-02-2016 15-46-38_mini

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

18-02-2016 15-45-18

 

После установки и активации плагина, перейдите на страницу: Impressive SlidersAdd New, чтобы создать слайдер с галереей изображений. Чтобы добавить в слайдер изображения, нажмите на вкладку — Add Images, выберите изображения, которые будут отображаться в слайдере. После выбора изображения появятся на странице.

 

18-02-2016 16-05-15_mini

 

 

Настройки

 

— Slider Type, выберите тип слайдера. Image Slider — обычный слайдер, Logo/Thumbnail Slider — слайдер для логотипов и миниатюр, Vertical Image Slider — вертикальный слайдер, слайды будут двигаться по вертикали, Image Gallery — слайдер с галереей изображений.

— Slider Width — укажите ширину слайдера.

— Autoplay Transition, здесь можно выбрать эффект перемещения слайдов, большой выбор.

— Navigarion Arrows, можно включить или выключить навигацию слайдера, стрелки, по умолчанию включено.

— Slider Height, укажите высоту слайдера.

— Auto Play, можно включить или выключить авто-перемещение слайдов, по умолчанию включено.

Arrow Type, можно выбрать тип навигации, то есть стрелок.

 

Image Gallery Settings, если вы выберите слайдер с галереей изображений, то у вас появится дополнительные настройки.

— Thumbnail Visibility, видимость миниатюр. Always Visible — сразу видны, Mouse Over — показываются только при наведении курсора мыши на слайдер, Never — не показывать.

Thumbnail Panel Color, можно указать html код цвета панели миниатюр.

Thumbnail Design, вид миниатюр. Outside — снаружи слайдера, Inside — внутри слайдера.

 

18-02-2016 16-13-19_mini

 

После настройки слайдера, вверху укажите любое название слайдера, нажмите на кнопку — Опубликовать. Скопируйте шорткод слайдера.

 

18-02-2016 16-37-38_mini

 

Скопированный шорткод слайдера вставьте на страницу редактирования записи или страницы.

 

18-02-2016 16-45-53

 

На сайте вместо шорткода будет отображаться готовый слайдер с галереей изображений.

 

Master Slider — Стильный слайдер Slider на сайт wordpress !

 

   
 
Слайдер с галереей изображений на сайт WordPress плагин ! обновлено: Февраль 18, 2016 автором: Илья Журавлёв

6 комментариев

  • Андрей 27.08.2016 Ответить

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

  • Любовь 17.12.2016 Ответить

    ОЙ!)))
    Илья, пожалуйста, быстрей на помощь)
    Так а где теперь этот слайдер уже опубликованный найти чтобы редактировать. А?
    Спасибо

  • Любовь 17.12.2016 Ответить

    Уже сообразила.
    А что этот слайдер вообще не поддаётся настройкам?

  • Любовь 17.12.2016 Ответить

    Если фото разного размера по ширине, а по высоте одинаковые…как задать правильно размер?
    Они все вытянулись, так ужасно.
    Подскажи, пожалуйста, Илья.
    Спасибо!)

    • Илья Журавлёв 17.12.2016 Ответить Автор

      Привет, в настройках можно указать ширину слайдера. Настройки отображаются там же где и добавляются фото в слайдер. Там же справа нужно скопировать шорткод, который вставляется на страницу или в запись. Слайдер редактируется на той же странице, где он создаётся. В записи всё расписано.

  • Любовь 17.12.2016 Ответить

    Илья, по твоей ссылке этот плагин больше понравился Master Slider
    Но тоже ещё разбираюсь)
    Спасибо!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


3 + 3 =




Яндекс.Метрика
Стрелка вверх