облако тегов вордпресс код
wp_tag_cloud() — как вывести облако категорий, тегов и других таксономий
Вы используете какие-нибудь плагины для вывода рубрик или меток на вашем блоге?
У меня на сайте вы можете лицезреть облако категорий на странице с 404-й ошибкой, правда оно не такое большое, как на картинке, потому что рубрик мало.
В общем вот сама функция:
Описание параметров функции:
smallest
(целое число) минимальный размер шрифта.
largest
(целое число) максимальный размер шрифта.
number
(целое число) количество отображаемых меток/рубрик/элементов таксономий, если установить значение равным 0, то будут отображены все элементы.
format
(строка) формат вывода облака, может принимать значения:
separator
(строка) строка-разделитель между ссылками.
orderby
(строка) сортировка выводимых тегов/категорий, может принимать два значения:
order
(строка) порядок сортировки:
exclude
(строка) укажите через запятую ID тегов или рубрик, которые нужно исключить.
include
(строка) укажите через запятую ID тегов или рубрик, которые нужно вывести в облаке.
topic_count_text_callback
(строка) название функции, генерирующей всплывающие подсказки для рубрик, например:
Для того, чтобы полностью избавиться от подсказок, создайте какую-нибудь свою функцию, ничего не возвращающую, и укажите её в качестве значения этого параметра, например:
link
(строка) куда должны ссылаться ссылки:
taxonomy
(строка|массив) именно этот параметр и позволяет вам выбирать, что отображать в облаке — метки, категории или элементы какой-либо другой таксономии, или даже все вместе сразу! По умолчанию выводятся только метки.
Пример с отображением рубрик:
Пример с отображением рубрик и меток одновременно:
echo
(логическое) вывести облако тегов/категорий или же записать его в переменную.
child_of
(целое число) укажите ID рубрики или метки, вложенные элементы которой нужно вывести в облаке.
Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.
Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!
Как отобразить облако тегов в WordPress
Многие люди используют виджет облака тегов в WordPress, чтобы отображать свои теги сообщений на боковой панели с виджетами, но вы также можете вручную добавить облако тегов в свою тему, которое идеально подходит для создания настраиваемого шаблона страницы облака тегов или для добавления их в свою тему. в областях, которые не обязательно должны быть виджетами.
Этот ежедневный фрагмент кода покажет вам, как отобразить настраиваемое облако тегов в любом месте вашего сайта с помощью файлов вашей темы и настроить их так, чтобы они выглядели аккуратно и современно.
Как отобразить облако тегов вручную
Создайте стиль своего облака тегов
Вы можете легко стилизовать свои теги с помощью CSS, чтобы они выглядели лучше, чем простой список ссылок. Ниже приведен некоторый код CSS, если вы хотите стилизовать теги, чтобы они выглядели так, как в моей премиальной теме MyWorks Portfolio. Обратите внимание, это также изменит внешний вид ваших виджетов боковой панели, поскольку я непосредственно задаю стиль для класса div «tagcloud», просто добавляю содержащий DIV, чтобы стилизовать их по-другому.
Взгляд:
Как отобразить облако тегов с помощью плагина
Вы также можете добавить свои теги к любому сообщению или странице с помощью плагина Custom Tag Cloud. Просто установите этот плагин, чтобы иметь возможность добавлять настраиваемые облака тегов к своим виджетам, сообщениям и страницам с помощью шорткода. Плагин включает параметры для отображения сообщений, категорий и тегов категорий ссылок. Кроме того, вы можете установить отображаемое число, добавить собственный разделитель тегов и выбрать облачный режим. А если вам нужно больше функций (например, размер, макет и порядок), есть также премиум-версия плагина.
Как создать лучшее облако тегов в WordPress
После того, как вы определили большой набор тегов для ваших постов ( или страниц ) WordPress, вы захотите отобразить облако тегов где-то в вашем шаблоне. Обычно это достигается с помощью функций wp_tag_cloud () или wp_generate_tag_cloud (), которые выполняют тяжелую работу за вас:
Возможно, вы довольны этим. Я не…
wp_tag_cloud() Помимо перечисленных выше моментов, я бы хотел назначить тегам пять или шесть классов в зависимости от их популярности, например, «tagged1» для наименее используемого тега и «tagged5» для наиболее используемого.
Давайте напишем функцию PHP, которая возвращает настроенное облако тегов. Его можно поместить в файл functions.php вашей темы (wp-content / themes /
Во-первых, у нас есть имя функции, которое принимает массив именованных аргументов и устанавливает значения по умолчанию:
Функция WordPress get_tags () теперь вызывается. Возвращает массив объектов тегов:
Теперь мы можем создать наше собственное облако тегов HTML. Нам нужно перебрать все теги во второй раз и получить URL и заголовок ссылки — сообщение, указывающее, сколько статей используют этот тег:
Теперь для хитрости. По умолчанию мы хотим назначить класс «tagged1» для наименее используемого тега до «tagged5» для наиболее используемого (имя и номера класса можно переопределить, установив параметры sizeclass sizemin sizemax
Теперь у нас достаточно информации для создания HTML-кода для нашего единственного тега и завершения цикла:
В следующем примере мы создадим облако тегов в неупорядоченном списке:
Это приводит к созданию более аккуратного HTML-кода:
который легче стилизовать и поддерживать CSS:
Я надеюсь, что вы найдете это полезным. Пожалуйста, используйте и адаптируйте код так, как вам нравится в ваших собственных проектах WordPress.
Настраиваем облако тегов в WordPress с помощью wp_tag_cloud()
Опубликовано: ADv Дата 16.10.2014 в рубрике Код за плагин Комментировать
Все мы знаем, что теги — важная часть таксономий WordPress, и они служат инструментом для их организации. Теги создаются «на лету» в процессе создания записи и помогают нам находить похожие записи, связанные определенными тегами. Обычно в блоге на WordPress различные теги сгруппированы внутри облака тегов, и размер каждого тега определяется частотой его использования в записях. В этой статье мы расскажем вам о том, как правильно использовать функцию wp_tag_cloud(), которая ответственна за все эти облака тегов.
Вступление
Это основная встроенная в ядро функция для вывода тегов, назначенных вашим записям, которая отображает облако тегов.
В WordPress Codex страница wp_tag_cloud() отчетливо поясняет все эти параметры функции, но всё же давайте быстро посмотрим на самые основные из них.
Эти параметры играют ключевую роль в кастомизации облака тегов.
Использование
В WordPress есть стандартный виджет Облака тегов, который можно поместить в соответствующую область страницы. Однако, и без использования виджета вы можете применять функцию wp_tag_cloud() для вывода и настройки облака тегов в вашем блоге. Также вы можете указать параметры множеством способов.
Параметры разделяются с помощью ‘&’ в одной простой строке.
Указание параметров в формате массива.
Указываем только выбранные параметры, остальные — оставляем как есть по-умолчанию.
Возвращаем облако тегов в виде массива без отображения его в блоге. Результат можно использовать позже в PHP коде.
Практические примеры
Пример 1: Выводим облако тегов в сайдбаре или футере вашей темы
Создайте функцию в вашем файле functions.php и верните функцию wp_tag_cloud(). После того, как она будет определена, вы можете вызывать эту функцию в любом месте блога.
Теперь давайте откроем ваш файл sidebar.php и вызовем функцию для вывода облака тегов.
Давайте добавим немного стилей CSS в наш файл style.css для того, чтобы облако тегов выглядело приличнее.
Вот как оно выглядит теперь:
Также поступаем и в footer.php вашей темы.
Вы можете сделать его еще красивее, если добавите и своих стилей CSS.
Путем добавления различных параметров в функцию wp_tag_cloud() в файл functions.php мы можем настраивать наше облако тегов. Например, если вы хотите включить и теги и рубрики в облако тегов, или же облако таксономий, тогда функцию стоит написать следующим образом:
Пример 2: Создаем страницу облака тегов для вашего блога
Иногда просто не требуется выносить облако тегов в сайдбар или футер, а нужно создавать для них отдельную страницу в целях «чистоты» внешнего вида блога. Сделать это можно следующим способом.
Для начала создадим собственный шаблон страницы в папке вашей темы с функцией wp_tag_cloud(). Назовем мы этот файл tagcloud.php.
Пример 3: Создаем прокручиваемый блок облака тегов для сайдбара
Можно предложить пользователям выбирать теги в сайдбаре из прокручиваемого блока. Для этого нужно создать функцию в файле functions.php.
В функции выше мы использовали формат массива функции wp_tag_cloud(), шрифт оставили тем же, что и был, а список отсортировали по имени в убывающем порядке.
Теперь открываем свой sidebar.php и вызываем эту функцию.
Давайте оформим его с помощью CSS.
В итоге блок будет выглядеть следующим образом:
Надеемся, что эта статья помогла вам разобраться с очень полезной функцией wp_tag_cloud().
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
Выводим облако меток в WordPress через виджет и функцию wp_tag_cloud (+полезные хаки)
Облако тегов — отличный функциональный элемент сайта, позволяющий создать дополнительную навигацию и перелинковку. Посетители смогут искать публикации не только через подборки последних/лучших постов, список категорий, но и просматривать статьи по определенной метке. Блок с тегами обычно располагается в боковой панели (сайдбаре) или в футере блога на каждой его странице.
Способов реализации есть несколько: специальные модули, функция wp_tag_cloud и встроенный виджет. Когда-то я уже рассказывал о плагине Simple Tags, а сегодня рассмотрим использование базовых возможностей:
В принципе, несколько лет назад на момент написания прошлой статьи Simple Tags был отличным вариантом со множеством дополнительных опций, но сейчас он не так актуален. Для вывода похожих постов я ставлю Yet Another Related Posts Plugin и некоторые другие модули, а блок TagCloud делаю стандартными методами.
Виджет облака тегов
Проще всего задача выполняется, конечно, с помощью базового виджета. Здесь разберется даже начинающий юзер. Заходите в раздел «Внешний вид» — «Виджеты» и находите там элемент «Облако меток».
Из настроек: заголовок, отображение количества элементов и выбор таксономии. Последнее позволят выводить не только теги (метки), но и категории с другими пользовательскими типами данных. Сохраняем и проверяем результат.
По умолчанию стандартное облако меток в WordPress может выглядеть не так, как вам надо — размеры шрифтов, цвет ссылок хотелось бы редактировать. В настройках, как видите, такой опции нет, но не спешите искать специальные плагины — чтобы привести внешний вид виджета под дизайн вашего шаблона воспользуемся небольшим хаком. Прописываете его файле functions.php:
В фильтре для widget_tag_cloud_args определяете нужные значения переменных облака тегов. Ниже рассмотрю какие они бывают.
Параметры функции wp_tag_cloud
Выводить облако меток WordPress можно через файлы шаблонов с помощью соответствующей функции. Код добавляете, например, в сайдбар (sidebar.php):
Чтобы понять какой результат получится в ходе выполнения данной строки, привожу список всех параметров wp_tag_cloud (величина по умолчанию — указана в скобках):
Сохраняем и проверяем, что в итоге вышло. Как правило, я также делаю выравнивание содержимого посредине. Добавляйте в файл стилей style.css код:
Разный цвет ссылок в облаке тегов
Если для отображения блока меток вы используете функцию wp_tag_cloud либо встроенный WP виджет, то все линки будут иметь одинаковый цвет. Модуль Simple Tags обладал классной фишкой с выбором оттенков самых популярных и непопулярных WordPress меток в облаке. Таким образом, градация элементов визуализировалась не только за счет размера шрифта, но и цвета (более светлого/темного). Без дополнительных хаков тут не обойтись.
В сети есть несколько вариантов решения задачи, но не все они оказались рабочими. В итоге у меня получилось скомпоновать следующий хак для functions.php:
В ходе срабатывания фильтра все вхождения в готовом сгенерированном HTML коде облака, где производится задание размера ссылки (style=»font-size: …») заменяются на определенный Причем он «выцепляет» только целую часть значений, поэтому в CSS стилях прописываете что-то вроде:
Визуально результат выглядит так:
Важно(!) заметить, что функция wp_tag_cloud определяет динамические размеры шрифта, то есть часть ссылок будет иметь не целые показатели font-size. Поэтому, к сожалению, сделать «плавные переходы» между оттенками цветов линков как в Simple Tags не получится. Теоретически, можно к 6-ти целым значениям из примера выше дополнительно добавить более детализированные: 11.5px, 12.5px, 13.5px и т.п., но для этого пришлось бы усложнить метод преобразования стилей в классы (одним preg_replace там не обойтись).
Второй вариант, который был найден в сети и отмечен в stackexchange как рабочий, находится тут. Код вставки в functions.php следующий:
Список всех меток на сайте
Когда вы располагаете данный блок где-то в сайдбаре, то вполне логично выводить там лишь часть самых популярных тегов (20, 30, 40 и т.п.) дабы лишний раз не отвлекать. Тем не менее, никто не мешает вам добавить специальную страницу, где бы отображался полностью весь их список.
Эта фишка пригодится, если у вас хорошо продумана структура проекта и метки для записей действительно помогают пользователям лучше ориентироваться, увеличивают число кликов и т.п. В крайнем случае можно вместо создания отдельной веб-странички добавить функцию под текстами «О нас», или туда, где реализована обработка ошибки 404 и т.п.
1. Для начала определитесь где будете выводить облако тегов: отдельная запись или какая-то из уже существующих. В первом случае ее потребуется создать.
2. Далее нужно добавить отдельный шаблон страницы в WordPress — об этом уже рассказывал. Если вкратце: копируете по FTP файл макета page.php и модифицируете его следующим образом:
Здесь, во-первых, в самом верху есть блок с названием нового макета:
А во-вторых, после отображение контента (the_content) вызываем функцию wp_tag_cloud.
Сохраняйте этот файл под именем page-alltags.php или как-то так и загрузите его обратно на FTP. Чтобы добавить вывод облака меток после 404 ошибки или на странице «О проекте», редактируете соответствующие файлы макетов.
3. Для «активации» шаблона в WP админке устанавливаете его для той или иной странички. В итоге у вас получится что-то вроде:
Дополнительно в текстовом редакторе можете добавить какой-то текст описание.