Облако тегов для uCoz (WP Cumulus)

 

Наверное многие видели на сайтах, особенно на блогах, крутящую штуку — облако тегов на flash. Называется это иное чудо WP Cumulus, а его автор Roy Tanck. Изначально оно писалось как плагин для WordPress, однако нашлись те добрые люди, которые адаптировали это дело под uCoz систему. Давайте рассмотрим с вами подробную установку облака тегов на uCoz.

Облако тегов

Шаг 1.

Первым делом обязательно активируйте модуль «Поиск по сайту». Это стоит сделать обязательно, т.к. это играет важную роль.

Шаг2.

Теперь нужно добавить теги всем материалам на сайте.
Для этого напротив названия вашего материала на сайте нажмите кнопку как на скриншоте

В открывшемся ajax окне введите ключевые слова (теги) для этого материала и сохраните.
Так следует сделать с каждым материалом. Хорошо если у вас еще мало материалов, или вы ранее уже заполняли поля для тегов.

Шаг3.

Далее нам нужно создать информер.
Делается это так  ПУ -> Информеры -> Создать информер
Выставляем настройки:
Название: Теги (название можно любое, это для удобства)
Раздел: Теги
Способ вывода: Облако тегов
Модули: Выберете те модули которые будут учитываться при построении облака тегов.
Количество тегов: 25 (тут можете поставить и другое количество, но лично я считаю ,что бы не нарушать красоту облака, 25 в самый раз!)

Шаг4.

Скачиваем архив ниже и заливаем с помощью FTP менеджера папку tags, либо создаем в файловом менеджере папку tags и заливаем туда 2 файла из папки tags в архиве.

Шаг5.

Теперь вставляем этот код в нужное место. Но пока что не сохраняем.

<div id=»tag»>$MYINF_1$</div>
<script type=»text/javascript» src=»http://your-site/tags/swfobject.js»></script>
<script type=»text/javascript»>
var flashvars = {};
flashvars.mode = ‘tags’;
flashvars.minFontSize = ‘8’;
flashvars.maxFontSize = ’22’;
flashvars.tcolor = ‘0xffffff’;
flashvars.tcolor2 = ‘0×0be4f8’;
flashvars.hicolor = ‘0xd95800’;
flashvars.distr = ‘true’;
flashvars.tspeed = ‘100’;

eTagz = document.getElementById(‘tag’).getElementsByTagName(‘A’);
flashvars.tagcloud = ‘<tags>’;
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += ‘<a href=\» + eTagz[i].getAttribute(‘href’)
+ ‘\’ style=\» + parseInt(eTagz[i].style.fontSize)
+ ‘\’>’ + eTagz[i].text + ‘</a>’;
delete eTagz;
flashvars.tagcloud += ‘</tags>’;
var params = {};
params.wmode = ‘transparent’;
params.bgcolor = ‘#333333’;
params.allowscriptaccess = ‘always’;
var attributes = {};
attributes.id = ‘tag’;
attributes.name = ‘tagcloud’;
swfobject.embedSWF(‘http://your-site/tags/tagcloud.swf’, ‘tag’, ‘250’, ‘200’, ‘9.0.0’, false, flashvars, params, attributes);
</script>

Меняем «your-site» на свой сайт естественно, а также меняем код информера «$MYINF_1$» на свой, если в этом есть необходимость. И настраиваем облако под себя.

250 – ширина облака тегов в пикселях
200 – высота облака тегов в пикселях

flashvars.minFontSize = ‘8’; — минимальный размер шрифта
flashvars.maxFontSize = ’22’; — максимальный размер шрифта
flashvars.tcolor = ‘0×ffffff’; — цвет самого редкого тега
flashvars.tcolor2 = ‘0×0be4f8’; — цвет самого популярного тега
flashvars.hicolor = ‘0×d95800’; — цвет при наведении на тег
flashvars.distr = ‘true’; — ?
flashvars.tspeed = ‘100’;- скорость вращения облака тегов

Теперь смело можете сохранить ваш код и полюбоваться вашим облаком.

  1. 6 лет назад

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *