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

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

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

Webmarka Articles Portfolio 1.1: портфолио из материалов Joomla с окном проекта

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

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

Модуль для студий, архитектурных и инженерных бюро, производителей — для всех, кто показывает выполненные работы. Каждый проект — материал Joomla: обложка становится карточкой, полное фото и вводный текст — содержимым окна.

Окно проекта

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

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

Аккуратный вывод

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

Картинки — WebP через JUImage с srcset, отдельная миниатюра для телефона, режимы наложения; для поисковиков — JSON-LD.

Что нового в 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 Portfolio 1.1 — выпуск на GitHub
  2. mod_wmarka_articles_portfolio — репозиторий на GitHub