Здравствуйте, друзья! В сегодняшней статье я подробно разберу четыре лучших плагина для создания облака тегов WordPress. Надо признать, навигация и структурирование блога на WordPress сильно хромают, порой трудно только с помощью меню найти нужную информацию. На помощь приходят именно метки, которые способны сгруппировать статьи по какому-либо признаку и дать дополнительный способ навигации на блоге.

Облако тегов wordpress

Фактически, облако тегов — это список всех имеющихся в WordPress меток. Его стараются выполнить красиво, броско, чтобы читатели пользовались им для быстрого нахождения статьи определенной тематики. Часто самые популярные метки выделяют цветом или увеличенным шрифтом, чтобы они сразу бросались в глаза. С точки зрения оформления, я бы выделил два вида облака меток:

  • Красивые объемные 3D облака, выполненные в виде прозрачной сферы. Метки расположены как бы на ее поверхности. При наведении на них курсора мыши, сфера начинает вращаться, что выглядит очень эффектно. Думаю, вы часто видите их на различных блогах. Для их реализации используется flash или технология Canvas из HTML5.
  • Простые, но в то же время симпатичные плоские 2D облака тегов. Прекрасно подойдут тем, кто не любит навороты.

Замечу, что все рассмотренные в данном посте плагины устанавливаются стандартно: закачиваете архив с wordpress.org, распаковываете в текущий каталог и полученную папку с файлами загружаете на сервер в директорию /wp-content/plugins, используя ftp клиент. Остается только активировать его в разделе «Плагины» в админке WordPress.


WordPress плагины для создания объемного 3D облака тегов

Я просмотрел достаточно много плагинов по этой теме, наиболее удачные из них — WP-Cumulus и Tag Cloud Canvas. По получаемому эффекту они схожи — оба создают объемное сферическое облако тегов, только первый из них использует flash, а второй новую технологию Canvas из HTML5.

WP-Cumulus — flash облако тегов

Скачайте русскую версию WP-Cumulus и установите, как я описал выше.

Облако тегов на страницы блога можно вывести тремя способами:

  • Воспользоваться шорт кодом [WP-CUMULUS] для вывода в область контента страниц и постов WordPress.
  • Вставить следующую строчку php кода в шаблоны используемой темы WP:
    <?php if(function_exists('wp_cumulus_insert')) { wp_cumulus_insert(); } ?>
  • И самый популярный способ — вывести облако меток в сайдбаре блога с помощью нового одноименного виджета.

В настройках виджета можно задать его заголовок, размеры, цвет фона и текста, скорость вращения. Кроме этого, имеется возможность выводить не только теги, но и рубрики. Данный вариант подойдет людям, которые как и я не используют метки в WordPress.

Вот так это выглядит:

flash облако тегов

Конечно, в динамике облако смотрится куда эффектнее.

Tag Cloud Canvas — HTML5 облако тегов

По своему функционалу данный плагин идентичен рассмотренному выше WP-Cumulus, только используется не flash, а HTML5. Скачать Tag Cloud Canvas можно с wordpress.org. Вывод облака тегов в области контента не предусмотрен, доступен только новый одноименный виджет.

Пусть настройки его на английском языке, но их совсем немного и разобраться несложно.

настройки виджета Tag Cloud Canvas

  • Title -заголовок.
  • Taxonomies — что выводим: теги, категории или и то, и другое.
  • Shape — облик облака (какая игра слов!). Можно выбрать сферу, горизонтальный цилиндр или вертикальный.
  • Width и Height — ширина и высота в пикселях.
  • Text Color — цвет текста.
  • Background Color — цвет заднего фона.
  • Background Transparent? — сделать задний фон прозрачным.

Внешне мало чем отличается от WP-Cumulus:

HTML5 облако тегов

Создание 2D облака

Теперь, что касается плоских 2D облаков тегов WordPress. Здесь опять же хочется выделить два весьма симпатичных плагина Opacity Tags и Better Tag Cloud. Рассмотрим каждый из них подробнее.

Opacity Tags

Скачайте Opacity Tags и установите в WordPress. Появится новый виджет — Opacity Tags Tag Cloud. Рассмотрим его настройки:

Opacity Tags настройка виджета

  • Font Size in Pixels — размер текста в пикселях.
  • Number of Tags to Display — количество выводимых тегов.
  • Tag Font Color — цвет текста. Если выбрать цвет не получается, то сохраните виджет и попробуйте снова.

Настроек не густо, ну да ладно. Вот так виджет будет выглядеть на блоге.

Opacity Tags

Better Tag Cloud

Скачать плагин со столь нескромным название можно опять же с wordpress.org. Все настройки плагина располагаются в разделе «Плагины» — «Better Tag Cloud». Быстро пробежимся по основным из них:

Better Tag Cloud настройки

  • Title — заголовок.
  • Taxonomy — что выводим. По умолчанию значится post_tag, то есть метки.
  • Smallest font size — минимальный размер текста; Largest font size — максимальный размер; Unit — единицы измерения.
  • Numbers of tags to show — количество выводимых меток. 0 — отображать все имеющиеся метки.
  • Format — формат вывода.
  • Orderby — сортировать по названию, числу постов с данным тегом или сразу по обоим параметра.
  • Add post count to tags? — отображать число постов, в которых задействован каждый из тегов.
  • Put the post count outside of the hyperlink? — Вынести счетчик постов за пределы гиперссылки?
  • Show only tags that have been used at least so many times — Показать только теги, которые были использованы по меньшей мере столько раз.
  • Add categories to tag cloud? — добавить категории?
  • Force tags with multiple words on one line? — обязательно выводить метки из нескольких слов одной строкой?
  • Add the nofollow attribute? — добавить к ссылкам атрибут nofollow?

Когда с настройками покончено, можно приступать к выводу на страницы сайта. Доступны три способа:

  1. Для вывода в тексте статьи или страницы WP задействуйте шорт код [nktagcloud].
  2. С помощью php кода, который следует вставить в шаблоны используемой темы WP.
    <?php
        if ( function_exists( 'nktagcloud_shortcode' ) ) {
            echo nktagcloud_shortcode( null );
        }
    ?>
    Надо сказать, что представленные шорт код и php код имеют дополнительные параметры, с которыми можно ознакомиться здесь.
  3. Доступен виджет Better Tag Cloud. Собственных настроек не имеет.

Остается только показать, какой красоты можно добиться с помощью этого плагина.

Better Tag Cloud

На этом на сегодня все. Спасибо за внимание! Берегите себя!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.