Перейти к содержанию

Все разделы сайта

Написать о задаче

Webmarka Articles Gallery 1.1: фотогалерея из материалов Joomla с лайтбоксом

Модуль Webmarka Articles Gallery собирает фотографии материалов в мозаику и открывает их в лайтбоксе UIkit 3, где под каждым фото — заголовок, текст и ссылка на статью. Вышла версия 1.1.0.

Обложка новости о модуле Webmarka Articles Gallery 1.1.0: мозаика фото и лупа лайтбокса

Галерея строится не из отдельной папки с картинками, а из материалов сайта: у каждой фотографии есть статья, и галерея становится не только витриной, но и входом в статьи.

Лайтбокс

Название пришло из фотографии: лайтбоксом звали световой стол, на котором рассматривали слайды и негативы. В интерфейсах это полноэкранный просмотрщик с перелистыванием. Здесь у него три анимации смены фото — сдвиг, затухание, масштаб — и подпись: заголовок, текст материала и кнопка перехода.

  • мозаика по умолчанию: фото сохраняют свои пропорции и укладываются столбцами без пустот; задайте высоту превью — и все плитки станут одного размера;
  • при наведении фото затемняется, а значок увеличения в центре слегка вырастает; цвет и непрозрачность затемнения настраиваются;
  • подпись на плитке — под фото, поверх фото или поверх при наведении, на тёмной или светлой подложке;
  • фильтр на странице по категориям, меткам, авторам и датам;
  • материалы без картинок пропускаются — в галерее только фото.

Для поисковиков

Вместо общего списка материалов галерея описывает каждую фотографию разметкой ImageObject — типом Schema.org для изображения: адрес файла, подпись, страница, к которой оно относится. Так поисковик понимает, что перед ним фотография к статье, и может показать её в поиске по картинкам.

Превью — WebP точного размера с srcset и ленивой загрузкой, полное фото открывается только в лайтбоксе: страница с сотней снимков остаётся лёгкой.

Что нового в 1.1.0

  • Обновления из панели управления. Joomla сама сообщает о новой версии — на панели и в разделе «Расширения → Обновления» — и ставит её в один щелчок, сверив архив по контрольной сумме SHA-256. С 1.0.0 достаточно один раз поставить 1.1.0 вручную.
  • Категории, метки и авторы выбираются так же, как в ядре Joomla: «чипами» из выпадающего списка с поиском.
  • Казахский интерфейс: настройки модуля, тексты на сайте и сообщения установщика — на казахском, русском и английском; README тоже на трёх языках.
  • Архив для корня сайта — чтобы обновить файлы поверх установленного модуля через FTP.

Требования и установка

Joomla 5 или 6, PHP 8.1 и новее. UIkit 3 берётся из шаблона, а если его там нет, модуль подгрузит UIkit с CDN с проверкой целостности. Библиотека JUImage необязательна: обычный архив pkg_… поставит её сам, если на сайте её нет. Лицензия — GPL.

Все модули и плагины на webmarka.kz

Список использованных источников

  1. Webmarka Articles Gallery 1.1 — выпуск на GitHub
  2. mod_wmarka_articles_gallery — репозиторий на GitHub