Как установить облако тегов на вордпресс. Настраиваем облако тегов в WordPress с помощью wp_tag_cloud(). Как лучше отобразить облако тегов

В этом посте мы разберем плагин WP-Cumulus который выводит метки (теги) в виде подвижной объемной сферы (flash ).Облако тегов удобно тем, что посетителю не нужно будет искать интересные ему статьи по всем рубрикам, а просто воспользоваться тегами.

Установка плагина и настройка

1. Ваша версия WordPress должна быть 2.3 или выше. Облако тегов для W ordpress не будет работать с более старыми версиями.

2. Качаем русскую версию Кидаем папку wp-cumulus в ваш каталог плагинов (wp-content/plugins/ ).

3.Активируем плагин в админке.

Все настройки плагина находятся в (Парамет рах\WP Cumulus) . Если вдруг у вас в настройках плагина не стоит галочка, (Расположить теги равномерно на сфере ) то нужно обязательно поставить. А то иначе теги в облаке будут друг на друга наезжать и будет не красиво.

Чтобы вывести wordpress облако тегов, у вас есть три варианта.

1. Если вам нужно вставить wordpress облако в статью или в страницу, добавьте в нее тег

Этот тег будет заменен на flash облако тегов при просмотре страницы.

2. Для вставки wordpress облака тегов через шаблон используем код:

3. Если вы хотите вывести облако тегов в сайдбаре.То вам нужно зайти в (Дизайн\Виджеты ) и добавить виджет.

Виджет имеет отдельный набор настроек, так что можем изменить цвет фона, размеров и т.п.

Настройте этот виджет так, как вам нужно и нажмите на "Сохранить ".

Все переведено на русский, думаю разберетесь.

Выводит или получает облако меток (список меток в виде облака). Можно указать произвольную таксономию.

Чтобы вывести элементы произвольной таксономии в виде облака, укажите название таксономии в параметре taxonomy .

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

С версии 2.8 был добавлен параметр taxonomy , позволяющий создавать облако не только для стандартных меток, но и для категорий и произвольных таксономий.

Возвращает

null. Выводит на экран html код списка.

  • Возвращает HTML, если параметр echo = false .
  • Вернет массив облака меток, если параметр format = array .
  • false, если не удалось получить метки.

Шаблон использования

wp_tag_cloud(array("smallest" => 8, "largest" => 22, "unit" => "pt", "number" => 45, "format" => "flat", "separator" => "\n", "orderby" => "name", "order" => "ASC", "exclude" => null, "include" => null, "link" => "view", "taxonomy" => "post_tag", "echo" => true, "topic_count_text_callback" => "default_topic_count_text",));

Использование

$args(строка/массив) Аргументы, на основе которых будет построен список.
По умолчанию: базовые значения

Аргументы параметра $args

В $args можно также указать все параметры функции get_terms() . Получение элементов таксономии работает на базе этой функции.

Smallest(число) Размер текста для меток с меньшим
По умолчанию: 8 largest(число) Размер текста для меток с большим количеством записей (единицы измерения указываются в параметре unit).
По умолчанию: unit(строка) Единицы измерения параметров smallest и largest . Может быть любым CSS типом размера: pt , px , em , % .
По умолчанию: "pt" number(число) Максимально количество меток, которое будет показано в списке. Если установить на 0 , то будут показаны все метки без ограничения.
По умолчанию: 45 format(строка)

В каком формате выводить список. Может быть:

  • flat - метки будут разделены разделителем, указанным в параметре separator ;
  • list - UL список с CSS классом "wp-tag-cloud";
  • array - вернет облако меток в массиве для дальнейшей обработки в PHP.
    По умолчанию: "flat"
separator(строка) Текст между метками.
По умолчанию: "\n" orderby(строка) Сортировать метки по имени (name) или количеству записей (count). Не влияет на запрос к базе данных.
По умолчанию: "name" order(строка)

Порядок сортировки. Может быть:

  • ASC - по порядку (1,2,3);
  • DESC - в обратном порядке (3,2,1);
  • RAND - хаотичный порядок (перемешать).

order и orderby не влияют на запрос к базе данных. Метки сначала получаются из базы данных, затем сортируются. Эти параметры для получения из базы данных равны: orderby=count и order=DESC и их нельзя изменить.
По умолчанию: "ASC"

Exclude(строка) Исключить указанные метки. Указывать нужно ID через запятую.
По умолчанию: null include(строка) Показать только указанные метки. Указывать нужно ID через запятую.
По умолчанию: null topic_count_text_callback(строка/массив) Функция, которая получает количество записей и возвращает текст для метки. Можно установить свою функцию, если нужно отображать какой-либо другой текст с количеством записей для каждой метки.
По умолчанию: default_topic_count_text link(строка)

  • view - по нажатию на метку, попадем на страницу метки;
  • edit - по нажатию на метку, попадем на страницу редактирования метки.
    По умолчанию: view
taxonomy(строка/массив)

Название таксономии или массив нескольких названий, из которых будет построено облако. Может быть:

  • post_tag ;
  • category ;
  • link_category ;
  • Своя таксономия;
  • Массив названий таксономий - параметр введен в версии 3.1.
    По умолчанию: post_tag
show_count(логический) Показывать ли число записей в метке. По умолчанию 0. Может быть: 0, 1 или true/false. С WP 4.8. echo(логический) 1 - Выводить на экран, 0 - возвращать результат для дальнейшей обработки.
По умолчанию: 1 (true)

Примеры

#1 Базовое использование

Выведем облако меток с заголовком "Популярные метки":

Популярные метки"; wp_tag_cloud("smallest=8&largest=22"); } ?>

#1.2. Еще одни пример демонстрирующий передачу разных параметров

Изменим размеры меток (smallest=15&largest=40), ограничим количество выводимых меток (number=50) и отсортируем их по количеству записей, а не по имени (orderby=count):

#2 Получим список, не будем выводить его на экран

Запишем список в параметр $tag, чтобы потом использовать его в php для своих целей:

#3 Облако категорий

"category")); ?>

#3.1. Облако меток и категорий одновременно

array("post_tag","category"),)); ?>

#4 Изменение текста атрибута title у тега

"my_tag_text_callback")); function my_tag_text_callback($count) { return sprintf(_n("%s картинка", "%s картинок", $count), number_format_i18n($count)); } ?>

#5 Архив меток

Как один из вариантов использования меток, предлагаю создать архивные страницы меток. При клике на определенную метку, мы попадаем на страницу с постами связанными с этой меткой. Как выглядет такая страница, определяется файлом шаблона tag.php , если такого файла нет (обычно его ент), то формирование вывода отдается файлу archives.php .

Давайте сделаем страницу метки, на которой в самом начале будет показано облако меток, а после него записи относящиеся к выбранной метке. Для этого создадим (если нет) или изменим (если существует) файл tag.php. Создавать файл нужно в каталоге темы.

Содержимое файла tags.php:

Tag Archive

" rel="bookmark" title="Permanent Link to ">

В данном примере не учитываются CSS стили, поэтому возможна несовместимость с шаблоном.

#6 Изменение параметров по умолчанию для виджета облака меток через фильтр

Допустим, нам нужно уменьшить максимальный шрифты для виджета с облаком меток. Нужно поставить значение 16, а не 22 для параметра "largest". Для этого используем хук widget_tag_cloud_args

Add_filter("widget_tag_cloud_args", function($args){ $args["largest"] = 16; return $args; });

На этот пример меня подтолкнул этот комменатрий

Заметки

  • В версии 3.1 добавлен возможность передавать массивы в параметр taxonomy ;
  • В версии 2.9 добавлен параметр separator ;
  • В версии 2.8 добавлены параметры taxonomy и echo ;
  • В версии 2.7 добавлен параметр link ;

Код wp tag cloud : wp-includes/category-template.php WP 5.2.2

8, "largest" => 22, "unit" => "pt", "number" => 45, "format" => "flat", "separator" => "\n", "orderby" => "name", "order" => "ASC", "exclude" => "", "include" => "", "link" => "view", "taxonomy" => "post_tag", "post_type" => "", "echo" => true, "show_count" => 0,); $args = wp_parse_args($args, $defaults); $tags = get_terms($args["taxonomy"], array_merge($args, array("orderby" => "count", "order" => "DESC",))); // Always query top tags if (empty($tags) || is_wp_error($tags)) { return; } foreach ($tags as $key => $tag) { if ("edit" == $args["link"]) { $link = get_edit_term_link($tag->term_id, $tag->taxonomy, $args["post_type"]); } else { $link = get_term_link(intval($tag->term_id), $tag->taxonomy); } if (is_wp_error($link)) { return; } $tags[ $key ]->link = $link; $tags[ $key ]->id = $tag->term_id; } $return = wp_generate_tag_cloud($tags, $args); // Here"s where those top tags get sorted according to $args /** * Filters the tag cloud output. * * @since 2.3.0 * * @param string $return HTML output of the tag cloud. * @param array $args An array of tag cloud arguments. */ $return = apply_filters("wp_tag_cloud", $return, $args); if ("array" == $args["format"] || empty($args["echo"])) { return $return; } echo $return; }

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

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

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

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

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

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

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

  • WP-Cumulus
  • WP-Cirrus

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

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

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

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

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

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

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

Здравствуйте, друзья! В сегодняшней статье я подробно разберу четыре лучших плагина для создания облака тегов 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?

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

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

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

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

Облако тегов на отдельной странице

Для реализации нам понадобится , убрать лишние функции и добавить свои в нужном месте. Детали, касающиеся шаблона, я пропущу в описание, затрону только основные моменты (со всем остальным можете ознакомиться по ссылке выше).

Продублируйте стандартный файл page.php , сохраните его под именем tags.php и в самом начале файла добавьте комментарий:

/* Template Name: tag cloud */

Внутри данного файла уберите ненужные функции: цикл, навигация, форму комментариев и все остальное, что не понадобится. По идеи должно остаться header, sidebar, footer и блоки, сохраняющие корректность вида контента.

заменим ее на эту:

Осталось прописать в файле functions.php следующий код:

|i", "colorCloudCallback", $text); return $text; } function colorCloudCallback($matches) { $text = $matches; #Цвет фона тегов $colors = array("F99","C9C","F96","6CC","6C9","37A7FF","B0D686","E6CC6E"); $color=$colors; $pattern = "/style=(\"|\")(.*)(\"|\")/i"; #Стили тегов $text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; text-shadow: 1px 1px 1px #989898; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 2px; text-decoration: none!important; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\"", $text); $pattern = "/style=(\"|\")(.*)(\"|\")/i"; return "

Он добавит рандомный (случайный) цвет фона меток.

Результат.

Цветное облако тегов в сайдбаре

Чтобы в сайдбаре вывести обычное облако тегов, достаточно использовать стандартный виджет. Он присутствует изначально на любом сайте WordPress, и находится в разделе «Внешний Вид-Виджеты ». Но, по неизвестным причинам, если это кому-то не подходит можно также использовать функцию wp_tag_cloud . Только вначале , затем в него поместить такой код:

И в последнем действие добавим в файл functions.php следующий код:

Function colorCloud($text) { $text = preg_replace_callback("||i", "colorCloudCallback", $text); return $text; } function colorCloudCallback($matches) { $text = $matches; $color = dechex(rand(0,16777215)); $pattern = "/style=(\"|\")(.*)(\"|\")/i"; $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text); return ""; } add_filter("wp_tag_cloud", "colorCloud", 1);

Предупреждение. Не используйте одновременно две эти функции (цвет фона, цвет ссылки) иначе может быть конфликт. Выбирайте что-то одно, и оно будет работать со всеми метками.

Результат.

Вывод меток в конце поста

В заключении, как говорилось выше, выведем теги в конце статьи. Нам нужно добавить в файл single.php , после функции , такой код:

"); ?>

И чуток стилей оформления.

Tagpost a{ background:#D02B7B; border-radius:2px; padding:4px; text-decoration:none !important; color:#fff!important; font-size:11px; }

Результат.

Вот и все.

Похожие статьи