Как сделать «Облако тегов» | wordpressim. ru И снова здравствуйте!
Наверняка Вы замечали на многих сайтах облако, где куча слов и при наведении на слово курсором мыши, теги в нем начинали двигаться по орбите. Наверно Вы его уже заметили его у нас. Вот и я заинтересовался и решил сделать такое же облако на наш блог. Кстати, это облако так и называется – «Облако тегов». Интересно? Так давайте посмотрим, как установить его, есть два варианта (если кто знает больше, я рад за Вас).
Первый вариант очень простой и подойдет для тех, кто хочет всё сделать быстро, можно использовать плагин «Wp-Cumulus». Плагин скачиваете и устанавливаете, но он на английском языке и нужно скачивать обновление. Самое главное, что бы у Вас были проставлены метки (теги) для каждой статьи, иначе ни чего не получится. Мне если честно плагин не понравился, во-первых, такой маленький, еще и нужно русифицировать, во-вторых, если не русифицировать, то теги нужно вводить на английском языке, в – третьих, как мы с вами знаем, что плагины тормозят работу всего сайта. Вот я плавно и перешел ко второму варианту.
Итак, плагина мы использовать не будем для «облака тегов», а сделаем его сами, используя очень простой HTML-код для нашего облака. Вот он:
Для отображения Облака ссылок
необходимAdobe Flash Player 9или выше.
var rnumber = Math. floor(Math. random()*99);
var widget_so = new SWFObject(»
widget_so. addParam(«wmode», «transparent»);
widget_so. addParam(«allowScriptAccess», «always»);
widget_so. addVariable(«tcolor», «0x58D3F7»);
widget_so. addVariable(«tspeed», «200»);
widget_so. addVariable(«distr», «true»);
widget_so. addVariable(«mode», «tags»);
widget_so. addVariable(«tagcloud», «НАЗВАНИЕНАЗВАНИЕ»);
widget_so. write(«con»);
Вот давайте поработаем с этим кодом, расскажу, что и куда надо вставлять.
1) «220», «170», «9» – это размер, который Вы можете подстроить под себя, как Вам угодно. 9-ка, это версия Adobe Flash Player 9. Так что тут поэкспериментируйте сами.
2) Здесь у нас выбирается цвет тегов, тоже ни чего сложного нет.
3) В этом пункте настраиваем скорость вращения нашего «облака тегов».
4) Вот тут главное не запутаться: Вместо слова ‘ССЫЛКА’ (кавычки оставляем), нужно вставить естественно ссылку с Вашего сайта, а НАЗВАНИЕ – тут пишем сам тег. Надеюсь, поняли, если нет вот наш пример –
Punycode.
Тегов можно добавить сколько угодно, используя данный код — Название ссылки в данном случае добавляем её перед»
После того как вы создадите свой код, то переходим на вкладку внешний вид – виджеты, и вставляем его в sidebar (правый или левый, куда душе угодно). Вставляем код в Текст (Произвольный текст или HTML-код). Как вставлять виджеты, читайте в этой статье. Этот код можно вставить не только в виджеты, но и в статью, вообщем в любое место.
Ну, вот на этом и все, желаю успехов! Если возникнут проблемы, обращайтесь, всегда рады помочь!
И не забудьте подписаться на обновления нашего блога.