X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Настройка вывода облака меток в WordPress

Приклад
  • 2024-03-19
  • 6665 переглядів

  • Дизайн та розробка сайту

Доброго времени суток 🙂

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

Параметры облако меток

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

Вот такой вид за частую имеет облако меток:

Стандартное облако меток

Если немного изменить параметры, можно сделать вот так, как один из возможных вариантов:

Облако меток

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

Если в конце functions.php есть закрывающий тег PHP - ?>, то функцию добавлять нужно перед ним, если же его нет, то просто в конец.

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

add_filter('widget_tag_cloud_args', 'my_tag_cloud');
function my_tag_cloud($args)  {
$args = array(
'smallest' => 10, 
'largest' => 32, 
'unit' => 'px',
'number' => 25,
'format' => 'flat', 
'separator' => '<br>', 
'orderby' => 'name', 
'order' => 'DESC',
'exclude' => '', 
'include' => '', 
'link' => 'view',
'taxonomy' => 'post_tag',
'echo' => 0
); 
return $args;
}

Параметры вывода, начинаются с четвертой строки. Сейчас я опишу за что отвечает каждый из них.

  1. smallest – Параметр что задает минимальный размер шрифта для наименее популярных меток.
  2. largest – Обратный параметр, что задает максимальный размер шрифта самых популярных меток.
  3. unit – Выбор в каких единицах будет измерятся размер шрифта. Можно указать - пункты pt, пиксели px, проценты %.
  4. number – Указывает количество меток что будет выводится. По-умолчанию выводится 45 меток.
  5. format – Задает нужный формат вывода меток. Можно указать следующие параметры:
    • flat - метки разделяются пробелом(этот параметр установлен по умолчанию).
    • list – вывод в виде списка UL.
    • array – вывод в виде массива для PHP.
  6. separator – Указывает какой разделитель будет между метками. По-умолчанию задан пробел. Можете указать запятую, тире, точку с запятой и так далее. Vj;yj ddtcnb ntrcn bkb HTML теги. Например если сделать так: 'separator' => "<br>", то бишь поставить тег переноса на новую строку br, то метки выстроятся в колонку по одной.
  7. orderby – Задаем вид сортировки:
    • name - сортировка по алфавиту. Задана по-умолчанию.
    • count – сортировка по количеству. Чем больше раз метка присвоена записям, тем ранее выведется в списке.
  8. order – Порядок сортировки:
    • ASC - сортировка по возрастанию. Задана по-умолчанию.
    • DESC – сортировка по убывание.
    • RAND – случайная сортировка.
  9. exclude – Указываются те метки, что нужно исключить из списка вывода.
  10. include – Только эти метки выведутся. Указывать нужно ID и через запятую.
  11. link — Данный параметр указывает путь, куда будет вести ссылка метки.
    • view - ссылка будет вести на страницу метки. Задано по-умолчанию.
    • count – ссылка ведет на страницу редактирования метки. Доступно только администраторам. Обычные посетители не смогут никуда перейти после нажатия на метку.
  12. echo – Выводить на экран метки просто как ссылки или заключить их в блок с классом tagcloud, атак же выводить название виджета.
    • 0 - метки выводятся как блок виджет(по-умолчанию). Применяются стандартные стили для виджета "Облако меток".
    • 1 – выводятся просто как ссылки без заключения в блок.
  13. taxonomy — Параметр, что отвечает за то в каком виде будет построено облако.
    • post_tag - выведутся просто метки и все. Параметр задан по-умолчанию.
    • category – Вместо меток, выводится список категорий, где данная метка применялась.

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

add_filter('widget_tag_cloud_args', 'my_tag_cloud');
function my_tag_cloud($args)  {
$args = array(
'smallest' => 10, 
'largest' => 32, 
'unit' => 'px',
'number' => 25,
'separator' => ' ', 
); 
return $args;
}

Если Вы оставили стандартный параметр echo и облако меток имеет стандартный класс tagcloud, то Вы можете задать ему свои собственные стили. Например, можно применить вот такие и облако станет на вид, как на скриншоте в начале статьи.

.tagcloud{text-align:center;}
.tagcloud a{
color:#E24939;
background:#fc0;
padding:2px;}

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 7, в среднем: 5 из 5
Читайте також