Как в WordPress увеличить изображение при клике?

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

Открытое изображение

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

Плагин Fancybox for WordPress

Плагин позволяет не только красиво показать увеличенную картинку на той же странице, но также быстро ее закрыть, нажав на самом изображении или на “крестике” в углу. Предустановленные параметры позволяют начать работу плагина сразу после его активации. Кроме того, для получения дополнительных возможностей, Вы можете воспользоваться его широким набором настроек. Для этого необходимо в админ-панели перейти Настройки -> Fancybox for WP.

Страница настроек плагина Fancybox for WordPress

Добавим функцию закрытия изображения по щелчку на нем. Для этого в окне настроек нужно перейти на вкладку Behaviour, отметить “галочкой” пункт Close FancyBox by clicking on the image (default: off) и нажать кнопку Save Changes.

Страница настроек плагина Fancybox for WordPress

Еще одним удобством плагина является наличие режима галереи. Это означает, что если на странице присутствует больше одного изображения, то при открытии одного из них, появляются возможность перехода на следующее/предыдущее фото.

Открытое изображение

Возможности премиум-тем WordPress

блоки в теме ребут

Во многих платных премиум-шаблонах для WordPress либо уже предустановлен плагин лайтбокса, либо есть аналогичная встроенная опция. Например, в теме Reboot от русских разработчиков WPShop есть качественный встроенный lightbox, позволяющий раскрывать картинки на весь экран по клику.

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

Чтобы включить настройку для увеличения изображений в Reboot, перейдите в Внешний вид -> Темы -> Reboot -> Настроить -> Модули -> Лайтбокс и просто поставьте галочку.

лайтбокс

Чтобы увеличение на весь экран заработало для конкретного медиафайла, при его добавлении следует выбрать в поле Ссылка -> Медиафайл.

включение лайтбокса

Если надумаете купить классный адаптивный шаблон “Ребут” с высокими показателями по Page Speed, используйте промокод на скидку. Это выгодно.

-15% на Reboot

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

Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Задать вопрос