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 порой нуждаются в настройках.
В текущей версии CMS есть возможность включить lightbox в WordPress без применения плагина. И это является самым простым, легким, быстрым, оптимизированным и надежным способом. Сделать это очень просто.
Загрузите в редактор изображение. Нажмите на него мышкой и обратите внимание на правую колонку, где находятся его настройки. Найдите и включите опцию “Развернуть при нажатии”. И всё. Эта картинка будет работать с лайтбоксом. Чтобы проверить это достаточно перейти в предпросмотр публикации и нажать мышкой на изображение. Эта опция также доступна и в картинках галереи.
У данного способа включить лайтбокс в WordPress есть ряд неоспоримых преимуществ:
Однако, плагины лайтбокс в WordPress также иногда бывают нужны. Они понадобятся тем, кто хочет получить больше настроек, например, менять эффект открытия изображения, внешний вид лайтбокса и другое. В этом случае без плагина не обойтись и его использование оправданно.
Лайтбокс в Wordpres – полезный эффект. Но он полезен только тогда, когда нужен. Поэтому использовать его на всех картинках не нужно. Применить открытие при нажатии на изображение целесообразно будет лишь в тех случаях, когда картинка маленькая, когда пользователю для того, чтобы разглядеть её, нужно увеличить. Если же изображение и так достаточно большое, например, как скриншот в этой статье, выше, то лайтбокс здесь не нужен, он будет только мешать. Ведь изображение и без дополнительного открытия и увеличения достаточно хорошо видно.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Интересная фишка! надо попробовать на своем сайте! Спасибо за статью!
Статья очень информативна и полезна.Благодаря Лайтбоксу в WP мой cайт может стать более привлекательным. Спасибо.