Хотите добавить галерею с эффектом лайтбокса в WordPress?

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

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

Зачем добавлять эффект лайтбокса в галереи WordPress?

Добавление эффекта лайтбокса в галереи на вашем веб-сайте WordPress поможет вам представить ваши изображения более профессионально.

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

Лайтбоксы помогают вашим посетителям получить более захватывающий опыт просмотра и даже облегчают им возможность делиться вашими изображениями в социальных сетях или загружать их на свой компьютер.

Предварительный просмотр в лайтбоксе

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

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

Давайте шаг за шагом посмотрим, как легко добавить галерею WordPress с эффектом лайтбокса.

Как добавить галерею WordPress с эффектом лайтбокса

С помощью вы можете легко добавить галерею WordPress с эффектом лайтбокса. Галерея Энвира.

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

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

Сначала вам нужно установить и активировать это Галерея Энвира Плагин. Подробные инструкции можно найти в нашем пошаговом руководстве по установке плагина WordPress.

ЧИТАТЬ  Самые популярные виды спорта в мире 2023: 12 самых популярных видов спорта

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

После активации посетите Галерея Envira » Настройки Страница на боковой панели администратора WordPress для ввода лицензионного ключа.

Вы можете получить доступ к этой информации через свою учетную запись на веб-сайте галереи Envira.

Добавьте лицензионный ключ Envira Gallery

После этого вам необходимо посетить Галерея Envira » Добавить новое Страница из панели управления WordPress, чтобы начать создавать собственную галерею.

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

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

Помните, что за раз вы можете загрузить только одно изображение из медиатеки.

Добавить изображения в галерею

Затем прокрутите вниз до раздела «В настоящее время в вашей галерее», где справа вы увидите предварительный просмотр вашей галереи с настройками в левом столбце.

Теперь нажмите на значок карандаша над каждым изображением, чтобы открыть на экране окно редактирования метаданных.

Нажмите значок карандаша, чтобы открыть экран «Редактировать метаданные».

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

После этого не забудьте нажать кнопку «Сохранить метаданные», чтобы сохранить настройки.

Настройка метаданных изображения

Затем перейдите на вкладку «Конфигурация» в левом столбце, чтобы изменить макет вашей галереи по своему вкусу.

Здесь вы можете выбрать макет, количество столбцов, размер изображения, размеры, темы и многое другое.

Подробные инструкции можно найти в нашем руководстве для начинающих по созданию галереи изображений в WordPress.

Настройка макета галереи

После настройки макета галереи перейдите на вкладку «Лайтбокс» в левом столбце и установите флажок «Включить лайтбокс?». Возможность.

ЧИТАТЬ  Уязвимость плагина соответствия GDPR Complianz WordPress

Затем выберите тему лайтбокса в раскрывающемся меню «Тема лайтбокса галереи». Если вы выберете вариант «Наследие», приглашение с эффектом лайтбокса будет иметь более старый макет.

Если вы выберете опцию «Базовый (Темный)», подсказка лайтбокса будет иметь темный базовый макет.

Включите опцию лайтбокса

Далее вам нужно выбрать, хотите ли вы отображать заголовок изображения или его подпись в подсказке лайтбокса. Если хотите, вы также можете отобразить оба или ни одного из них.

Затем выберите размер изображения для лайтбокса в раскрывающемся меню.

Настройте заголовок и размер изображения для галереи.

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

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

Когда вы закончите, не забудьте нажать кнопку «Опубликовать» вверху, чтобы сохранить изменения.

Настройте другие параметры лайтбокса в галерее Envira.

Чтобы добавить галерею изображений на страницу/пост WordPress, откройте страницу в редакторе блоков.

Здесь вам нужно нажать на кнопку «+» добавить блок в левом верхнем углу экрана, чтобы открыть меню блока. Затем добавьте блок галереи Envira на страницу/пост.

Добавьте блок галереи Envira

Затем выберите только что созданную галерею изображений из раскрывающегося меню в самом блоке. Наконец, нажмите кнопку «Обновить» или «Опубликовать», чтобы сохранить настройки.

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

Эффект лайтбокс гифка

Альтернатива: используйте NextGen Gallery для создания портфолио изображений и галерей в WordPress.

Envira Gallery — лучший вариант для добавления изображений лайтбоксов на ваш сайт WordPress. В качестве альтернативы вы можете использовать Галерея NextGEN для создания полностью адаптивных и визуально привлекательных галерей и портфолио на вашем сайте WordPress.

ЧИТАТЬ  Несём образование в массы: расскажу почему и как мы делимся знаниями об управлении репутацией

NextGEN Gallery — лучшая альтернатива Envira Gallery, поскольку она поддерживает различные типы галерей, имеет функции электронной коммерции и позволяет добавлять водяные знаки, лайтбоксы, комментарии к изображениям и многое другое.

Кроме того, NextGEN Gallery позволяет принимать онлайн-платежи через Stripe или PayPal, что упрощает продажу ваших изображений через Интернет.

Галерея NextGen

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

Подробные инструкции можно найти в нашем руководстве по добавлению портфолио на ваш сайт WordPress.

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

Если вам понравилась эта статья, пожалуйста, подпишитесь на нашу рассылку YouTube канал для видеоуроков по WordPress. Вы также можете найти нас на Твиттер И Фейсбук.



Source