Выводим теги в блок в виде облака

   Вот в этой статье мы разобрали что такое Мета теги и как сделать чтобы в коде сайта все было правильно с тегами. А теперь мне захотелось вывести теги в блок, чтобы посетители могли видеть все нужные теги и если надо перейти по ссылке по тегу. Есть два пути:  сделать просто статичное поле или же динамическое, анимированное в виде облака.

Статичное облако тегов. Воспользуемся модулем cctags, установка и настройка до безобразия проста. Берем его отсюда.

Устанавливаем модуль, активируем. Настройка: идем сюда "Конфигурация => Работа с содержимым => Cctags" Обзываем элемент как хотите, ставим галочки там чего хотим выводить, разрешаем формирование блока или страницы как вам угодно. Сохраняем. Идем в "Структура => Блоки", видим здесь появившийся наш вновь созданный блок и выводим его туда куда желаете. И любуемся своим "Облаком"

Динамические, вращающиеся облака тегов.

   Но мне больше по душе когда картинка не статична, а анимирована. Будем делать. Для этого нам нужны 2 модуля Tagadelic и Cumulus. Страничка Tagadelic лежит здесь, а Cumulus здесь. С Tagadelic все просто устанавливаем, активируем. Настройка заключается в установке: сортировки, количества выводимых тегов и можно установить еще уровень.

Устанавливаем Cumulus, активируем. Чтобы вывести Cumulus в блок идем сюда "Структура=>Блоки". Видим здесь появилось дополнительное меню "Add cumulus block". Давим на нее. Очень много настроек, здесь я думаю вы разберетесь и настроете блок так как вам хочется, главное назвать блок и не забыть показать куда выводить. Сохраняем. Вот он у нас появился там где вы указали. Но никакой динамики. Для того чтобы все закрутилось нужно скачать отсюда  файлик и кладём его в директорию модуля cumulus. Ну вот теперь облако закрутилось. Но это еще не все. Если вы внимательно присмотритесь к облаку вы увидите, что русские названия тегов не выводятся, непорядок. Идем сюда качаем файлик, разархивируем и меняем такой же в папке модуля cumulus.

Ну вот и все! Любуемся тегами.

Категории:

Рейтинг: 
Средняя: 4.8 (5 оценок)

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

Filtered HTML

Plain text