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";}

Как сделать lighbox для WordPress

Lightbox – это эффект открытия изображения. Он знаком все пользователям интернета – при клике на изображение, картинка появляется в увеличенном виде поверх страницы, на которой она опубликована. Это удобно.

Все пользователи вашего сайта будут кликать на картинки. Они будут делать это обязательно, потому что все привыкли, что по клику по изображению что-то должно произойти. Поэтому реализовать эффект открытия lighbox является обязательным и это положительно скажется на поведенческих факторах.

В этой статье вы узнаете о том, как создать lightbox для WordPress. Мы расскажем о продвинутом плагине, который имеет множество возможностей. К тому же, он бесплатный и переведён на русский (частично).

Lightbox для WordPress с плагином Responsive Lightbox

Responsive Lightbox – это один из самых популярных плагинов для реализации эффекта Lightbox на WordPress. Известность он обрёл из-за своей простоты, лёгкости и качества.

Найдите плагин в консоли WordPress, установите и активируйте. Затем перейдите в пункт «Настройки», подпункт «Responsive Lightbox – Всплывающие фото». Рассмотрим, как можно настроить этот плагин.

Сначала расскажем о вкладке «General»:

Default lightbox. Есть 7 видов дизайна для эффекта lighbox и здесь их можно выбрать.
Селектор. Укажите селектор эффекта lightbox для WordPress. Оставьте по умолчанию, если не знаете, зачем это нужно.
Включает эффект.
Название единичного изображения. Можно выбрать, будут ли отображаться на изображении какие-либо надписи, если да, то можно выбрать, какие именно – подписи, заголовок или альтернативный заголовок.
Отдельные изображения как галерея. Включите эту опцию, если хотите, чтобы можно было переключаться между изображениями одной записи, не закрывая картинку.
Галереи WordPress. Включите эту опцию, если хотите, чтобы плагин распространял своё действие на галереи.
Размер изображений галереи. Выберите размер для изображений галерей.
Название изображения галереи. Можно выбрать, что будет написано на картинках галерей, открытых через lightbox.
Включает lightbox для WordPress в видео.
Распространяет эффект плагина на картинки виджетов.
Включает эффект в изображениях, опубликованные в комментариях WordPress.
Force lightbox. Добавляет эффект плагина Responsive Lightbox к галереям из других плагинов. Но эта опция не всегда может сработать.
WooCommerce lightbox. Добавляет lightbox для WordPress к изображениям интернет-магазина WooCommerce. Об этом плагине можно узнать здесь.
Пользовательские настройки jquery. Опция для тонких настроек Java Script библиотек.
Загрузка скриптов. Можно выбрать, где будут загружаться скрипты плагина. Лучше выбрать пункт «В подвале», так как это не ухудшит скорость загрузки страницы.
Загрузка по условию. Скрипт плагина будет загружаться только на тех страницах, где есть картинки.
Удалить данные. Если включить, то все настройки плагина будут удалены из базы данных вместе с удалением плагина.