amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Термином лайтбокс называют такой скрипт, который при клике мышкой на изображение на странице сайта, открывает увеличенную версию этой картинки в той же вкладке, во всплывающем окне. Это очень удобный способ сделать просмотр изображений более комфортным, особенно, если по каким-то причинам картинки приходится публиковать в небольшом размере. В условиях WordPress реализовать лайтбокс можно буквально в два клика с помощью большого разнообразия плагинов, большинство из которых совершенно бесплатны, но при этом гибки в настройках.
В этой статье рассмотрим одну из проблем, которая возникает у некоторых вебмастеров при работе с такими плагинами в WordPress – изображения открываются не в лайтбоксе. То есть при клике мышкой картинка не реагирует вообще никак, либо открывается на другой странице или ведёт себя ещё как-то не так, как полагается эффекту лайтбокс. Разберём решения проблемы.
Это самая частая причина того, что картинки в WordPress отрываются не в лайтбоксе. Так ошибаются как новички, потому что просто не знают об этом, так и профессионалы, потому что забывают эту опцию.
В WordPress у изображений есть опция “Ссылка”, которая определяет то, что будет при клике на картинку. Есть варианты ничего не делать, открывать произвольную ссылку, открывать страницу вложения или медиафайл. Вариант “Медиафайл” открывает само изображение на другой странице. Однако, если на сайте имеется активированный плагин лайтбокса, то изображение в этом случае будет открываться во всплывающем окне, то есть именно так, как и нужно.
Чтобы проверить правильную настройку изображения, в редакторе WordPress нажмите мышкой на картинку, а затем на кнопку в виде звена цепи. В этой опции для работы лайтбокса обязательно должен быть выбран вариант “Медиафайл”. Если выбрано что-то иное, то нужно это исправить.
Это самая частая причина отсутствия лайтбокса у картинок в WordPress и скорее всего это уже решит вашу проблему. Но если нет, то идём дальше.
Лайтбокс работает за счёт Java Script – это язык программирования, который и создаёт такой эффект. Он используется и во многих других плагинах WordPress, а не только в лайтбоксе. Для того чтобы браузер обрабатывал все скрипты JS, необходимо, чтобы в нём была включена эта возможность. По умолчанию, она включена, но стоит проверить это – возможно, вы отключили это случайно или намерено и забыли об этом.
Если вы затрудняетесь отыскать эту опцию в настройках своего браузера, то просто попробуйте посмотреть в другом браузере или на другом устройстве.
Кроме того, некоторые расширения браузера могут также блокировать работу Java Script. Поэтому стоит попробовать отключить их.
Каждый желающий может создавать свои плагины для WordPress и загружать их в хранилище для всеобщего пользования. Поэтому иногда можно встретить плагины, созданные новичками, которые не всегда работают корректно. Но даже и проверенные разработчики иногда могут случайно создавать нерабочие продукты. Поэтому, если после описанных выше действий картинки на вашем сайте так и не открываются в лайтбоксе, то возможно, плагин, который вы брали не рабочий.
Хорошо, что есть из чего выбирать, и любой плагин можно заменить каким-то другим, ведь альтернатив достаточно. Например, для реализации лайтбокса можно использовать любой из этих нескольких десятков вариантов. Поэтому попробуйте заменить выбранный вами плагин на другой.
Иногда продукты WordPress могут быть несовместимы друг с другом. В случае с лайтбокс, этот плагин может быть несовместим с другими плагинами, либо с активированной темой. Чтобы проверить это, нужно сделать следующее:
В предыдущем разделе этой статьи, мы показали разнообразие плагинов для лайтбокс. Поэтому в случае обнаружения несовместимости гораздо легче заменить именно его, чем тему или другой плагин.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Поддерживаю Андрюху, от души спасибо. Чертово звено мигом решило проблему.
Дружище благодарю! Про кнопку в виде звена цепи только ты написал, нигде не мог найти причину почему не открывается фото в полный размер при клике, сейчас все заработало наконец.