Мар
10
16

Параметры облака тегов в wordpress, функция wp_tag_cloud

Облако теговОблако тегов — отличный функциональный элемент блога, позволяющий создать на сайте дополнительную навигацию. Пользователь сможет искать информацию не только по спискам последних, лучший постов, заходить в категории, но и просматривать статьи по тому или иному тегу (метке). Облако тегов обычно располагается в боковой панели блога (сайдбаре) или в футере на каждой его странице. Когда-то я уже рассказывал про облако тегов и плагин Simple Tags который помогает его реализовать, но в wordpress для этих целей имеется и свой базовый функционал — его сегодня рассмотрим.

В принципе, на момент написания прошлой статьи Simple Tags был отличным вариантом со множеством других дополнительных опций, но сейчас он не так актуален. Для вывода похожих постов рекомендую использовать Yet Another Related Posts Plugin и некоторые другие модули, а облако тегов будем реализовывать стандартными методами.  Можно его добавить с помощью виджета или функции wp_tag_cloud, если вы предпочитаете работать через шаблон.

Проще всего это сделать, конечно, с виджетом. Заходим в раздел «Внешний вид» — «Виджеты» и находим там элемент «Облако меток».

виджет Облако тегов

Из настроек тут только заголовок и таксономия. Последнее позволят выводить в облаке не только теги (метки), но и категории, а также, вероятно, разные пользовательские типы данных, если таковые имеются. Сохраняем и проверяем отображение виджета. Все элементарно! Хотя визуально базовое облако тегов может смотреться не так, как вам нужно — размеры шрифтов, цвет ссылок хотелось бы редактировать. Не спешите искать специальные плагины, все легко реализуется средствами самого wordpress с помощью небольшого хака в файле functions.php.

Для этого заходим в раздел правки шаблона «Внешний вид» — «Редактор», выбираем файл functions.php  и добавляем в самом низу перед закрывающейся php конструкцией ?> следующий код:

add_filter('widget_tag_cloud_args','set_tag_cloud_args');
function set_tag_cloud_args( $args ) {
	$args['number'] = 30;
	$args['largest'] = 18;
	$args['smallest'] = 11;
	$args['unit'] = 'px';
	return $args;
}

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

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

Я также обычно определяю выравнивание для облака тегов посредине — для этого в файл стилей style.css можно добавить:

.tagcloud {
 text-align: center;
 margin: 7px 0px 7px 0px;
}

Сохраняем и проверяем, что в итоге вышло. Если реализовывать все сразу в файле шаблонов, то просто используете функцию wp_tag_cloud. Хотя с виджетом все это нагляднее. Будут вопросы — пишите.

Порталы городов по типу map.vn.ua помогают узнать информацию если вам нужна служба такси Винница или например интересны последние новости-события жизни города.

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 2, средний балл: 7,00 из 7)
Загрузка...

категория Категории: Возможности;
теги Теги: , , , , , .

комментариев 16 к статье “Параметры облака тегов в wordpress, функция wp_tag_cloud”

  • Денис   01.10.2013

    Как приладить иконку к тегу? иконка выводится шрифтом.

  • Tod   02.10.2013

    Денис, к сожалению, код не отобразился. Если нужна иконка для каждого тега, то это делается через CSS (хотя, возможно, я вопрос неправильно понял).

  • Денис   02.10.2013

    Вот пример того про что я спрашивал
    http://wpkuzen.com/html/redband/blog.html
    Это бутстрап и иконки задаются шрифтом.
    Пример

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

  • Tod   03.10.2013

    Денис, если честно, с таким не сталкивался. Но даже в том примере разве не через CSS задается? пусть даже и с помощью шрифта, а не картинки.

  • Денис   03.10.2013

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

  • Карина   12.11.2013

    Как изменить цвет тегов? И еще как сделать, чтобы можно было нажать на ссылку под тегами «Посмотреть все теги» и они бы полностью раскрывались?

  • Tod   12.11.2013

    Карина, поменять цвет ссылок можно добавив стиль CSS. С «раскрыванием» сложнее. Вообще я бы на вашем месте поискал плагин/виджет для облака тегов, где было бы и раскрывание и возможность указывать цвета.

  • Jekyn   05.12.2013

    Подскажите каким способом т.е. код вывода random тэга название, просто не кликабельного, что бы вставить можно было в хеадере сайта как текстовое слово.

  • Tod   06.12.2013

    Jekyn, посмотрите параметры функции the_tags — возможно там есть вывод без ссылок.

  • Ольга   03.12.2014

    Здравствуйте! Возможно вы знаете, как реализовать подобное: мне нужно, чтобы в отдельных рубриках выводилось облако меток со своими параметрами, т.е. к примеру, в рубрике № 1 облако меток включала в себя теги № 100 и 101, а в рубрике № 2 включало в себя теги № 200 и 201. Такое возможно реализовать?

  • Tod   04.12.2014

    Ольга, тут 2 пути. Если выводить облако тегов через PHP функцию wp_tag_cloud, то добавляете условия is_category / in_category для той или иной категории. Если через виджет, то тут нужно использовать модуль с условиями для виджетов по типу Widget Logic.

  • Imapo   28.06.2015

    Большое спасибо! Ваша статья очень помогла мне!

  • Дмитрий   15.01.2016

    Здравствуйте! И все-таки как сделать, чтобы облако тегов раскрывалось как список при клике, а выводилось по умолчанию свернутым? Плагины не рассматриваю, только кодом, борюсь за скорость загрузки и оптимизацию.
    Пытался использовать разные варианты, но познаний пока не хватает(

  • Tod   15.01.2016

    Дмитрий, решение без плагинов не находил, а нужно ли? Я, если честно, года 2 делал все без плагинов, а зря — очень удобно и быстро все настраивается. Модули, которые разрабатываются несколько лет, вполне адекватны. Как вариант поискать какой-то самый простой плагин / виджет и подсмотреть код там. Ну, или можно погуглить, думаю, в англоязычных блогах есть решение.

  • Gregoryll   17.03.2016

    Автор, ты просто крут! Только твоя рекомендация помогла! Тебе большой респект! Удачи во всех твоих делах!

  • Tod   18.03.2016

    Gregoryll, спасибо) У меня еще много интересных рекомендаций есть в загашнике)

Оставить комментарий


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Последние посты
Полезные заметки
Лучшее в категории
Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости