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

Как вывести облако меток(тегов) WordPress

Приклад
  • 2024-04-20
  • 4648 переглядів

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

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

Вы не раз могли видеть на других сайтах - "Облако меток". Метки(теги) - ключевые слова, для более точного определения сути записи, которые присваивают записям. Полезная штука и очень помогает при индексации сайта поисковиками. Так же, многие любят пользоваться метками для того, чтобы осуществлять поиск по определенным параметрам. Хочу показать Вам два способа, с помощью которых, можно вывести облако меток.

облако меток

Способ №1

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

Меню виджеты

Вы увидите места для виджетов

Место под виджеты

и доступные виджеты. Выберите виджет - Облако меток

виджет облако меток

Перетяните его в нужное поле для виджетов.

Всавка облака в место под виджеты

Теперь у Вас появится стандартное облако меток.

Способ №2

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

Функция которая все делает - wp_tag_cloud. Чтобы ее подключить, в нужном месте Вашего сайта просто вставьте Вот такой Вот код:

<?php wp_tag_cloud(); ?>

Облако Выведется со стандартными параметрами и будет иметь следующий вид:

облако меток по умолчанию

Если мы добавим несколько параметров, то функция приобретет вот такой вид:

<?php wp_tag_cloud('smallest=10&largest=22&number=25&orderby=count&order=rand'); ?>

А облако будет немножко другим:

Облако меток с параметрами

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

  • smallest - размер меток, у которых меньше записей, меньший размер.
  • largest - размер меток, у которых больше записей, больший размер.
  • unit - единицы в которых будут измерятся параметры выше. Можно использовать значения pt, px, em, %.
  • number - максимальное количество меток в облаке. Если у Вас очень много меток и Вы не хотите чтобы они все появились, можете ограничить их количество.
  • format - формат вывода меток. Тут несколько параметров.
    • flat - все метки будут разделены между собой тем разделителем, указанным в параметре separator.
    • list - вывод в виде UL-списка, которому будет присвоен CSS класс - wp-tag-cloud.
    • array - возвращает облако меток в массиве для дальнейшей обработки в PHP.
  • separator - разделитель между метками, изначально пробел.
  • orderby - сортирует метки по:
    • name - имени.
    • count - количеству записей.
  • order - порядок сортировки:
    • ASC - по порядке 1-2-3.
    • DESC - в обратном порядке 3-2-1.
    • RAND - в случайном порядке.
  • exclude - метки, которые следует исключить, для этого нужно ввести ID через запятую.
  • include - показывать только метки с определенным ID, через запятую
  • child_of - ID рубрики с которой следует выводить метки, можно через запятую указать несколько.

Значения, которые функция использует по умолчанию.

$args = array(
	'smallest'			=> 8, 
	'largest'			=> 22,
	'unit'				=> 'pt', 
	'number'			=> 45,  
	'format'			=> 'flat',
	'separator'			=> '\n',
	'orderby'			=> 'name', 
	'order'				=> 'ASC',
	'exclude'			=> null, 
	'include'			=> null, 
	'child_of'			=> null
);

Указав нужные Вам параметры сможете точно настроить вывод облака. Думаю немного поэкспериментировав, вы добьетесь нужного. Так же, Вы можете заключить вывод функции, заключив ее в какой-то блок и присвоив стили.

У Вас на сайте есть облако меток или оно Вам не нужно?

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

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

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

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