Wordpress вывод постов в виде облака. Виджет «Облако меток» на WordPress


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

Чтобы вывести элементы произвольной таксономии в виде облака, укажите название таксономии в параметре 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 существует встроенный виджет облака меток, поэтому для установки стандартных тегов не нужно изобретать велосипед. Следует лишь настроить этот виджет, выбрав расположение самого облака на странице — в правой (левой) колонке или же в подвале. Обычно метки лучше размещать справа в сайдбаре 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, и работают на ней отлично, чего не скажешь о разнообразных внешних сервисах.

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

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

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

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

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

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

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

  • WP-Cumulus
  • WP-Cirrus

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

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

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

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

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

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

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

Метки –это ещё один функциональный элемент на движке 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 нужно установить и активировать плагин WP Cumulus. При этом обратите ВНИМАНИЕ, что этот плагин нужно обязательно скачать самостоятельно с Интернет! Обязательно русскоязычную версию!! А то, если воспользоваться поиском при на вкладке Добавить плагин, поиск найдет англоязычный вариант этого плагина, который не сможет корректно работать с Вашими русскими тегами.

  1. ПУА - Плагин - Добавить плагин - Загрузить файл.
  2. Активировать.
  3. Настроить плагин.

Что значит настроить плагин? А давайте не будем настраивать и просто посмотрим как выглядит наше облако на странице!

Чтобы добавить облако на страницу, выберите Виджет Облако меток и перетащите его в сайдбар. Готово? Тогда переходите к просмотру главной страницы сайта.

И как? Все нравится?

  • Цвет текста, цвет фона устраивает?
  • Проверьте работу тегов: нажмите на любой тег и посмотрите результат. Кстати, успели нажать на тег? Скорость вращения устраивает?
  • Кстати, обратите внимание, вписалось ли Ваше облако в размеры сайд-бара! У меня при первоначальной установке размеры облака не соответствовали моему сайд-бару.
  • Как расположены ваши теги? Не кажется Вам, что они сбились в кучку? Если, да, то обязательно нужно поставить галочку в настройках плагина, чтобы равномерно расположить теги на облаке.

Поэтому, все-таки, давайте вернемся на страницу настройки облака и подправим все, что нас не устраивает.

Для настройки плагина смело нажимайте ЛКМ на названии плагина WP Cumulus на вкладке Настройка. Вносите необходимые Вам изменения, переходите на сайт и любуйтесь изменениями. Только ВНИМАНИЕ, сделав изменения, обязательно проверьте как это выглядит в реалии, и если что возвращайте параметры на место.

Кстати, эти же настройки плагина можно выполнить, если нажмете Облако меток на вкладке Виджеты.

НЕ ЗАБУДЬТЕ! Обращаю Ваше внимание, что нужно обязательно поставить галочку

Располагает теги на равных друг от друга расстояниях вместо случайного расположения

иначе Ваши теги могут сбиваться в кучку и удовольствия и красоты от облака Вы не получите!

Кстати, чуть не забыла предупредить: плагин нужно устанавливать только, если есть хотя бы одна метка!!! Если меток нет, обязательно открывайте статьи и добавляйте метки!!!

Подведем итоги:

  • узнали зачем нужен плагин WP Cumulus
  • скачали плагин WP Cumulus
  • узнали, как установить, активировать, настроить плагин WP Cumulus
  • узнали, как установить облако меток WordPress на блог

Я тестировала работу этого облака три месяца и решила, что пока уберу это облако со своего сайта. Протестирую работу блога без облака меток.


2024 © gtavrl.ru.