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

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

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

Webmarka Articles Slider 1.1: материалы Joomla каруселью

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

Обложка новости о модуле Webmarka Articles Slider 1.1.0: карусель карточек со стрелками и точками

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

Автопрокрутка, которая не мешает читать

Карусель останавливается, когда на неё наведён курсор: человек начал читать карточку — она не уезжает из-под глаз. Это не вежливость, а требование доступности: движущееся содержимое должно останавливаться, иначе его невозможно прочесть.

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

Фильтра на странице у слайдера нет: карусель не умеет прятать элементы на лету. Нужен фильтр — для этого есть сетка и портфолио.

Под капотом — ядро Joomla

Материалы выбирает та же модель com_content, что и у модуля ядра «Материалы». Своих запросов к базе модуль не пишет, поэтому не обходит права доступа, языки и сроки публикации и не ломается от обновлений Joomla. Разметка собрана из штатных компонентов UIkit, и слайдер говорит языком вашего шаблона: его цветами, шрифтами и отступами.

Превью — WebP точного размера через JUImage, с srcset и ленивой загрузкой; для поисковиков — JSON-LD или микроданные, для соцсетей — осторожный 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.

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

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

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