Вордпресс как сделать облако рубрик. Делаем красивое облако тегов (меток) в wordpress. Лучший плагин для облака тегов на WordPress

Все мы знаем, что теги — важная часть таксономий WordPress, и они служат инструментом для их организации. Теги создаются «на лету» в процессе создания записи и помогают нам находить похожие записи, связанные определенными тегами. Обычно в блоге на WordPress различные теги сгруппированы внутри облака тегов, и размер каждого тега определяется частотой его использования в записях. В этой статье мы расскажем вам о том, как правильно использовать функцию wp_tag_cloud() , которая ответственна за все эти облака тегов.

Вступление

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

8, "largest" => 22, "unit" => "pt", "number" => 45, "format" => "flat", "separator" => "\n", "orderby" => "name", "order" => "ASC", "exclude" => null, "include" => null, "topic_count_text_callback" => default_topic_count_text, "link" => "view", "taxonomy" => "post_tag", "echo" => true); ?>

В WordPress Codex страница wp_tag_cloud() отчетливо поясняет все эти параметры функции, но всё же давайте быстро посмотрим на самые основные из них.

‘smallest’ – Этот параметр определяет минимальный размер текста в облаке тегов.
‘largest’ – Этот параметр определяет максимальный размер текста в облаке тегов.
‘number’ – Этот параметр определяет общее количество тегов, отображаемых в облаке тегов. Вы можете указать ‘0’, если хотите, чтобы вводились все
‘format’ – Этот параметр определяет формат отображения облака. Он может принимать значения ‘flat ‘, ‘list ‘, или ‘array ‘
‘separator’ – Этот параметр определяет разделитель тегов в облаке
‘topic_count_text_callback’ – Этот параметр отображает количество записей, назначенных каждому тегу в виде всплывающей подсказки
‘taxonomy’ – Этот параметр определяет тип таксономии WordPress, которая может быть использована в облаке тегов. Значение по-умолчанию — это ‘post_tags ‘, но вы можете использовать и произвольные таксономии

Эти параметры играют ключевую роль в кастомизации облака тегов.

Использование

В WordPress есть стандартный виджет Облака тегов, который можно поместить в соответствующую область страницы. Однако, и без использования виджета вы можете применять функцию wp_tag_cloud() для вывода и настройки облака тегов в вашем блоге. Также вы можете указать параметры множеством способов.

Параметры разделяются с помощью ‘&’ в одной простой строке.

Указание параметров в формате массива.

"10" ,"largest" => "50", "unit" => "px", "number" => "45", "separator" => ":: ", "orderby" => "count", "order" => "RAND")); ?>

Указываем только выбранные параметры, остальные — оставляем как есть по-умолчанию.

Возвращаем облако тегов в виде массива без отображения его в блоге. Результат можно использовать позже в PHP коде.

Практические примеры

Пример 1: Выводим облако тегов в сайдбаре или футере вашей темы

Создайте функцию в вашем файле functions.php и верните функцию wp_tag_cloud() . После того, как она будет определена, вы можете вызывать эту функцию в любом месте блога.

Function my_cloud($echo = false) { if (function_exists("wp_tag_cloud")) return wp_tag_cloud(); }

Теперь давайте откроем ваш файл sidebar.php и вызовем функцию для вывода облака тегов.

Популярные теги"; my_cloud(); ?>

Давайте добавим немного стилей CSS в наш файл style.css для того, чтобы облако тегов выглядело приличнее.

Mycloud a { background: #FFC414; color: #0000FF; display: inline-block; margin: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 10px; } .mycloud h3 { font-style: italic; font-weight: bold; font-size: 30px; color: #FF00FF; font-family: Comic Sans; }

Вот как оно выглядит теперь:

Также поступаем и в footer.php вашей темы.

Вы можете сделать его еще красивее, если добавите и своих стилей CSS.

Путем добавления различных параметров в функцию wp_tag_cloud() в файл functions.php мы можем настраивать наше облако тегов. Например, если вы хотите включить и теги и рубрики в облако тегов, или же облако таксономий, тогда функцию стоит написать следующим образом:

Wp_tag_cloud(array("taxonomy" => array("post_tag","category")));

Пример 2: Создаем страницу облака тегов для вашего блога

Иногда просто не требуется выносить облако тегов в сайдбар или футер, а нужно создавать для них отдельную страницу в целях «чистоты» внешнего вида блога. Сделать это можно следующим способом.

Для начала создадим собственный шаблон страницы в папке вашей темы с функцией wp_tag_cloud() . Назовем мы этот файл tagcloud.php.

Теперь нужно зайти в админку WordPress и перейти в Страницы -> Добавить новую . Задайте нужный заголовок странице, а затем в разделе Атрибуты страницы выберите шаблон для нее — Tag Cloud, после чего нажмите Обновить. Вот и все. Ваша страница с облаком тегов готова. Можно «раскрасить» ее с помощью CSS.

Пример 3: Создаем прокручиваемый блок облака тегов для сайдбара

Можно предложить пользователям выбирать теги в сайдбаре из прокручиваемого блока. Для этого нужно создать функцию в файле functions.php .

Function cloudbox () { if (function_exists("wp_tag_cloud")) { $tags = wp_tag_cloud(array("smallest"=>10, "largest"=>10, "orderby"=>"name", "order"=>"ASC", "format" => "array")); foreach($tags as $tag) { echo $tag."
"; } } }

В функции выше мы использовали формат массива функции wp_tag_cloud() , шрифт оставили тем же, что и был, а список отсортировали по имени в убывающем порядке.

Теперь открываем свой sidebar.php и вызываем эту функцию.

Пожалуйста, выберите тег

Давайте оформим его с помощью CSS.

#cloud { background: #FFFFCC; height: 200px; width: 200px; margin: 0 auto; overflow: scroll; border: 4px solid #000000; padding: 2px; text-align: justify; } #cloud a { background: #400000; color: #FFFF00; display: inline-block; margin: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 15px; } #text { font-style: italic; font-weight: bold; font-size: 20px; color: #FF9900; font-family: Comic Sans; }

В итоге блок будет выглядеть следующим образом.

На движке WordPress создается огромное количество сайтов, им пользуются как новички, так и профессионалы.

Преимуществ у CMS много, одна из них – это огромный выбор разных плагинов, с помощью которых можно преобразовать внешний вид сайта. За счет расширений можно установить массу интересных виджетов, в том числе и облако тегов (категорий).

Как сделать облако тегов для WordPress? В этом движке есть стандартный плагин, чтобы установить красивую форму с плавающими тегами.

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

Лучший плагин для облака тегов на WordPress

В стандартном наборе есть много разных расширений, однако, они не всегда качественные и часто оказывают высокую нагрузку на сервер.

Для оптимизации сайта мы уже рассказывали, как добавить . Установить облако меток без расширений слишком сложно, а лучшее решение – это плагин WP-Cumulus .

Скачивайте и устанавливайте дополнение, после чего в основном меню административной панели появится новый пункт, чтобы вы могли задать настройки. Их не так много, но всё необходимое здесь есть:

Заголовок можно не указывать, размерность устанавливайте так, чтобы блок красиво вписывался в шаблон, то же самое касается цвета фона. Скорость вращения лучше оставить по умолчанию. Обратите внимание, что в облаке можно отображать теги и рубрики , это основное преимущество плагина WP-Cumulus.

После настройки параметров добавляйте облако тегов в любую область (идеально подходит сайдбар), должно получиться что-то вроде этого:

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

Альтернативные плагины для облака тегов на WordPress

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

Метки –это ещё один функциональный элемент на движке WordPress, который используется на ряду с рубриками и строкой поиска. Благодаря им можно улучшить поведенческие факторы на своём веб-проекте, позволяя читателю искать похожие публикации по соответствующем словам.

Зачастую, вывод меток уже реализован в теме оформления (в конце каждой записи), но помимо, можно использовать сторонние плагины типа « », которые создают оригинальный формат «облака меток». Либо воспользоваться имеющимся стандартным виджетом из набора WordPress, который легко впишется в любой дизайн шаблона.

Облако меток

Стандартный виджет «Облако меток» находится в админ-панели в разделе «Внешний вид» — «Виджеты», и устанавливается, как и все другие виджеты (путём перетягивания в активный Sidebar или через контекст-меню).
В отличие от сторонних решений, «облако меток» имеет минимальные настройки, предлагая вебмастеру задать имя для заголовка и отметить вывод таксономии (помимо тегов, будут показываться рубрики и пользовательские типы данных).

Сам код виджета, точнее его функция «wp_tag_cloud», находятся в базовых директориях WordPress (wp-includes), поэтому редактирование исходника не рекомендуется. Но мы можем воспользоваться иным способом тонкой настройки виджета.

Настройки «Облака меток»

Для внесения изменений можно создать отдельную функцию с указанием требуемых параметров для стандартного виджета, либо , и через текстовый виджет разместить «облако меток».

Мне больше понравился способ через виджет «Текст», и мой вариант принял код следующего вида:

Теперь более подробно о параметрах функции, которые могут использоваться для вывода меток:

smallest –минимальный размер для шрифта менее популярных публикаций;
largest –максимальный размер для шрифта самых популярных публикаций;
unit –единица измерения для размера шрифта, может принимать значения: pt, px, %;
number – число меток для вывода (по умолчанию 45);
format – формат вывода ссылок: flat (разделенные пробелом – по умолчанию), list – список UL, array – как массив для PHP;
separator – значение разделителя между метками (по умолчанию – пробел);
orderby – настройка сортировки: name – по алфавиту (по умолчанию), count – по количеству;
order – порядок сортировки: по возрастанию – ASC (по умолчанию), на убывание – DESC, случайным образом – RAND;
exclude – метки, которые следует исключить из показа;
include – метки, которые следует отображать обязательно.

Вместо послесловия

Таким образом редактируя код PHP в текстовом виджете можно добиться требуемого вида для «облака меток». Теперь зная параметры, видим, что приведённый мной пример будет выводить 30 меток с размером шрифта 9pt — 16pt, и сортировать их по алфавиту (по названиям).

Однако он очень простой, и не всегда удовлетворяет требования дизайна и функциональности. В этой статье вы узнаете о плагине, который позволяет создать более красивое и удобное облако меток, но при этом такое же простое и лёгкое.

Плагин Cool Tag Cloud: облако меток WordPress

Плагин Cool Tag Cloud создаёт легко настраиваемый виджет облака меток, который хорош на восприятие и удобен в кастомизации и использовании. Имеется полностью русский перевод, поэтому сложностей с ним не возникает.

Облако меток – это дополнительный инструмент навигации, который помогает лучше сориентироваться посетителям сайта, представить, какие темы охватывает данный проект. Этот элемент полезен для поведенческих факторов.

Чтобы создать облако меток WordPress, скачайте плагин Cool Tag Cloud по ссылке ниже. Установите его и активируйте.

После настроек облако меток может выглядеть так.

Облако меток WordPress Cool Tag Cloud

У плагина нет собственных настроек, поэтому сразу переходим в пункт консоли «Внешний вид» и подпункт «Виджеты». Выбираем виджет «Cool Tag Cloud», перетягиваем его в нужный сайдбар и разворачиваем его для настроек.

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

Просто приведу список возможностей данного плагина:

Гибкая настройка шрифтов: семейство, начертание и размер. Можно задать минимальный размер шрифта меток, и максимальный – для тегов с большим и меньшим количеством записей.
10 вариантов цветов сделают это облако меток WordPress подходящим для любого дизайна.
Ориентирования влево или вправо, благодаря чему можно гармонично поместить облако как в левый, так и в правый сайдбар.
Простая и лёгкая анимация при наведении.
Возможность установить максимальное количество меток, выводимое в виджете.
Возможность выводить рубрики вместо меток, а также другие таксономии на сайте, если они имеются.
Отображение количества записей в метке при наведении.
Возможность подключения атрибута rel=»nofollow», чтобы метки не индексировались.

В этой статье я познакомлю вас с тремя способами вывода облака меток на блоге. Каждый способ вывода имеет свои преимущества. Давайте рассмотрим каждый способ по отдельности.

1-ый способ. Вывод облака меток кодом php
Преимущество: облако меток можно вывести в любом месте.

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

Облако меток:

Код вставляете в любом месте в файле вашей темы (шаблона).

Дополнительные параметры :

○ Параметр «smallest» – определяет размер шрифта тега с наименьшей популярностью.

○ Параметр «largest» – определяет размер шрифта тега с наибольшей популярностью.

Комбинируем два параметра «smallest» и «largest» :

○ Параметр «number» – определяет количество показанных тегов на странице

○ Параметр «orderby» – производит сортировку тегов по имени (name) и по популярности (count)

Или

○ Параметр «order» – выводит облако тегов в алфавитном порядке – ASC(А-Я), DESC(Я-А) и RAND (случайный порядок вывода).

○ Параметр «exclude» – поможет исключить из общего списка ненужные метки. ID меток прописываете через запятую.

○ Параметр «include» – поможет указать, какие метки выводить в общий список. ID меток прописываете через запятую.

2-ой способ

Преимущества: это быстро.
Недостатки: есть ограничения в настройках, да и не всегда можно оформить, как хочется.
Итак, зайдите в админ панель => «Внешний вид» => «Виджеты» . Слева найдите виджет «Облако меток» . Нажмите на него

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

3-ий способ . Вывод облака меток через плагин «wp-cumulus» или «Tag Cloud Canvas»
«WP-Cumulus» или «Tag Cloud Canvas» - плагин для создания 3D облака тегов в WordPress и после установки облако меток имеет вот такой вид:

Скачать плагин «WP-Cumulus» и посмотреть, как он настраивается, можете по этому адресу:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

Скачать плагин «Tag Cloud Canvas»:

https://wordpress.org/plugins/tag-cloud-canvas/

Преимущества: красивый и быстрый вывод облака меток.
Недостатки: не всегда подходит под дизайн блога, а также лишняя нагрузка на блог.

На этом все, друзья! Желаю сделать вам правильный и удачный выбор!