Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

заставка - галерея изображений в конструкторе сайта

Галерея — виджет Elementor

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

Создавая сайт-портфолио, бизнес сайт, сайт визитка или одностраничник, нам частенько нужна галерея изображений. Иногда даже, не из за прямого его назначения, а нам просто необходимо быстро организовать вывод изображений в виде сетки и желательно с функцией "лайтбокс" (всплывающее изображение при клике).

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

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

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

галерея изображений в конструкторе сайта

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

 

Содержимое

- Галерея

  • Изображения - выбор изображений для добавления в галерею.
  • Размер изображения - выбор размера изображения из предложенных темой или установки произвольного размера.
  • Колонки - количество изображений в одной строке галереи.
  • Ссылка на - выбор цели для ссылки, т.е  выбор ссылки которая будет установлена на изображение. Возможно выбрать между ссылкой на медифайл или стандартной страницей вложения.
  • Лайтбокс - возможно выключить лайтбокс при необходимости.
  • Порядок - сортировка галереи (по умолчанию т.е как задано в библиотеки медифайлов или случайный.)

Стили

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

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

 

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

 

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

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

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности