Wordpress плагин облако меток. Лучшие плагины WordPress для облака тегов. Облако тегов в сайдбаре

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

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

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

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

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

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

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

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

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

  • Воспользоваться шорт кодом для вывода в область контента страниц и постов WordPress.
  • Вставить следующую строчку php кода в шаблоны используемой темы WP:
  • И самый популярный способ — вывести облако меток в сайдбаре блога с помощью нового одноименного .

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

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

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

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

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

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

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

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

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

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

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

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

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

Скачать плагин со столь нескромным название можно опять же с wordpress.org. Все настройки плагина располагаются в разделе «Плагины» — «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?

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

Быстрая навигация по этой странице:

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

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

Однако иногда виджет не подходит. Это может случиться по двум главным причинам:

  • стандартное облако не вписывается в стиль (дизайн) сайта;
  • у вас слишком много тегов на каждый пост, а хочется выводить только ограниченное количество.

Плагин WP-Cumulus — облако тегов 3D

Самый часто используемый плагин для создания дизайнерского облака называется WP-Cumulus. Он работает по технологии flash. А еще он прост в установке — его необходимо загрузить в плагины вашего сайта, а затем отметить галочками нужные настройки. Виджет работает автоматически и вам не следует внедрять в код сайта скрипт облако тегов.

Для того, чтобы вставить на сайт облако от WP-Cumulus, надо выбрать виджет и перетащить его в сайдбар (в подвал такое облако тегов обычно не вписывается).

Хотите придать интересный вид вашему облаку? Тогда откройте настройки и измените их.

В настройках вы можете:

  • задать необходимые размеры;
  • выбрать цвет, градиент и прочие дизайнерские параметры (все цвета указываются по таблице);
  • скорость вращения облака 3D.

Последнее отмечается для удобства пользователей. Люди должны успеть нажать на нужный тег, пока «земной шар» крутится. Желательно также выбрать опцию расположения тегов равномерно по сфере, а то теги могут сливаться, наезжая друг на друга.

Редактирование встроенного плагина в WordPress

Иногда вебмастеру не нужно изобретать велосипед, он хочет использовать стандартное облако меток. Надо лишь изменить пару параметров (например, удалить один часто встречающийся тег, который мозолит глаза). Настройки можно найти в файле wp-include/category-template.php, в функции — wp_tag_cloud(). Поэтому если вы мечтаете изменить теги для сайта — html (хотя бы азы этого языка) надо знать.

Параметры, которые можно менять, таковы:

  • smallest и largest — самый маленький и самый крупный размер шрифта;
  • unit — размер шрифта;
  • number — число тегов (если вы хотите вывести все, используйте 0);
  • format — формат облака;
  • separator — вид разделителя между тегами;
  • orderby — сортировка облака меток;
  • exclude — список тегов (через ID), необходимых для исключения;
  • include — то же самое, только это метки, необходимые для включения;
  • taxonomy — массив названий, из которых будет построено облако меток. Обычно нам нужны теги записей: post_tag (теги записей).

Это два самых распространенных вариантов сделать облако меток. Последнее время многие начинающие вебмастера, которые любят делать все онлайн, ищут как создать облако тегов онлайн.

Действительно, сейчас существует масса сервисов, которые генерируют метки онлайн (TagCrowd, Word It Out и так далее). Однако плагинами или собственным Вордпресс-виджетом пользоваться намного проще. Ведь они уже заточены под эту CMS, и работают на ней отлично, чего не скажешь о разнообразных внешних сервисах.

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

1-ый способ. Вывод облака меток кодом php
Преимущество: облако меток можно вывести в любом месте.

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

Облако меток:

Код вставляете в любом месте в файле вашей темы (шаблона).

Дополнительные параметры :

○ Параметр «smallest» – определяет размер шрифта тега с наименьшей популярностью.

○ Параметр «largest» – определяет размер шрифта тега с наибольшей популярностью.

Комбинируем два параметра «smallest» и «largest» :

○ Параметр «number» – определяет количество показанных тегов на странице

○ Параметр «orderby» – производит сортировку тегов по имени (name) и по популярности (count)

Или

○ Параметр «order» – выводит облако тегов в алфавитном порядке – ASC(А-Я), DESC(Я-А) и RAND (случайный порядок вывода).

○ Параметр «exclude» – поможет исключить из общего списка ненужные метки. ID меток прописываете через запятую.

○ Параметр «include» – поможет указать, какие метки выводить в общий список. ID меток прописываете через запятую.

2-ой способ

Преимущества: это быстро.
Недостатки: есть ограничения в настройках, да и не всегда можно оформить, как хочется.
Итак, зайдите в админ панель => «Внешний вид» => «Виджеты» . Слева найдите виджет «Облако меток» . Нажмите на него

и выберите доступное место для вставки виджета.

3-ий способ . Вывод облака меток через плагин «wp-cumulus» или «Tag Cloud Canvas»
«WP-Cumulus» или «Tag Cloud Canvas» - плагин для создания 3D облака тегов в WordPress и после установки облако меток имеет вот такой вид:

Скачать плагин «WP-Cumulus» и посмотреть, как он настраивается, можете по этому адресу:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

Скачать плагин «Tag Cloud Canvas»:

https://wordpress.org/plugins/tag-cloud-canvas/

Преимущества: красивый и быстрый вывод облака меток.
Недостатки: не всегда подходит под дизайн блога, а также лишняя нагрузка на блог.

На этом все, друзья! Желаю сделать вам правильный и удачный выбор!

Метки –это ещё один функциональный элемент на движке WordPress, который используется на ряду с рубриками и строкой поиска. Благодаря им можно улучшить поведенческие факторы на своём веб-проекте, позволяя читателю искать похожие публикации по соответствующем словам.

Зачастую, вывод меток уже реализован в теме оформления (в конце каждой записи), но помимо, можно использовать сторонние плагины типа « », которые создают оригинальный формат «облака меток». Либо воспользоваться имеющимся стандартным виджетом из набора WordPress, который легко впишется в любой дизайн шаблона.

Облако меток

Стандартный виджет «Облако меток» находится в админ-панели в разделе «Внешний вид» — «Виджеты», и устанавливается, как и все другие виджеты (путём перетягивания в активный Sidebar или через контекст-меню).
В отличие от сторонних решений, «облако меток» имеет минимальные настройки, предлагая вебмастеру задать имя для заголовка и отметить вывод таксономии (помимо тегов, будут показываться рубрики и пользовательские типы данных).

Сам код виджета, точнее его функция «wp_tag_cloud», находятся в базовых директориях WordPress (wp-includes), поэтому редактирование исходника не рекомендуется. Но мы можем воспользоваться иным способом тонкой настройки виджета.

Настройки «Облака меток»

Для внесения изменений можно создать отдельную функцию с указанием требуемых параметров для стандартного виджета, либо , и через текстовый виджет разместить «облако меток».

Мне больше понравился способ через виджет «Текст», и мой вариант принял код следующего вида:

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

  • smallest –минимальный размер для шрифта менее популярных публикаций;
  • largest –максимальный размер для шрифта самых популярных публикаций;
  • unit –единица измерения для размера шрифта, может принимать значения: pt, px, %;
  • number – число меток для вывода (по умолчанию 45);
  • format – формат вывода ссылок: flat (разделенные пробелом – по умолчанию), list – список UL, array – как массив для PHP;
  • separator – значение разделителя между метками (по умолчанию – пробел);
  • orderby – настройка сортировки: name – по алфавиту (по умолчанию), count – по количеству;
  • order – порядок сортировки: по возрастанию – ASC (по умолчанию), на убывание – DESC, случайным образом – RAND;
  • exclude – метки, которые следует исключить из показа;
  • include – метки, которые следует отображать обязательно.

Вместо послесловия

Таким образом редактируя код PHP в текстовом виджете можно добиться требуемого вида для «облака меток». Теперь зная параметры, видим, что приведённый мной пример будет выводить 30 меток с размером шрифта 9pt — 16pt, и сортировать их по алфавиту (по названиям).

На . Метки — это ключевые слова, которые присваиваются Вашим статьям. Эти слова — дополнительная связь между Вашими статьями, потому что с их помощью статьи разбиваются по отдельным темам. По отдельным темам статьи распределяются и с помощью рубрик, но если одной статье присваивается, как правило, одна рубрика, то меток присваивается несколько.

Метки могут быть видны в сайдбаре блога WordPress . меток в WordPress выглядит, как набор отдельных слов. Какие-то слова имеют больший шрифт, какие-то меньший. Если шрифт какого-то слова больше, это значит, что данная метка присвоена большему количеству статей.

Я рекомендую присваивать статье три-четыре метки . Кроме того, общее количество меток на всем блоге не должно быть большим. Вполне достаточно 20−40 меток на весь блог , каким бы обширным он ни был.

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

Плагин WP-Cumulus или WP-Cirrus

Чтобы поставить подвижное облако меток , нужно поставить соответствующий плагин . Ставите его таким же образом, как и другие плагины, а именно: заходите в административную панель, в Плагины — Добавить новый , пишете в окошке поиска слов Cumulus , и нажимаете кнопку Поиск плагинов .

Появляется выдача плагинов, и на первом месте Вы увидите следующие плагины:

  • WP-Cumulus
  • WP-Cirrus

Выбираете один из них. Можете попробовать оба, посмотреть, какой лучше. Если плагин Вам не подойдет, его всегда можно удалить. Выбираете плагин, затем нажимаете Установить , затем Активировать .

Теперь мы должны плагин поставить в наш сайдбар. Заходите в Виджеты . Слева у Вас появится виджет WP-Cumulus , или WP-Cirrus , в зависимости от того, что Вы выбрали. Справа находите сайдбар, в который хотите поместить данное облако меток , и перетаскивайте виджет в этот сайдбар. После перетаскивания настраивайте его : пишете заголовок, определяетесь с шириной и высотой, меняете цвет слов, фон делаете прозрачный.

Нажимаете Установить , и смотрите, что у Вас получилось.

Видео о том, как поставить плагин для облака меток в WordPress

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

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

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

Понравилась статья? Поделиться с друзьями: