Как сделать облако тэгов?

2 ноября 2014 г. Просмотров: 339 Инструкции
Облако тэгов – функциональный элемент дизайна, который притягивает взгляды каждого посетителя. Различают статичное и трехмерное облако тэгов, и для создания каждого из них необходимо обладать определенными навыками.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Скачайте трехмерное облако тэгов (tag cloud) с официального сайта Joomla, если вы работаете с этой системой. Скачайте облако тэгов с сайта http://www.drupal.org/, если ваш сайт построен на системе управления Друпал.
    Также можно поступить с облаком тэгов для известных CMS, например, скачать приложение для ucoz, instant, modx, britax.
  • Настройте модуль в соответствии с собственными потребностями. Укажите количество выводимых в облаке ключей, пропишите их, задайте цветовое оформление. Не забудьте включить облако тэгов в менеджере модулей.
  • Используйте программный код, если вы хотите вставить статичное облако тэгов, а готового решения на официальном сайте CMS не предоставлено, либо работайте с самописной системой управления.
  • Создайте таблицу в виде соответствий «тэг – число», где каждому тэгу присвойте свое цифровое значение. В итоге вы должны будете получить статичное облако тэгов, где более популярные запросы будут выделяться на фоне менее популярных за счет своего размера.
  • Заполните таблицу соответствий. Она будет подсчитывать число вхождений тэга в таблице блога. Рассчитайте популярность каждого тэга через определение его максимального значения. Данная операция не представляет особой сложности. После этого все тэги делятся на определенные группы в зависимости от популярности.
  • Присвойте образованным группам тэгов свои классы через CSS – таблицу стилей. Далее CSS–классы готовятся в программе для отображения (программный код облака тэгов находится в дополнительных материалах). Выведите облако тэгов на страницу.
  • Протестируйте работу облака тэгов, чтобы убедиться в отсутствие «багов» и «глюков». Сделать это лучше не на основном сайте. Если альтернативного ресурса, который не жалко испортить, нет, то перед установкой tag cloud обязательно создайте резервную копию сайта.
  • Оцените статью!