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 порой нуждаются в настройках.

В текущей версии CMS есть возможность включить lightbox в WordPress без применения плагина. И это является самым простым, легким, быстрым, оптимизированным и надежным способом. Сделать это очень просто.

Загрузите в редактор изображение. Нажмите на него мышкой и обратите внимание на правую колонку, где находятся его настройки. Найдите и включите опцию “Развернуть при нажатии”. И всё. Эта картинка будет работать с лайтбоксом. Чтобы проверить это достаточно перейти в предпросмотр публикации и нажать мышкой на изображение. Эта опция также доступна и в картинках галереи.

Как лучше делать лайтбокс в WordPress – с плагином или без

У данного способа включить лайтбокс в WordPress есть ряд неоспоримых преимуществ:

  1. Нет зависимости от стороннего плагина, когда другой разработчик может перестать обновлять его.
  2. Без плагина нет риска несовместимости. Оперативные обновление WordPress гарантируют полную совместимость этой функции.
  3. Негативное влияние встроенного скрипта, осуществляющего открытие изображения в лайтбоксе, всё-таки, есть, но оно намного меньше, чем влияние плагина, выполняющего ту же функцию.
  4. Это очень простой и понятный в управлении способ сделать в WordPress лайтбокс. Не нужно выполнять никаких настроек, все интуитивно. Опция включается меньше чем за секунду.
  5. Нет никаких платный функций, WordPress и все её возможности всегда полностью бесплатны.

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

В каких случаях нужно использовать лайтбокс WordPress

Лайтбокс в Wordpres – полезный эффект. Но он полезен только тогда, когда нужен. Поэтому использовать его на всех картинках не нужно. Применить открытие при нажатии на изображение целесообразно будет лишь в тех случаях, когда картинка маленькая, когда пользователю для того, чтобы разглядеть её, нужно увеличить. Если же изображение и так достаточно большое, например, как скриншот в этой статье, выше, то лайтбокс здесь не нужен, он будет только мешать. Ведь изображение и без дополнительного открытия и увеличения достаточно хорошо видно.

Адель Гадельшин

View Comments

  • Интересная фишка! надо попробовать на своем сайте! Спасибо за статью!

  • Статья очень информативна и полезна.Благодаря Лайтбоксу в WP мой cайт может стать более привлекательным. Спасибо.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

9 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

9 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

9 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

9 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

10 месяцев ago