Просмотр изображений на блоге wordpress

//Просмотр изображений на блоге wordpress

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

 Изображения_Wordpress

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

Потом я начал искать в интернете информацию об этом, нашел очень много чего и  перепробовал, в основном для вывода изображений wordpress используются плагины, но многие были с косяками или плохо работали, в результате долгих проб и отборов я выбрал 3 плагина, которые мне очень понравились:

  • NextGEN Gallery-это без сомнения самый популярный плагин, его, на момент 2014 года, уже скачали более 9 миллионов пользователей, и он постоянно развивается и обновляется, кстати можете почитать про самые популярные плагины для wordpress. Но, и еще раз но, он больше подходит для создания различных галерей и альбомов, слайд-шоу, и вообще для таких сайтов. которые больше специализируются на фото-блогах и тому подобное. В общем, если у вас очень много изображений и фото, тогда ставьте его. Скачать последнюю версию можно на официальном сайте wordpress по адресу: http://wordpress.org/plugins/nextgen-gallery/.
  • FancyBox for WordPress-а вот тут по подробнее, этот плагин мне так по душе пришелся, как никакой больше, просто красота была. «Почему была»? -спросите вы, я его вначале поставил и все работало великолепно, но вот потом я шаблон сменил, и тут пошли глюки, он начал выводить изображения wordpress слишком низко в подвале сайта, но об этом чуть позже. Настроек в плагине огромное количество: можно практически все менять, рамку вокруг картинки, размер изображения для вывода, кнопку закрытия, настройки анимации, настройки галереи..плагин на английском, но с тем же google  переводчиком, без проблем разберетесь, но это и не потребуется, так как все настройки уже по умолчанию, и при активации плагин начинает сразу автоматически работать прекрасно, и не надо настраивать ничего! Ниже привожу скрины:

    2. Как видите, совсем другое дело, можно закрывать крестиком изображение и даже смотреть следующие фото, не закрывая первое, по порядку-просто идеально! С помощью настроек, если захотите, можно менять цвета и многое, вот так выглядит панель настроек плагина:
    Plugins_FancyBox for WordPress

    Дак вот, вернемся к той ложке дегтя, что я намекнул насчет глюков плагина. В большинстве случаев, он на всех темах работает отлично, просто у меня был странный глюк, при открытии изображения, оно съезжало вниз в подвал немного, и часть изображения не видна была, я такой отзыв еще пару раз видел в интернете, но тут зависит от шаблона вашего, в целом плагин отличный и часто обновляется. Скачать можно на официальном сайте по адресу:  https://wordpress.org/plugins/fancybox-for-wordpress/ или прямо с админки wordpress. В моем случае с глюками, пришлось искать альтернативу этому плагину, и форева, я нашел его, и даже считаю его еще лучше, так как он намного меньше по весу и нагрузке на сайт. Смотрим ниже и удивляемся.
  • Представляем вашему вниманию господина по имени Shutter Reloaded, живущий по адресу: https://wordpress.org/plugins/shutter-reloaded/, и также, как и предыдущих 2 плагина можно скачать напрямую с админки сайта. Он чем то похож на FancyBox for WordPress, но чуть-чуть меньше настроек, а по функциональности, он лучше на мой взгляд, правда 2 года не обновлялся, но он у многих блоггеров стоит и отлично работает! Установка простая стандартная и также не требует никаких настроек, все по умолчанию, и после установки все сразу работает.

3. Вот пример установки с админ.панели сайта. Пишите в поиск название плагина и смотрим результат:

plugins-Shutter Reloaded

 

вывод изображений wordpress

 

а. Установить и потом активировать.

изображения wordpress

 

б. После активации, во вкладке внешний вид увидите наш плагин Shutter Reloaded, после нажатия попадете в настройки его.

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

в. А вот так будет выглядеть изображение, открытое с помощью этого плагина:

izobrazhenija-wordpress

 

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

Вот мы и разобрались, как делать просмотр картинок  на сайте wordpress. Надеюсь, статья была полезной для вас, если да, то будьте добры, поделитесь в социальные сети!

2016-10-24T18:54:13+00:00 Апрель 4, 2014|сайтостроение|25 комментариев

Об авторе:

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

  1. Сергей 08.04.2014 в 02:51 - Ответить

    Плагины конечно круто! Но я обхожусь скриптам для увеличения картинки, ну если слайд шоу делать то самое то плагин какой нибудь ставить…

    • Янис Рокерский 08.04.2014 в 15:52 - Ответить

      Абсолютно не согласен…плагин делает многие дополнительные вещи, прозрачность, прокрутка,одна прокрутка чего стоит,также вывод плавный…,вот именно насчет изображений-БЕЗ ПЛАГИНА НИКАК!!!

      • Иван 25.01.2015 в 15:53

        А без плагина по вашему это не возможно??? Вы вообще в курсе что плагин это тот же самый скрипт???

      • Янис Рокерский 27.01.2015 в 18:06

        Я то в курсе, что они схожи по функционалу… Без плагина — нужен тот же скрипт! Вы в курсе? А если привыкли стандартным путем, то ваше дело)))

  2. Дмитрий 02.07.2014 в 13:04 - Ответить

    Спасибо! как раз ищу подобный, у тебя смотрю как фотки красиво открываются, думаю надо такой на свой рыболовный сайт прикрутить.

  3. Дмитрий 02.07.2014 в 13:08 - Ответить

    Спасибо! Как раз искал подобные плагин. Без плагина, раз через три работало… а тут как открыл список плагинов.. ужасс… Сейчас буду пробовать на рыболовный свой сайт ставить.

    • Янис Рокерский 02.07.2014 в 14:47 - Ответить

      Подожди, если будешь ставить, то вот этот ставь Lightbox Plus Colorbox, он у меня сейчас стоит, я заменил, раньше стояли те, что в статье, а Lightbox Plus Colorbox вообще круть, постоянно обновляется и куча настроек!
      Скрипты пробовал ставить, но они то работают, то нет, этот плагин сам долго отбирал среди других, надо как-то статью про него написать…
      Если что не разберешься по настройкам, спрашивай…

      • Дмитрий 20.08.2014 в 01:52

        Здравствуйте, поставил плагин Lightbox Plus Colorbox, почему-то он как-то криво работает у меня, открывает изображения в той же вкладке на полную страницу (хоть и листает их), может я что-то в настройках не прожал?

  4. Янис Рокерский 20.08.2014 в 14:05 - Ответить

    Это все регулируется в настройках-size, вот в этих полях Maximum Width, Maximum Height.
    Нужную ширину и высоту выставите, а если будет картинка выезжать не по центру, то в настройках-position, там галочку поставить на против fixed.

  5. Янис Рокерский 20.08.2014 в 14:08 - Ответить

    Это получится ширина и высота максимальные, тоесть больше этого размера не будет (если будет, то обрежется), а меньшие размеры все будут показываться.
    Остальные настройки во вкладке size лучше по умолчанию оставить…

  6. Егор 27.08.2014 в 05:31 - Ответить

    Здравствуй, случайно не подскажешь, надо сделать под обои страницу или рубрику на сайте, так не могу плагин найти, что-бы люди сами выбирали размер картинки и что-бы был QR штрих код для скачки сразу на мобилу. У меня блог на тему телефонов. Скорее всего это по другому реализуется, если не трудно, подскажи направление))).

    • Янис Рокерский 27.08.2014 в 14:34 - Ответить

      То есть сайт заточен под мобильные телефоны? Тут даже незнаю, главное шаблон подбери, чтобы в мобильных хорошо открывался и в разных браузерах, а то не все подходят…
      Плагин, что сейчас у меня, Lightbox Plus Colorbox, он будет открываться везде, и если через мобильный просматривать сайт, и например, у тебя будут указаны размеры просмотра, то по идее он и будет эти размеры открывать, идет интеграция, это надо пробовать…

  7. Матвей 30.08.2014 в 19:47 - Ответить

    Спасибо, дорогой друг! Все прекрасно заработало с FancyBox for WordPress.

    • Янис Рокерский 30.08.2014 в 20:34 - Ответить

      Да, отличный плагин, очень легкий и не грузящий блог!

  8. Владимир 05.09.2014 в 22:02 - Ответить

    Easy FancyBox супер! 8)

  9. Елена 14.12.2014 в 21:20 - Ответить

    Спасибо огромное за плагины! давно сайтом не занималась. решила возродить. обновила wordpress..И перестала работать кнопка «добавить медиафайл» . Ваши плагины спасли.

  10. Петр 19.12.2014 в 18:52 - Ответить

    Привет, Янис! Искал плагин прокрутки изображений и смотрю, че то лицо знакомое:). ;)

    • Янис Рокерский 19.12.2014 в 20:22 - Ответить

      :-D :-D Наши люди — даже в Голливуде :-D По запросу — изображения wordpress и похожее, я уже давно стою в топе или близко к нему…
      Кстати, очень советую плагин Lightbox Plus Colorbox, он сейчас у меня стоит, блог не грузит и работает вообще супер! =)

  11. Сергей 15.01.2015 в 12:28 - Ответить

    Недавно работаю с сайтом (sportst.org.ua) и очень хочу чтобы фото исталось не по одному (как у меня сейчас), а по подобию ВК, нажатием на картинку. Кто может, скиньте ссылку на такой плагин.

  12. Анна 10.02.2015 в 20:29 - Ответить

    Скажите пожалуйста, почему не работает не один плагин для изображений. Все установила и активируется, а картинки всеравно открываются как и у вас в том же окне браузера и прибитые в угол!
    Уже все перепробовала ничего не помогает(

    • Янис Рокерский 10.02.2015 в 21:01 - Ответить

      У меня в углу? Вообще-то мои картинки нормально открываются… Должен по идее сразу заработать плагин после установки, настройки посмотрите, может что напутали)))

  13. Антон 24.05.2016 в 22:42 - Ответить

    Спасибо, помогли с выбором плагина.

  14. Жека 24.09.2016 в 02:00 - Ответить

    Спасибо) Но аффтар! побольше читай классической литературы, не пиши разговорным языком)

    • Янис Рокерский 24.09.2016 в 03:30 - Ответить

      Я человек простой, мне заумные слова ни к чему))

  15. Айк 23.01.2017 в 08:33 - Ответить

    Спасибо огромноеееее,не представляте сколко я искал этот fancy box! =-O =-O =-O

    Автору респект *IN LOVE* *IN LOVE* *IN LOVE*

Оставить комментарий