Согласитесь, что довольно удобно, когда при клике на изображении, оно, увеличиваясь, открывается в том же окне, и присутствует кнопка Закрыть.
В WordPress, по умолчанию, картинка открывается по новому адресу, и чтобы ее закрыть, необходимо нажимать кнопку Назад в браузере. Конечно, это довольно неудобно. Для более комфортного просмотра фото мы будем использовать сторонние решения. Одним из таких является бесплатный плагин Fancybox for WordPress.
Плагин Fancybox for WordPress
Плагин позволяет не только красиво показать увеличенную картинку на той же странице, но также быстро ее закрыть, нажав на самом изображении или на “крестике” в углу. Предустановленные параметры позволяют начать работу плагина сразу после его активации. Кроме того, для получения дополнительных возможностей, Вы можете воспользоваться его широким набором настроек. Для этого необходимо в админ-панели перейти Настройки -> Fancybox for WP.
Добавим функцию закрытия изображения по щелчку на нем. Для этого в окне настроек нужно перейти на вкладку Behaviour, отметить “галочкой” пункт Close FancyBox by clicking on the image (default: off) и нажать кнопку Save Changes.
Еще одним удобством плагина является наличие режима галереи. Это означает, что если на странице присутствует больше одного изображения, то при открытии одного из них, появляются возможность перехода на следующее/предыдущее фото.
Возможности премиум-тем WordPress
Во многих платных премиум-шаблонах для WordPress либо уже предустановлен плагин лайтбокса, либо есть аналогичная встроенная опция. Например, в теме Reboot от русских разработчиков WPShop есть качественный встроенный lightbox, позволяющий раскрывать картинки на весь экран по клику.
Лишних опций в нем нет, но в данном случае это скорее плюс, так как сторонние плагины с избыточным количеством опций часто нагружают сайт.
Чтобы включить настройку для увеличения изображений в Reboot, перейдите в Внешний вид -> Темы -> Reboot -> Настроить -> Модули -> Лайтбокс и просто поставьте галочку.
Чтобы увеличение на весь экран заработало для конкретного медиафайла, при его добавлении следует выбрать в поле Ссылка -> Медиафайл.
Если надумаете купить классный адаптивный шаблон “Ребут” с высокими показателями по Page Speed, используйте промокод на скидку. Это выгодно.
-15% на Reboot
Также советую почитать про другие возможности Reboot в отдельном обзоре.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.