Стильный слайдер 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, с выбором эффекта перемещения слайдов.

 

info-effect.ru
Добавить комментарий для Юлия Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Юлия

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

    Ответить
    1. Admin автор

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

      Ответить
  2. Анастасия

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

    Ответить
    1. Admin автор

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

      Ответить
  3. Марина

    Здравствуйте, помогите, слайдер не адаптируется на телефоне…….

    Ответить
    1. Admin автор

      Добрый день. В настройках слайдера SLIDER SETTINGS, для параметра Slider sizing method выберите значение Boxed layout и включите параметр Auto-height slider. Тогда слайдер будет адаптивным.

      Ответить
      1. Марина

        Включила, но все равно на телефоне криво( Только текст и стрелки видно, и все как-то друг на друге

        Ответить
        1. Admin автор

          Тема у вас адаптивная?

          Ответить
          1. Марина

            Да адаптивный,

          2. Admin автор

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