Разукрашиваем облако тэгов в WordPress

Опубликовано Вторник, 26 января, 201034 комментарияWordPress

Разукрашиваем облако тэгов в WordPress

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

Существует достаточно много плагинов для WordPress, которые облегчают и расширяют возможности работы с тэгами. Самый распространенный — плагин Simple tags. Вот о нем я и хочу сегодня поговорить.

Нет, я не собираюсь полностью описывать все возможные настройки этого плагина, об этом можно почитать у Кактуса. Я хочу рассказать о том как этот плагин работает у меня.

Обычное облако тэгов выглядит скучно. Просто массив слов, который из-за повсеместного распространения и привычки уже не цепляет взгляд. Так я подумал. Результат моих раздумий можно увидеть в сайдбаре на вкладке “Метки”.

Есть два способа придать немного разнообразия облаку тэгов.
Первый — переписать все id меток и разукрасить их через CSS, но это долго и муторно.
Второй — описан ниже.

Те возможности настройки, которые есть в админке плагина Simple tags не дают возможности тонкой настройки это плагина. Поэтому пришлось лезть в код и использовать расширенные настройки.

Опишу некоторые параметры функции <?php st_tag_cloud(); ?> которые я использовал:

  • smallest — Размер шрифта наименее используемых меток
  • largest — Размер шрифта наиболее используемых меток
  • unit — Еденицы измерения размеров шрифта px/pt
  • cloud_sort — Порядок сортировки выбранных меток
  • xformat — Расширенный формат ссылок. Используемые подстановки:
    • %tag_count% — Колличество записей с данной меткой
    • %tag_name% — Имя метки
    • %tag_link% – Постоянная ссылка метки
    • %tag_size% — Размер метки
    • %tag_color% — Цвет метки

Как говориться, ловкость рук и никакого мошенничества. Немного манипуляций и облако тэгов преображается.

Ну и напоследок мой код, для наглядности:

<?php
	st_tag_cloud('smallest=9&amp;largest=22&amp;unit=px&amp;cloud_sort=random&amp;title=&amp;xformat=&lt;a rel="nofolow" title="%tag_count% записей с меткой %tag_name%" href="%tag_link%" style="%tag_size% %tag_color%"&gt;%tag_name%');
?>

Удачи.


Обмен постовыми

  • SEO блог Хайпера о реальном SEO опыте в поисковом продвижении, оптимизации и раскрутке.
  • Блог о дизайне во всех его проявлениях.

2leep.com

34 комментария к записи “Разукрашиваем облако тэгов в WordPress”

  1. Dmitriy сказал: (permalink)
    30 января 2010 в 1:52

    Давно задавался этим вопросам. Буду осваивать цветные метки

  2. oseo сказал: (permalink)
    31 января 2010 в 3:23

    Да не, автору конечно спасибо, но стандартное облачко куда лучше на мой взгляд.

  3. Fenris сказал: (permalink)
    31 января 2010 в 9:27

    На вкус и цвет…

  4. Lika сказал: (permalink)
    01 февраля 2010 в 0:23

    Просто и красиво ))) Я облако тегов не использую, но если передумаю, то обязательно тоже попробую разукрасить.

  5. Увеличиваем скорость работы сайта | Заметки SEO-новичка о заработке в интернете и не только... сказал: (permalink)
    01 февраля 2010 в 12:00

    [...] P.S. Рекомендую почитать пару интересных статей, Ян Такушевич пишет про необходимые плагины WordPress для web-разработчиков, а Fenris разукрашивает облако тегов. [...]

  6. ofigennoe сказал: (permalink)
    03 февраля 2010 в 19:37

    Давно искала эту информацию, спасибо.

  7. Данька сказал: (permalink)
    04 февраля 2010 в 8:50

    Прикольно -главное, что цепляет взгляд. Я пока отказалась от меток по причине их огромного количества) Выглядит очень страшно, когда их больше 100)) Тут и раскраска не спасает

  8. Сергей сказал: (permalink)
    05 февраля 2010 в 13:43

    Здорово! Такой плагин установлен, но по ленности даже не разбирался в его возможностях. Благодарен!.. И правильно замечено, что нужно с умом пожходить, чтоб не получился цветастый "попугай"…

  9. Dmitriy сказал: (permalink)
    05 февраля 2010 в 23:08

    Что то не получается никак

  10. fenris сказал: (permalink)
    06 февраля 2010 в 2:58

    Что именно не получилось?

  11. Vasiliy сказал: (permalink)
    06 февраля 2010 в 11:41

    Пр использовании облака тэгов, не забывайте запрещать их к индексированию в файле роботс, а то санкций от яндекса за дублирование контента не избежать!

  12. Nil сказал: (permalink)
    07 февраля 2010 в 3:23

    Надо будет поиграть с тегами. CSS тоже не люблю. за спасибо

  13. Ева Беляева сказал: (permalink)
    06 февраля 2010 в 23:11

    Не пробовала такое, много раз встечала и всегда хотеда добавить себе на блог,автору спасибо)))))

  14. fenris сказал: (permalink)
    07 февраля 2010 в 3:29

    Нил, ну с чего ты взял что тут речь идет о нелюбви к CSS? Применительно ко мне это в обще звучит как-то нелепо. Просто переписать все id меток и разукрасить их через CSS, но это долго и муторно.

  15. Кирилл сказал: (permalink)
    07 февраля 2010 в 17:17

    хотел, хочу и сделаю себе так, это стандартное облако достало уже. Спасибо!!!!

  16. Виталий сказал: (permalink)
    07 февраля 2010 в 16:34

    Спасибо, как раз собирался изменить облако тегов

  17. ванек сказал: (permalink)
    08 февраля 2010 в 10:18

    Вещь красивая, но во флеше бесполезная с точки зрения индексации… Пришлось отказаться

  18. Андрей сказал: (permalink)
    08 февраля 2010 в 12:28

    Да и вообще говорят тэги замедляют индексацию и создают дублированный контент как и More

  19. doormas сказал: (permalink)
    10 февраля 2010 в 8:06

    Спасибо! Побежал экспериментировать с разукрашиванием своего облака.

  20. Jester сказал: (permalink)
    11 февраля 2010 в 13:13

    Поиграться с разукрашиванием можно… Хотя я уже подумываю что бы облако вообще снять. Толку от него ощутимого не вижу (

  21. Podarkis сказал: (permalink)
    11 февраля 2010 в 18:48

    Мне облако нравится.
    Считаю, что поиск с ним облегчается.
    Спасибо за статью.

  22. mimi сказал: (permalink)
    12 февраля 2010 в 15:14

    красивенькое облако получилось!

  23. реклама сказал: (permalink)
    12 февраля 2010 в 12:09

    ооооооо! то что надо! а я думал как это делается)кстати никто не знает плагин для вп чтобы облако тегов летало по всему блогу?а то я както видал такое….круто смотрится)

  24. lord сказал: (permalink)
    14 февраля 2010 в 19:20

    А я никак не могу сделать облоко тегов на дле 8,3

  25. fenris сказал: (permalink)
    14 февраля 2010 в 20:59
  26. koral сказал: (permalink)
    15 февраля 2010 в 9:01

    Было у меня такое облако. Потом захотели обновить, типа улучшить, да и всё и испортили. Теперь нет облака тэгов. Всё жду, на будущее, может опять попробуем, то что было поставим, не нужно нового. красиво смотрелось.

  27. peredoz сказал: (permalink)
    17 февраля 2010 в 19:28

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

  28. Михаил сказал: (permalink)
    11 марта 2010 в 16:18

    Спасибо надо будет попробовать , чисто для разнообразия

  29. indigirka сказал: (permalink)
    12 марта 2010 в 18:32

    Мне блог сделали братья, поставили облако тегов в виде вращающегося шарика, смотрится прикольно. Хотя мое мнение это облако никакой пользы не несет, мало кто им пользуется

  30. Хэннер сказал: (permalink)
    08 апреля 2010 в 3:44

    Случайно наткнулся на этот пост, пролистывая старые записи с вебайс.ру. Мало того, что пост в кои-то веке оказался полезным, так еще и сам блог заинтересовал. Удивлен, что за такой долгий период у вас скопилось так мало читателей, присоединюсь.
    Также хотел бы обменяться с вами постовыми, написал на почту.

  31. Дмитрий сказал: (permalink)
    03 мая 2010 в 8:21

    Мда…Совсем забыл про плагин! Я облако через CSS оформлял!

  32. Job сказал: (permalink)
    15 января 2011 в 20:23

    А где вообще эта функция php st_tag_cloud прописывается? В настройках? Или в каком-то конкретном файле?

  33. fenris сказал: (permalink)
    16 января 2011 в 21:41

    после активации плагина она прописывается, с нужными параметрами, в том месте где необходимо вывести облако тэгов

  34. Kirill сказал: (permalink)
    29 декабря 2011 в 2:28

    Прикольно, спасиб))) Пойду попробую прикрутить у себя на блоге.
    А зачем в коде нужен «nofollow», если метки можно позакрывать от ПС в роботсе?


Оставить комментарий

Comments are filtered through Akismet for spam detection. I delete nasty comments - your opinions are welcome but please keep them polite and constructive.

XHTML: Можно использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Отображается рядом с Вашими комментариями

Неотображается на сайте.

Если у Вас есть сайт, укажите его адрес.