2 варианта как сделать слайдшоу WordPress опубликовал Радик Алиев категория ,  
просмотры 54 464

2 варианта как сделать слайдшоу Wordpress

Приветствую Вас на блоге WPandYOU.ru. Работа с WordPress очень простое занятие, для создание блогов или даже больших порталов, с помощью дополнительных плагинов, которых огромное количество. Для начала сделайте установку WordPress , например на локальном компьютере с помощью утилиты Denwer, можете сразу установить комментарии WordPress , или отключить комментарии WordPress как я уже описывал.

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

Слайдшоу WordPress на главной странице или в любых внутренних страницах с помощью плагина WordPress Gallery

Хороший плагин и очень простой. Для начала возьмите плагин WordPress Gallery (тут) и установите плагин через админ панель (см. как установить плагин WordPress). После установки и активации плагина у Вас в админ панеле в левом меню настройки этого плагина.

Настройки слайдшоу WordPress

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


После того как изображения загружены Вам нужно пройти в раздел Setting. В этом разделе Вы делаете настройки отображения слайдшоу на сайте. Задаёте размер слайда, скорость перелистки картинок и выбираете эффект отображения изображений в слайдшоу. Эффектов достаточно много, можно подобрать подходящий.

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

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

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

Мощная галерея слайдшоу WordPress NextGEN Gallery для отображения изображений в статьях, на страницах блога с большим количеством стилей

Рассмотрим второй вариант слайдшоу, можно даже назвать галереи WordPress, использую плагин NextGEN Gallery. Плагин очень мощный и имеет много полезных настроек для отображения изображений.

Для начала Вам нужно взять плагин NextGEN Gallery (тут) и установить на WordPress (см. как установить плагин WordPress). Плагин поддерживает языковые файлы и есть русифицированные файлы (тут), которые Вам нужно закинуть папка плагина/lang, после этого плагин будет полностью на русском языке, Чтобы сайт был на нескольких языках Вы можете воспользоваться плагином GTranslate WordPress.

Чтобы начать работу с плагином, зайдите в Настройки NextGEN Gallery. Настроек достаточно много, самые основные это:

  1. Тамбнейлы, отображение маленьких эскизов оригинальных изображений.
  2. Изображения, тут Вы задаёте размер, который будет отображать галерею в развёрнутом виде, можно установить автоматическую нарезку больших фотографий в заданный размер.
  3. Галерея можете настроить всевозможные сортировки и варианты отображения, например слайдшоу или полный список изображений.
  4. Эффекты, тут Вам нужно попробовать каждый эффект и остановиться на подходящем.
  5. Водяной знак, можете поставить Watermark на все изображения слайд шоу и галереи в виде текста или картинки.
  6. Слайдшоу, тут Вы можете настроить отображение слайд шоу, размер, время смены картинки, есть возможность интегрировать слайд шоу в flash.

После того, как всё настроете можно переходить к созданию слайдшоу WordPress. Делается всё достаточно просто.

  1. Заходите Добавить галерею /изображения, нажимаете на вкладку Добавить новую галерею и создаёте галерею.
  2. Далее заходите во вкладку Загрузить изображенияи загружаете изображения указав галерею.[clear]
  3. Далее, чтобы отобразить слайдшоу WordPress в статье (посте) Вам нужно зайти в пост. После установки слайдшоу в редакторе появится новая кнопка  с помощью которой Вы сможете добавить слайдшоу. Нажмите на кнопку, выберите галерею и поставьте вариант отображение как слайд шоу. Сохраняете пост и слайд шоу будет отображаться в статье.

Слайдшоу WordPress

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

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

Работа с WordPress.

Инфо depositfiles.com
Теги:

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

Оставить комментарий
  1. perenos Февраль 25, 2012 at 4:28 пп #

    Спасибо, очень полезная статья

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

      А толку нет, ничего не работает!

  2. perenos Февраль 25, 2012 at 4:28 пп #

    А как на главную страницу вывести галерею так и не написали(( минус

  3. perenos Февраль 25, 2012 at 4:29 пп #

    или так < ?p h p wordpress_galle ry (); ? >
    или [gallery]
    сверху написано.

  4. perenos Февраль 25, 2012 at 4:29 пп #

    Здравствуйте! Я-чайник и только начинаю изучать сайтостроение. Мне очень понравилась Ваша статья о создании слайдшоу. Меня интересует момент, когда галерея вставляется в тему на главную страницу и никуда не перемещается (при добавлении статей, например). Мне не совсем понятно куда и что нужно встроить в такой ситуации. Не могли бы Вы чуть подробнее (простым языком) осветить для меня этот вопрос? Я не совсем понимаю, что значит «Встроить php код в файлы шаблона» Заранее признательна!

  5. perenos Февраль 25, 2012 at 4:29 пп #

    Здравствуйте! Чтобы вставить галерею на главной, нужно немного покопаться в файлах шаблона. К примеру:
    header.php файл обычно отображает главное меню на всех страница, откройте этот файл в блокноте и внизу напишите такой код
    < ? php if(is_front_pag e() ) { ? >

    < ?php wordpress_galle ry (); ? >

    < ? php } ? >
    без пробелов, если у Вас уже создана галерея то она отобразиться на главной. Необходимо немного знать css , чтобы внедрить в дизайн данное слайд шоу

  6. perenos Февраль 25, 2012 at 4:30 пп #

    Всем привет! Дружище, я остался невероятно доволен описанием процесса и установки и главное работоспособнос тью всех указаных действий и плагинов!) В считаные минуты установил галерею в хедер, за что тебе автор спасибо! А начинающим хочется подсказать: поищите курс Е. Попова- профессиональны й блог за один день (вроде), там из него станет понятно (что не боги горшки обжигают»)) Вообще Word Press шикарная весчь!!!

  7. perenos Февраль 25, 2012 at 4:30 пп #

    Привет! Рад, что тебе помогло! Совсем скоро выйдет новая версия сайта не на Joomla, а на WordPress, будет много нового и полезного. Заходи ещё))

  8. Александр Сухоруков Март 1, 2012 at 1:39 пп #

    Подскажите как сделать слайд шоу в виджете WP?

  9. admin Март 1, 2012 at 4:59 пп #

    Тебя интересует именно с этими плагинами или всё равно?

  10. Любовь Апрель 1, 2012 at 5:55 дп #

    Здравствуйте.Подскажите, можно вставить слайды в шапку сайта или нет?Если можно То как?Поподробнее,пожалуйста.Я новичок в таких делах.Хотелось бы украсить свой сайт слайдами,а как,не знаю.Заранее спасибо.

  11. admin Апрель 1, 2012 at 6:02 пп #

    Здравствуйте! Попробуйте этот слайдер http://wordpress.org/extend/plugins/header-image-slider/installation/

  12. Любовь Апрель 2, 2012 at 7:45 дп #

    Здравствуйте.Я установила слайдер header-image-slider/installation.Загрузила фотографии.А как сделать,чтобы он работал?Научите чайника,пожалуйста.

  13. Марина Апрель 5, 2012 at 6:40 пп #

    1 [ gallery ]
    Вот этот вариант не срабатывает( Почему?

  14. admin Апрель 5, 2012 at 7:43 пп #

    Извиняюсь! Пробелы необходимо убрать.

  15. Елена Апрель 14, 2012 at 8:26 дп #

    Добрый день. Установила плагин NextGEN Gallery . создала галерею, загрузила фотографии, но они не просматриваются, хотя и размер у каждой из 7 фоток меньше 100 кб. На сайте, соотвестственно, видно только, как идет загрузка, т.к. слайдшоу не грузится. Как быть? Очень нужно срочно загрузить слайды.

  16. admin Апрель 14, 2012 at 9:09 дп #

    Добрый день!

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

  17. Любовь Май 4, 2012 at 7:07 дп #

    Ребята,будьте добры,подскажите где находится папка /wp-content/plugins/.

  18. на сайте Май 14, 2012 at 5:36 пп #

    Ждём с нетерпением.

  19. Виталий Октябрь 19, 2012 at 11:34 дп #

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

  20. Радик Алиев Октябрь 19, 2012 at 7:45 пп #

    Привет! Согласен.. давно писал статью, на данный момент без тошнотворов..

  21. Татьяна Декабрь 1, 2012 at 6:16 пп #

    спасибо, полезная информация, иду внедрять

    • Радик Алиев Декабрь 2, 2012 at 8:13 пп #

      Удачи!

  22. Андрей Апрель 28, 2013 at 11:15 дп #

    Все хорошо описано, доступно. Но НИЧЕГО НЕ РАБОТАЕТ!!! В первом варианте непонятно, как загружать фото, в плагине нет такой опции. Во втором то же, что и у Елена
    Апрель 14, 2012 at 8:26 дп #. Короче сижу и тупо смотрю в экран (нет, вру — пытаюсь еще что-то найти)

  23. Андрей Апрель 28, 2013 at 11:15 дп #

    забыл включить оповещения

  24. Андрей Апрель 28, 2013 at 11:23 дп #

    TheThe Image Slider вообще не существует!!! (в каталоге wordpress)

  25. r04 Июнь 29, 2013 at 8:31 дп #

    Как фотки в галерею засунуть мы и так знаем, но причем тут слайдшоу?

    Мб знает кто, как замутить полноценные слайды? — с заголовком, текстом, картинками (все это надо грамотно размещать на слайде). Хотелось бы такие слайды разместить на блоге, но плагина не нашел.

    Можно кнешно разместить картинки вместо слайдов, но хотелось бы чтобы содержимое индексировалось.

  26. Valery Август 25, 2014 at 9:24 дп #

    Как вам такой вариант http://siteacademy.ru/index.php/css/39-css/fast-hover-slideshow

    • Владимир Август 29, 2014 at 8:20 пп #

      Унылый вариант. Руками слишком много делать. Хочу тоже самое, но мышкатыкательно. А там еще и считать самому интервалы всякие и все это хардкодить. Там слайды переключаются сами, лично мне это не надо вообще. Как только юзер все прочитает, так сразу и переключит сам. Иначе юзер с медленным интернетом рискует вообще ничего не увидеть. КОроче там кривое решение, не нужно оно вообще.

  27. Катя Декабрь 15, 2014 at 12:04 дп #

    Очень хороший бесплатный плагин для того, что создать слайдер (даже с комментариями) https://wordpress.org/plugins/h5p/
    Пример, чтобы загрузить сам слайдер тут: http://h5p.org/picture-slider

  28. Владимир Сальников Август 5, 2015 at 4:08 пп #

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

  29. Санжар Февраль 5, 2016 at 5:49 пп #

    Привет классно работает Nextgen gallery спасибо за совет

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

vk_like_site