Как сделать красивый слайдер wordpress, с помощью плагина YSlider опубликовал Радик Алиев категория  
просмотры 14 560

Как сделать красивый слайдер wordpress, с помощью плагина YSlider

Друзья, если Вы ещё не научились работать с WordPress смотрите видео уроки по созданию блога на WordPress, также я писал как установить WordPress на хостинг и на localhost. Сегодня рассмотрю хороший плагин для WordPress, который сам недавно использовал на одном блоге, плагин понравился, работает без особых проблем. С помощью плагина YSlider Вы сможете вставлять красивый слайдер WordPress в статьи Вашего блога.

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

YSlider может отобразить отрывок текста статьи в самом WordPress слайдере, для более удобной навигации. Если не стоят настройки отображения, плагин создает для каждой статьи тизер текст, который будет визуализироваться из первых 55 слов!

красивый слайдер wordpress


Установка и настройка слайдера для WordPress YSlider

  1. Взять последнюю версию плагина (открыть).
  2. Использовать в WordPress «Функцию добавить новый плагин » или распаковать и вручную загрузить в каталог WordPress плагинов.
  3. Выставить права 777 на папку /cache.
  4. Активировать плагин YSlider. После активации плагина в левой колонке, появится меню плагина YSlider.

Чтобы активировать WordPress слайдер в посте Вам необходимо прописать [yslider] в том месте, где хотите отобразить слайдер.

Плюс плагина в том, что Вы можете задавать различные параметры для отображения слайдера в статье WordPress. Например:

[Yslider posttitle=»Последние фильмы»] — изменяет названия слайдера WordPress

[yslider posttitle=»Последние фильмы» postwidth=700 postimgheight=300 postcontentheight=100] — изменяет размеры высоту, ширину слайдера и размер внутреннего текста.

Все доступные варианты:

posttitle=»любое название» — изменить заголовок (можно использовать posttitle=»», чтобы удалить заголовок и подзаголовок).

postsubtitle=»любое название» для изменения субтитров.

postids=»45,42,39″ — вы можете вставлять любые посты в слайдер (необходимо также прописать postrecent=»off»).

postrecent=»on or off» — Вы можете отобразить или нет последние 8 постов.

postwidth=600 — Вы можете изменять ширину слайдера.

postimgheight=600 — Вы можете изменять высоту слайдера.

postcontentheight=200 — Вы можете изменить основную высоту содержимого.

postcarouselheight=600 — Вы можете изменить высоту карусели.

postthumbheight=600 — Вы можете изменить высоту изображения карусели.

postslideby=5 — Вы можете поставить количество слайдов.

postspeed=1000 —  скорость слайда (в миллисекундах).

postinterval=2000 — интервал между каждым слайдом, когда postautoplay=»on» (в миллисекундах).

postcontinuous=»on or off» — чтобы разрешить или нет круговую навигацию между элементами.

postautoplay=»on or off» — автозапуск.

Красивый слайдер wordpress

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

Вы также можете скачать другие плагины WordPress с полным описанием, такие как резервное копирование WordPress, Оптимизация и ускорение WordPress . Также Вы можете узнать как правильно поставить кнопку Google Plus на сайт.

Если Вам была полезна данная информация, поделитесь с Друзьями!

Демо Инфо
Теги:

18 Комментарий

Оставить комментарий
  1. http://saitkyrort.ru Апрель 14, 2013 at 8:46 пп #

    Радик, у меня уже в шаблоне вордпресс есть встроенный слайд картинок и находиться под шапкой сайта, я хочу поставить свои картинки без записи. Чтоб они менялись. как это сделать? Если есть видео урок, буду благодарна.

  2. Андрей Апрель 28, 2013 at 1:53 пп #

    Все у Вас хорошо и красиво, но есть обязательно маленькая неоговоренная вещь, без которой ничего не сделать. Что такое «Выставить права 777 на папку /cache» и как это сделать? Как загрузить фото сюда?

    • Данила Апрель 28, 2013 at 1:58 пп #

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

      • Андрей Апрель 28, 2013 at 2:51 пп #

        В файловом менеджере на хостинге НИКАКИХ ПРАВ поменять НЕ ВОЗМОЖНО!

  3. Андрей Апрель 28, 2013 at 1:55 пп #

    Я иду практически по всем Вашим урокам и почему-то ни в одном случае ничего не работает. Не могу понять, вроде все делаю правильно, но результата нет.

    • Данила Апрель 28, 2013 at 2:00 пп #

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

      • Андрей Апрель 28, 2013 at 2:54 пп #

        Это хорошо про будущее сказано, а что мне делать — два дня без результата и ничего не понятно.

  4. Андрей Апрель 28, 2013 at 3:02 пп #

    Попробовал Header Image Slider, NextGEN Gallery, WordPress Gallery Plugin, YSlider, а the the Image Slider вообще не нашел. Выручите, пожалуйста, помогите заставить хоть какой-то работать. Мне сейчас надо в шапку сайта вставить, а далее в статьи и т.п. Спаибо.

    • Данила Апрель 28, 2013 at 4:48 пп #

      Андрей, а вы вставляете код от слайдера в место, где хотите его видеть?

    • Данила Апрель 28, 2013 at 4:51 пп #

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

      • Андрей Апрель 28, 2013 at 5:09 пп #

        И вставлял и активировал. Но в двух неизвестно, где грузить фото, а других крутится маркер на месте или фон черный на месте слайдера. Вот сейчас что-то получилось с помощью программы WOW Slider, но неудобно, т.к. создавать надо не в админке сайта.

  5. Владимир Май 9, 2013 at 1:36 дп #

    Не получилось вставить на страницу. Использовал аля так — (без пробелов). Перед хэдером.

    Появляется ерунда.
    Потом попробовал вставить после хедера — всё норм. Ложиться на сайт. толкает статьи. в общем всё как надо.
    Попробовав еще у меня получилось засунуть слайдер перед хедером.
    Только он тупо сдвинул сайт в низ.
    А мне хочется чтобы он ложился как фон. Подскажите кто чем что

  6. Владимир Май 9, 2013 at 1:38 дп #

    Не получилось вставить, отправляю еще раз код

  7. Владимир Май 9, 2013 at 1:39 дп #

    вот блин.. кароче как у Вас вот тут. только свой [ ] .

    вот http://wpandyou.ru/plaginy-wordpress/galerei-i-slajd-shou/dobavlyaem-slajd-shou-ili-slajder-v-shapku-sajta-v-sajdbar-v-post-ili-stranicu-wordpress/#comment-270

  8. Влад Октябрь 13, 2013 at 5:32 пп #

    а где папка cachе?

  9. Сергей Февраль 12, 2014 at 12:06 дп #

    Присоединяюсь ко всем вышеупомянутым комментариям, касательно непонятности. Ребят вы поймите люди заходят на вашу страничку в поисках ответов. А таких общих фраз мы уже тысячи прочитали, такое ощущение что вы эти уроки по принципу ctrl+c ctrl+v с других сайтов делаете. Сделайте доброе дело напишите урок для незнающих людей, а не памятку для тех кто уже в курсе дел.

    • Gennady Февраль 12, 2014 at 5:42 дп #

      Сергей, одни не понимают что такое поставить права на папку 777 и как, другие что-такое фтп, ….. шоткод, третьи не поймут вашей фразы ctrl+c ctrl+v, я к тому что всем не угодишь… даже туториалы в стиле википедии и обширные разделы FAQ не всегда спасают… последнее планируется вводить на wpandyou.ru

      • Сергей Февраль 12, 2014 at 9:50 дп #

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

        Спасибо вам за оказанное внимание и успехов в вашем деле.

Добавить комментарий для Данила Click here to cancel reply.

vk_like_site