Скидка 50% до 1 января 2025

Виджет Image Gallery

Виджет «Галерея изображений Ultimate Addons for Elementor позволяет создать привлекательную галерею с некоторыми расширенными функциями.


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


Прежде чем начать, обязательно включите виджет в настройках Ultimate Addons for Elementor.

Некоторые богатые функции виджета:

Галерея фильтруемых изображений

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

Эффекты изображений, такие как Instagram

Теперь используйте фильтры, такие как Instagram, в галерее изображений вашего сайта. Фильтры можно применять к исходному изображению, а также в качестве эффекта наведения. Вы также можете управлять цветом наложения изображения. Этот параметр доступен в разделе «Стиль» (вкладка) > «Миниатюра» > «Эффект изображения».

Сетка/Масонство/Обоснованный/Карусельный макет

Выберите лучший макет, чтобы ваша галерея выглядела потрясающе.


Сетка : в этом макете продукты будут отображаться в структуре «строки и столбцы».

Masonry : этот макет настраивает изображения в столбцах в зависимости от размера. Следовательно, уменьшается размер галереи изображений на веб-странице.

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

Карусель : изображения будут отображаться в виде удобного слайдера.

Различные настройки карусели дают полный контроль над слайдером.

Эффект масштабирования для обычного и наведенного изображения

Теперь вы можете использовать эффект «Масштаб», который изменяет размер (увеличивает) изображение при наведении курсора. Этот параметр доступен в разделе «Стиль» (вкладка) > «Миниатюра» > «Масштаб» .

Показать подпись к изображению

Это позволяет вам добавить модную подпись к изображению, чтобы сделать его более информативным. Включите эту опцию в разделе «Содержимое» (вкладка) > «Дополнительные параметры» > «Показать подпись». Посмотрите , как добавить подпись к изображению?

Вы можете полностью настроить подпись к изображению, применив цвет фона, цвет текста, отступы, вертикальное выравнивание и типографику. Этот параметр доступен в разделе «Стиль» (вкладка) > «Подпись».

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

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


Эту опцию можно найти в разделе «Содержимое» (вкладка) > «Лайтбокс» > «Показать подпись под изображением». Посмотрите , как добавить подпись к изображению?

Расширенные действия лайтбокса

В разделе «Лайтбокс» вы найдете еще одну опцию, которая предоставляет следующие возможности: масштабирование, публикация в социальных сетях, слайд-шоу, полноэкранный режим, загрузка, галерея.


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


Ниже приведен скриншот, на котором вы найдете эту опцию:

Добавьте пользовательскую ссылку на изображение

Теперь легко связать изображение с пользовательским URL-адресом. Этот параметр доступен в разделе «Содержимое» (вкладка) > «Дополнительные параметры» > «Действие по клику». См. раздел Как открыть веб-страницу по щелчку изображения?

Возможность открыть лайтбокс по клику на изображение

Теперь легко связать изображение с пользовательским URL-адресом. Этот параметр доступен в разделе «Содержимое» (вкладка) > «Дополнительные параметры» > «Действие по клику». См. раздел Как открыть веб-страницу по щелчку изображения?

Полностью адаптивная галерея

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

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

Автор

Поделиться

Комментарии

Один ответ на “Виджет Image Gallery”

Розалия Баязитова

Спасибо за просмотр! Оставляйте свои комментарии и вопросы!

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *

' skin='skin1'}}

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Все шаблонные сайты

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors