WordPress — Плагин для увеличения изображения картинок FancyBox for WordPress.

Пост опубликован в категории Внутренняя оптимизация 55 комментариев

Иногда нужно разместить на блоге изображение гораздо большего размера, чем позволяет сам шаблон. Это можно сделать стандартными способами и средствами движка, однако получается не всегда красиво. Да и при нажатии на изображение, оно обычно открывается в новом окне и пользователям бывает неудобно, т.к. приходится нажимать на кнопочку «назад» в браузере.

Плагин увеличения изображений и картинок на блоге.

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

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

Вот лишь несколько причин:

  • Плагин при увеличении картинки содержит крестик, что позволяет пользователю без труда закрыть картинку и вернуть её в исходный размер.
  • При нажатии на картинку, она эффектно и плавно увеличивается, что выглядит более… эстетично что-ли)
  • Закрыть увеличенную картинку можно тремя способами (!), что не позволяет ни один другой плагин. Пользователь может нажать на увеличенное изображение, пользователь может нажать мимо увеличенного изображения и пользователь может нажать на обычный красивый крестик.
  • Множество настроек, позволяющих изменить отображение картинок так, как вам нравится.

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

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

Ниже показана страница с настройками и живой пример работы плагина:

Настройки плагина FancyBox for WordPress.

Настройки на английском, кто им не владеет – воспользуйтесь Google переводчиком.

Плагин устанавливается как любой другой – копируете его в папку /wp-content/plugins, где расположены все остальные плагины, и активируете через админку вордпресса.

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

Приятного использования. ;)

Твит дня: «То, что кража невесты идёт как-то не по плану, стало понятно, когда по почте пришёл её палец.»

Спасибо за ретвит!
Автор: Sickboy

Подписаться на обновления блога:

Обсуждение:

  1. TashkentHomeless says:

    Интересный плагин. Спасибо

  2. jonick says:

    Даже и не знал что есть такой плагин спасибо !

  3. Seolawyer says:

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

  4. Анжела Матвеева says:

    Как вовремя вы написали эту статью — спасибо огромное! Плагин — как раз то, что нужно для моей странички с портфолио. Сегодня же поставлю.

  5. Sickboy says:

    Анжела Матвеева, рад, что он вам пригодился)

  6. Алексей says:

    Спасибо=)

  7. zelberg says:

    Спасибо! То, что надо

  8. Вадим says:

    Здравствуйте!
    Вопрос на засыпку: как этот плагин привязать к изображениям, чтобы они увеличивались? Я установил, активировал, но при вставке картинок они все равно открываются в новом окне без использования этого плагина. Сайт указан.
    Уж извините, я с Вордпресс раньше не работал и еще много чего не знаю.
    Спасибо!

  9. Sickboy says:

    Хм, странно, у меня сразу стал увеличивать.

  10. Вадим says:

    для примера даю ссылку _http://wp.basplus.com.ua/test_plagina
    Это с активным плагином

  11. Кристина says:

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

  12. Новости игрового азартного мира says:

    Отлично то что нужно давно искал такое а тут ещё и статейка с подробным описание. Огромное спасибо! Твитнул!!!

  13. Александр says:

    Спасибо огромное!

    Я еще даже не скачивал этот плагин, и не переходил ни по одной ссылке, но уже понимаю, что это именно то что мне нужно.

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

    Еще раз спасибо.

  14. Андрей says:

    Нужный плагин, спасибо! Уже устанавливаю )

  15. Глеб says:

    Тоже не работает. Картинки как и раньше открываются на новой странице.

  16. Sickboy says:

    Сбросьте настройки до стандартных и попробуйте еще раз.

  17. Глеб says:

    Нет не помагает. Наверное что-то в самих настройках ВордПресса?

  18. Sickboy says:

    Может быть jquery не подключен

  19. Глеб says:

    jquery? У меня на блоге таких зверей вроде не водится))

  20. Елена Чиркова says:

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

  21. Виктор says:

    «Был еще один плагин, которые почти идеален, но у него был один большой недостаток. При нажатии на изображение, он не закрывал его, а показывал следующее, находящееся в статье.» — подскажите пож., какой это плагин, нужно именно показывать следующее изображение…
    Заранее спасибо.

  22. Sickboy says:

    Добрый день, понятия не имею, что за он.

  23. Анатолий says:

    Отличный плагин, очень понравился!

  24. Олексей says:

    Отлично! То, что искал) Спасибо за плагин, по началу думал придется писать дополнительные коды для работы с плагином, но их не оказалось, что не может не радовать)) Вы верно сказали — «Идеальный плагин» ) Спасибо.

  25. Евгений says:

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

    Помогите, кто знает, в чем причина? Может какие плагины между собой не дружат…

  26. Анжела says:

    «А у меня почему-то вообще увеличение и открытие картинки пропало». Было такое после обновления версии Вордпресс. Помог сброс всех настроек плагина. Когда все заработало — нужные настройки по-новой выставила.

  27. Oksana says:

    Спасибо! Решила проблему за 1 минуту!

  28. Максим says:

    Добрый день! Если кто-нибудь знает, помогите, пожалуйста!
    Я на WordPress установил тему «ElegantEstate» и сразу плагин «Fancybox for WordPress», который используется на демо сайте этого шаблона… При создании статьи есть у этой темы дополнительный пункт «Elegant Estate optios» или как-то в этом роде, там есть 9 полей для загрузки фото из библиотеки файлов, первые 8 из которых это эскизы для страницы, где сама статья и комментарии к ней, а последняя девятая используется, как миниатюра для анонса… на демо сайте все эти фото увеличиваются с помощью плагина «Fancybox for WordPress», и при увеличении под фотографией, над ней или на ней отображается атрибут title в качестве подписи… Но это на демо сайте… А на свой я установил есго сразу на чистый шаблон, создал статью засунул туда все эти 8 эскизов… Работает хорошо, увеличивается правильно… Но атрибут title не хочет отображаться… проверил в firebug от Mozilla Firefox и увидел, что в теге нет самого атрибута title, что он не отобразился (хотя я в библиотеке файлов прописал к этим всем фото все поля: Заголовок, Описание, Подпись и даже атрибут title), проверил в этом же firebug вставил в этот тег title=»подпись…» и сразу появилась подпись (конечно до обновления страницы, т.к. все изменения кода в firebug временные, т.е. до обновления страницы)… Вывод: где-то нужно прописать, что атрибут title должен брать для себя содержимое из одного из полей в библиотеке файлов у этих фото, чтобы он отображался… Но где, в каком файле и как это сделать нужно? Может кто-нибудь знает? Заранее спасибо за помощь!

  29. Максим says:

    Ошибочка: тег такой !начало! a href = “ссылка на фото” title = “тайтл” !конец тега!
    Пишу раздельно, чтобы отобразить сам тег, а не его значение.

  30. Сергей says:

    Очень нужный плагин, но у меня тоже работать не хочет! Обновлял и сбрасывал настройки, ничего не помогает. Может для него нужны картинки определенного формата?

  31. Somon says:

    Тоже не работает.
    Раньше был установлен плагин ImageZoom (или ZoomImage,не помню…), работал отлично, но после установки еще пары плагинов работать перестал, не стал все плагины подряд удалять, чтобы выявить причину, просто удалил тот плагин и начал устанавливать другие плагины для увеличения фото, ни один не работает…
    вот такие котлеты…)))

  32. Светлана says:

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

  33. Sickboy says:

    Светлана: Сбросьте настройки плагина до стандартных — может быть поможет

  34. Светлана says:

    спасибо за оперативный ответ! У меня все получилось с плагином Shutter Reloaded. Наверное, для разных тем подходят разные плагины…

  35. greyoff says:

    Наконец то нашел, то что нужно! Спасибо!

  36. Дима says:

    Здравствуйте!Стал Вашим читателем,статьи информативные.Поэтому хочу задать вопрос:
    Использую плагин кеширования W3 Тотал Кеш,установил FancyBox for WordPress-не работает из-за плагина кеширования. Игрался с настройками W3 Тотал Кеш — не получается.Вы не курсе как его правильно настроить?(тема для поста-думаю интересно многим)

  37. Sickboy says:

    Дима: К сожалению не использую плагинов кэширования, поэтому даже не знаю, чем вам помочь.

  38. Дима says:

    Благодарю за ответ

  39. Адам says:

    +1. Дякую за плагін. Долго искал

  40. Дмитрий says:

    Спасибо вам большое. Это действительно удобней чем переход на новую страницу.

  41. Максим says:

    То что и искал! Спасибо большое за плагин!

  42. Роман says:

    Если у вас проблема, как у Максима, то есть при открытии не показывается подпись картинки, надо зайти в настройки Fancybox for WP, на вкладке Extra Calls ставим галочку «Additional FancyBox Calls» и вставляем код:
    var arr = jQuery(«a.fancybox»);
    jQuery.each(arr, function() {
    var title = jQuery(this).children(«img»).attr(«alt»);
    beforeLoad: jQuery(this).attr(‘title’,title);
    });
    тогда при открытии картинки под ней будет показываться ее альт как подпись

  43. Kolya says:

    Уф, наконец-то нашел достойную замену убогому Shutter Reloaded. Спасибо!

  44. bdseo.ru says:

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

  45. Sickboy says:

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

  46. bdseo.ru says:

    да, ладно, я уже сам все сделал.
    думал в css, рнр, сделал в другой плагине — дописал тег до и после

  47. Дмитрий says:

    Самый лучший плагин. Простой и понятный. Без лишних наворотов!

  48. Softdroid says:

    Неплохой плагин. А есть ли что-то подобное для Drupal, кто знает? Спасибо.

  49. Vishenka says:

    И в области head от этого плагина сидит такая борода скрипта на 15 строк.

  50. Александр says:

    Что то у меня этот плагин не работает.

  51. Sickboy says:

    У меня работает. Причем на всех сайтах.

  52. Дмитрий says:

    Хороший плагин. Мне очень нравится, но с недавнего времени перешел на другой)

  53. greg155 says:

    Использую этот плагин, вот только планирую начать использовать плагин кэширования и понимаю, что с ним фансибокс работать не будет скорее всего. Никто не в курсе как решается эта проблема и решается ли вообще?

  54. Александр says:

    Здравствуйте! Давно хотел установить плагин увеличения. Пробовал разные. Но не один плагин не работает вообще ни где! В Опере, Хроме, в Яндекс, нигде! Подскажите причину!!! Буду очень признателен!!! Настройки не трогал, как и было сказано!

  55. Sickboy says:

    проблема где-то в вашем шаблоне, 95%.
    поставите другой шаблон — все должно заработать.

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

*** Правила комментирования блога ***