fashion-916400_640

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

Здравствуйте !

Если вы ищите для своего сайта стильный слайдер, то вы попали по адресу, сегодня я как раз таки расскажу о таком креативном slider для сайта wordpress. У вас будет на выбор восемь готовых вариантов отображения слайдера на сайте. Вам лишь останется вставить свои фотографии, а так же добавить свой текст к слайдам, но это в зависимости от того какой вы выберите вариант слайдера. Вот скриншоты примеров слайдера:

 

14-10-2015 19-54-25 14-10-2015 19-54-46 14-10-2015 19-55-05 14-10-2015 19-55-19 14-10-2015 19-55-36 14-10-2015 19-56-01

 

Как видите слайдер по умолчанию имеет очень стильный дизайн, который несомненно украсит собою любой сайт. Для данного слайдера можно будет задать любой размер, так же можно будет отобразить слайдер через виджет. Создавать стильный слайдер мы будем с помощью плагина — Master Slider. Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

14-10-2015 20-31-12

 

Чтобы перейти на страницу создания слайдера, нажмите на вкладку — Master Slider.

 

14-10-2015 20-31-55

 

Чтобы выбрать вариант слайдера, нажмите на кнопку — Create New Slider.

 

14-10-2015 22-23-50

 

Далее, выберите один из вариантов слайдера, который бы вы хотели добавить на свой сайт и нажмите на кнопку — CREATE.

 

14-10-2015 22-27-24

 

В слайдере уже будут добавлены готовые изображения, чтобы удалить изображение из слайдера нажмите на значок корзины, а чтобы добавить новое изображение в слайдер, нажмите на вкладку — Add Slide.

 

14-10-2015 22-32-27

 

Чтобы вставить в слайд ссылку, выделите слайд для которого вы хотите задать ссылку, перейдите на вкладку — Video and Link. В поле URL укажите url адрес ссылки, чтобы ссылка открывалась в новом окне, справа укажите значение — Open on new page.

 

15-10-2015 11-14-18

 

Если вы выбрали слайдер с текстом, то чтобы изменить текст, перейдите на вкладку — Slide Info. Замените текст по умолчанию на свой.

 

15-10-2015 11-23-53

 

В настройках слайдераSlider Settings, можно указать размер слайдера.

 

15-10-2015 11-30-40

 

Так же в настройках можно включить авто-воспроизведение слайдера. Переключите значение Autoplay (Slideshow) в позицию ON.

 

15-10-2015 11-35-07

 

Для каждого слайда можно задать продолжительность слайд-шоу в секундах.

 

15-10-2015 12-15-53

 

Чтобы сохранить настройки слайдера, нажмите на кнопку — Save Changes. Добавить слайдер на сайт можно будет с помощью шорткода и php кода. Шорткод — для вставки в запись и на страницу. Php код — для вставки в footer.php (подвал сайта), header.php (на самый верх сайта).

 

15-10-2015 12-19-35

 

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

 

15-10-2015 12-25-46

 

Так же слайдер можно отобразить на сайте через виджет — Master Slider Widget.

 

15-10-2015 12-29-37

 

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

 

15-10-2015 12-29-52

 

На этом всё, если у вас остались вопросы по данной статье, то пишите в Обратную связь, либо оставляйте свои комментарии к данной записи. До новых встреч !

 

Ещё один слайдер для WordPress, с выбором эффекта перемещения слайдов.

 

Стильный слайдер Slider на сайт wordpress ! обновлено: Октябрь 17, 2016 автором: Илья Журавлёв
 
 

4 комментария

  • Юлия 10.02.2016 Ответить

    на моем сайте при вставке слайда в запись — он не отображается, а при вставке в сайдбар — он отобраается как картинка, как баннер со ссылкой на страницу…

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

      А как ты вставляешь слайдер в запись ? Чтобы слайдер был динамическим, то есть, чтобы фото перемещались, нужно в настройках включить функцию — Autoplay.

  • Анастасия 05.09.2016 Ответить

    Илья скажите пожалуйста,как убрать пробел между шапкой сайта и самим слайдером?Буду благодарна за путь к файлам.

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

      Если пробел сами не вставляли в код, то тогда можно с помощью CSS убрать пробел. С помощью плагина SiteOrigin CSS можно сделать !

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

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


8 + 3 =



super-infa-top
Стрелка вверх