Облако тегов «Аквариум» для Joomla 6

BSL Tag Cloud Aquarium — бесплатный анимированный модуль облака тегов для Joomla 5 и Joomla 6. Вместо неподвижного списка он создаёт небольшой «аквариум», в котором теги свободно перемещаются, отражаются от границ и реагируют на наведение указателя.

Модуль уже работает на этой странице: облако тегов опубликовано на всём сайте, поэтому его можно оценить вживую, а не только по скриншотам.

Как это работает

Размер, прозрачность и скорость каждого тега зависят от его популярности. Чем больше опубликованных материалов связано с тегом, тем крупнее и заметнее он выглядит и тем быстрее движется.

При наведении указателя тег плавно останавливается и увеличивается. После ухода указателя он продолжает движение с прежней скоростью и в прежнем направлении.

Кнопка паузы останавливает всё облако с коротким инерционным замедлением. Повторное нажатие так же плавно возобновляет движение.

Возможности

  • автоматическая загрузка тегов из материалов Joomla;
  • сортировка по популярности;
  • отображение популярности через размер, прозрачность и скорость движения;
  • плавное отражение от границ без потери скорости;
  • плавная остановка тега при наведении;
  • пауза и продолжение анимации;
  • адаптация к изменению ширины модуля и размера экрана;
  • две темы оформления: Ocean, Minimal и Adaptive;
  • автоматическое определение основного цвета активного шаблона;
  • возможность выбрать цвет заголовков H1H6 в качестве источника оформления.
  • поддержка SEF-ссылок Joomla;
  • английский и русский языки интерфейса;
  • штатные автоматические обновления через Joomla Update System.
  • поддержка Joomla 5 и Joomla 6 одним установочным пакетом.

Теги не сталкиваются друг с другом. Они могут проходить один под другим, благодаря чему облако остаётся живым и не превращается в толпу, отчаянно расталкивающую соседей локтями.

Учитываются права доступа

Модуль показывает только теги, связанные с доступными посетителю материалами Joomla.

При формировании облака учитываются:

  • состояние публикации тега;
  • состояние публикации материала и его категории;
  • дата начала и окончания публикации;
  • уровень доступа пользователя;
  • язык тега, материала и категории.

Если тег связан только с материалом для зарегистрированных пользователей, гость его не увидит. После авторизации тег появится автоматически.

Настройки

В параметрах модуля доступны:

  • Aquarium height — высота области анимации от 200 до 800 пикселей;
  • Maximum tags — максимальное количество тегов от 1 до 100; значение по умолчанию — 30;
  • Theme — тема оформления Ocean, Minimal или Adaptive;
  • Adaptive color source — автоматическое определение цвета либо выбор заголовка H1–H6; параметр отображается только для темы Adaptive;
  • Show pause button — показ или скрытие кнопки паузы;
  • Module Class — дополнительный CSS-класс для интеграции с оформлением шаблона.

Тема Adaptive

Тема Adaptive позволяет облаку вписаться в оформление активного шаблона Joomla. Все теги получают один общий цвет, поэтому модуль сохраняет цельный и аккуратный вид.

В режиме Automatic модуль сначала пытается определить основной цвет Bootstrap Primary. Если он недоступен, проверяются цвета ссылок, заголовков и основного текста шаблона. Если подходящий цвет определить не удалось, используется безопасный резервный вариант с достаточной контрастностью.

При необходимости источник цвета можно выбрать вручную: H1, H2, H3, H4, H5 или H6. Это позволяет оформить теги в одном стиле с заголовками сайта. Кнопка паузы автоматически использует ту же цветовую гамму.

Adaptive не привязан к конкретному шаблону и не требует его модификации.

Бесплатная и Pro-версия

BSL Tag Cloud Aquarium 1.2.0 — полноценная бесплатная версия модуля. Все перечисленные на этой странице возможности доступны без оплаты.

В дальнейшем планируется отдельная Pro-версия с дополнительными темами, готовыми цветовыми схемами, визуальными эффектами и расширенными настройками оформления.

Появление Pro-версии не приведёт к удалению или блокировке функций, уже включённых в бесплатный модуль. Pro будет расширять возможности оформления, а не превращать рабочую бесплатную версию в рекламную заглушку.

Обязательной подписки не планируется. Если Pro-версия будет выпущена, предполагается разовая покупка.

Системные требования

  • Joomla 5.x или Joomla 6.x;
  • PHP 8.1 или новее.

Модуль не требует сторонних библиотек, отдельных PHP-обработчиков или внешних сервисов. Данные загружаются через штатный Joomla Database API, а ссылки формируются средствами маршрутизации Joomla.

Установка

  1. Скачайте ZIP-пакет модуля.
  2. Откройте панель управления Joomla.
  3. Перейдите в System → Extensions → Install Extensions.
  4. Загрузите файл mod_bsl_tagcloud-1.2.0.zip.
  5. Откройте Site Modules.
  6. Найдите BSL Tag Cloud Aquarium, выберите позицию шаблона и опубликуйте модуль.

При последующих обновлениях существующие настройки и опубликованные экземпляры модуля сохраняются.

Скачать BSL Tag Cloud Aquarium 1.2.0

Скачать установочный пакет

Версия: 1.2.0
Лицензия: GNU General Public License version 2 or later
SHA-256: 7DFEA46239511DBA3C80AB610BDCA8724EEE64D812E2877FB138668805E1042A

Исходный код, релизы и поддержка

Исходный код проекта опубликован в GitVerse:

Репозиторий BSL Tag Cloud Aquarium

Там можно изучить исходники, скачать релиз и сообщить об обнаруженной ошибке.

Русскоязычное обсуждение модуля открыто на Joomlaforum.ru. Там можно задать вопрос, поделиться впечатлениями и обсудить работу расширения:

Тема BSL Tag Cloud Aquarium на Joomlaforum.ru

Страница расширения на JED: https://extensions.joomla.org/extension/bsl-tag-cloud-aquarium/

Об авторе

Меня зовут Васильев Александр. Подробнее можно почитать на главной странице и здесь. Если кратко, то я инженер, а не программист. И алкоголик, выбравший жизнь в январе 2025-го года.

Модуль появился из простой идеи: мне хотелось получить современное облако тегов, которое не просто выводит список ссылок, а действительно выглядит живым. Подходящего бесплатного расширения для актуальной версии Joomla не нашлось — поэтому мы сделали своё.

Поддержать проект

Если модуль оказался полезным, можно отблагодарить его автора. 😉

Поддержать через CloudTips

BTC: bc1q3l8pgrj34re0q3whmjl96dgp3kgr623afnd8h3

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