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

Настройка оформления облака тегов

В коде ищем примерно такие строки wp_tag_cloud. Как найти текст в большом документе - Тектовый редактор Notepad++. Поиск по документу
Вот такой код у меня:

function wp_tag_cloud( $args = '' ) {
	$defaults = array(
		'smallest' => 8, 'largest' => 22, 'unit' => 'px', 'number' => 45,
		'format' => 'flat', 'separator' => "\n", 'orderby' => 'name', 'order' => 'ASC',
		'exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true
	);

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

  • smallest — минимальный размер шрифта при выводе меток (тегов). Значение 8 pt
  • largest — максимальный размер шрифта при выводе меток (тегов). Значение 22 pt
  • unit — единица измерения для определения размера шрифта (pt, px, em, %)
  • number — количество выводимых меток (тегов). Для вывода всех меток, необходимо поставить 0
  • format — форматирование вывода облака тегов:
    • flat — разделение пробелом, это значение установлено по умолчанию;
    • list — построчный вывод, метки (tags) помещаются в список UL;
    • array — теги возвращаются в виде массива для использования в PHP.
  • orderby — сортировка тегов, сортировать метки по имени (name) или количеству записей (count)
  • order — вывод:
    • ASC — по порядку (1, 2, 3)
    • DESC — в обратном порядке (3, 2, 1)
    • RAND — вывод случайным образом
  • exclude — список исключаемых тегов, разделенные запятой
  • include — список включаемых тегов, разделенные запятой
  • topic_count_text_callback — отображает кол-во записей и текст для метки
  • link — указывает куда будет вести ссылка метки
    • view — по нажатию на метку, попадем на страницу метки;
    • edit — по нажатию на метку, попадем на страницу редактирования метки.
  • taxonomy — таксономия или массив названий, из которых будет построено облако
    • post_tag - теги записей
    • category - категории
    • link_category - ссылки категорий
    • Своя таксономия
  • echo вывод на экран
    • 1 — выводить на экран
    • 0 — возвращать результат для дальнейшей обработки

Облако тегов WordPress в виде cписка

Для построения облака тегов в виде списка делаем минимальный (smallest) и максимальный (largest) размер шрифта одинаковый, примерно 14px. Для удобства значения unit поставьте в px. Значение number поставим 0, чтобы все метки отображались. Форматирование облака тегов (format) изменим flat на list, чтобы метки выводились в виде списка. Остальные значения можно оставить по умолчанию.
Для придания стиля вашему облаку тегов в соответствии с дизайном сайта можно создать правило CSS для класса .tagcloud, так как в div контейнере с таким классом выводится содержимое облака меток.