Увеличение картинки при нажатии

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

Иногда для иллюстрации некоторых данных в статье необходимо разместить изображение с мелкими деталями, которое значительно больше, чем это допускает шаблон. Для этого в WordPress существует строенная функция, которая автоматически создает для большой картинки четыре варианта — миниатюру, средней величины, большой и полное изображение. Это очень удобно — вставить на страницу среднее, а при клике на него откроется большое. Однако не предусмотрели разработчики одну важную деталь. Дело в том, что полное изображение в WordPress открывается в новом окне, что крайне неудобно для читателей — в браузере появляются полосы прокрутки, а для возврата обратно в статью приходится нажимать кнопку «Назад», если не настроено открытие ссылки в новом окне. Ну а если посетитель забудет, что изображение открылось в новом окне и закроет его совсем, то на сайт он уже может не вернуться — адрес не запоминает сразу почти никто, а лезть в историю бывает очень не охота.. да и незачем — если посетитель на сайт пришел из поисковика, то скорее всего в браузере открыта еще пара-тройка статей на ту же тему на других сайтах — ваших конкурентов.

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

Так вот, для предотвращения этой неприятности и для удобства пользователей придумали специальные плагины, которые с помощью скриптов позволяют увеличить изображение на той же самой странице. Причем происходит это с каким-нибудь красивым эффектом плавного приближения — в некоторых плагинов этот эффект даже можно настроить самому на свой вкус. Присутствие подобной дополнительной настройки на блоге иногда выдает курсор, который при наведении изменяется — например, на лупу с плюсиков, как в Auto Highslide.

Плагины для изображений WordPress

Увеличение картинки при нажатии сегодня нам помогут осуществить плагины:

Кроме вышеперечисленных плагинов для изображений WordPress есть множество других — вы их можете сами отыскать и применять. Главное тут понять принцип — не использовать одновременно несколько сразу, чтобы они друг другу не начали перечить. Как это происходит? Увидите в видео про увеличение изображения WordPress при нажатии!





Поделись этой статьей с друзьями!

Это будет интересно прочитать:

Комментариев: 12

  • Сам использую Lightbox-plus и очень доволен.
    Теперь можно не заботится о размере вставляемой картинки.

  • Спасибо !
    вот как раз эта проблемка, с открытием в новом окне вп
    попробую Lightbox

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

  • привет, Александр! Спасибо за урок!

    До того, как нашла твой пост, я перепробовала несколько плагинов, но почему-то все равно картинка открывалась в другом окне и нужно было нажать на стрелку назад, чтобы вернуться к статье.
    Я очень хотела найти плагин именно с лупой и плюсиком, у тебя это Auto Highslide. Но, видимо, этот плагин больше не существует, так как выходит сообщение: Whoops! We couldn't find that plugin.

    Lightbox-plus и Fancy Box так же не сработали — картинка открывалась снова в новом окне. (((
    Но, о чудо! После установки Shutter Reloaded все стало работать. картинка увеличивается в том же окне!
    Спасибо тебе бооооооооольшущеее! У тебя появился новый подписчик 🙂

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

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

    • Здравствуйте!
      При вставке изображения в статью не задавайте для нее ссылку, то есть после загрузки картинки в настройках вместо стандартного пункта ссылки "Медиафайл", ставьте "Нет"

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