Стилизуем метки

За вывод и получение меток (тегов) в wordpress отвечает функция wp_tag_cloud(), которая принимает на вход массив со следующими параметрами:

smallest – указывается минимальный размер шрифта меток с меньшим количеством записей.
largest – указывается максимальный размер шрифта меток с наибольшим количеством записей.
unit – единицы измерения параметров smallest и largest. Может быть указан любой CSS тип размера: pt, px, em и т.д.
number – максимальное количество меток, которое будет выведено. Если установить 0, то будут указаны 45 меток по умолчанию.
format – формат вывода списка; может иметь значения flat, list или array.
separator – текст между метками, если параметр format указан в flat.
orderby – способ сортировки; может иметь значения name (по умолчанию) или count.
order – порядок сортировки, который может иметь значения ASC, DESC или RAND (хаотичный порядок).
exclude – исключить метку; указывается ID через запятую.
include – показывать только указанные метки; указывается ID через запятую.
link – куда будет вести ссылка метки; view (попадаем на страницу метки) или edit (попадаем на страницу редактирования метки).
taxonomy – название таксономии или массив нескольких названий; может иметь значения: post_tag, category, link_category, массив (с версии 3.1) или своя таксономия.
echo – 0 или 1, где 0 — возвращает результат для обработки, 1 — выводит на экран.
show_count — показывать количество записей в метке; может иметь значение 0, 1 или true, false.
topic_count_text_callback – функция, которая получает количество записей и возвращает текст для метки (по умолчанию default_topic_count_text). Можно установить свою.

Самый оптимальный вариант для того чтобы изменить максимальный и минимальный размеры шрифта указанные по умолчанию — это добавить в файл functions.php темы следующий фильтр:

<?php
add_filter('widget_tag_cloud_args', function( $args ) {
  $args['unit'] = "px";
  $args['smallest'] = 12;
  $args['largest'] = 16;
  return $args;
});
?>

После этого минимальный и максимальный размер шрифта ссылок у меток изменится на 12px и 16px соответственно.

Внешний вид меток можно стилизовать в стилях темы, указав для класса tag-cloud-link нужные вам стили. Кроме того, если возникла необходимость заменить у ссылок меток название классов на свои или добавить дополнительный класс — это можно сделать, указав в файле functions.php темы следующий фильтр:

<?php
add_filter("wp_generate_tag_cloud_data", function( $tags_data ) {
  foreach ($tags_data as $key => $tag) {
    $tags_data[$key]['class'] = "tag-cloud-link tag-link-".$tag["id"]." my-new-class";
  }
  return $tags_data;
});
?>

Здесь переменная $tags_data содержит массив ссылок для меток. В нашем случае мы добавили ко всем ссылкам свой дополнительный класс my-new-class, который можем благополучно использовать для стилизации меток.

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

не проверялось

Поделиться с друзьями