Карточка — обложка, заголовок, вводный текст и кнопка «Читать далее». Над сеткой можно поставить фильтр: посетитель переключает категории, метки, авторов, годы или месяцы, и лишние карточки исчезают без перезагрузки страницы. Кнопки фильтра строятся из тех материалов, что выведены, поэтому пустых кнопок не бывает.
Сетка и мозаика
Мозаика по-английски — masonry, «каменная кладка»: карточки разной высоты укладываются по столбцам, как камни в стене, без пустых просветов. Обычная сетка, наоборот, выравнивает карточки в ряду по высоте, а подвал с кнопкой всегда прижат к низу, как бы ни отличались тексты.
- Шесть положений обложки: сверху, снизу, слева, справа и две «зебры» — журнальный приём, при котором фото чередуется то сверху и снизу, то слева и справа, и ряд перестаёт быть монотонным;
- четыре структуры карточки: только тело; шапка и тело; тело и подвал; шапка, тело и подвал;
- колонки: одна или две на телефоне, до четырёх на планшете, до пяти на компьютере;
- группировка по году, месяцу, автору, категории или меткам — каждая группа отдельным блоком с подзаголовком.
Картинки
JUImage режет обложку по центру точно в заданный размер — по умолчанию 800 × 500 — и сохраняет в WebP. В атрибуте srcset браузеру перечислены файлы разной ширины, а в sizes — сколько места картинка займёт на экране; модуль считает его по колонкам сетки, и браузер сам выбирает файл под ширину экрана и плотность пикселей. Телефон получает отдельную миниатюру 400 × 300. Если картинки уже подготовлены, режим «оригинал» не создаёт ни одного нового файла.
Поверх обложки можно положить цветную маску в одном из пятнадцати режимов наложения — тех же, что в графических редакторах: умножение, экран, перекрытие и другие.
Текст и заголовки
Модуль ядра режет вводный текст только по символам, этот — и по словам: можно оставить двадцать слов, и слово не порвётся посередине. Ещё один приём — «не больше N строк»: текст обрывается многоточием на заданной строке, и карточки выходят ровными. Тег заголовка (h1–h6) выбирается ради структуры страницы, а размер — ради дизайна: <h3 class="uk-h2"> выглядит как h2, оставаясь h3.
Поисковики и соцсети
По умолчанию модуль кладёт в код страницы один блок JSON-LD со списком материалов — ссылками, заголовками и картинками. По желанию — микроданные прямо в разметке. Для превью ссылок в Telegram и WhatsApp модуль добавляет og:image, но в режиме «Авто» не перебивает картинку, которую страница уже указала сама.
Что нового в 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.
