Отображаем самые популярные теги в WordPress

Рассмотрим как отобразить популярные теги в WordPress без использования и с использованием плагина.

Хотите отобразить самые популярные теги, используемые на вашем сайте, сделанном на WordPress?

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

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

Популярные теги

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

Часто новички используют их неправильно, но есть простые инструменты, которые позволяют объединять категории и теги и даже конвертировать их.

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

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

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

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

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

Теперь давайте посмотрим, как отобразить ваши самые популярные теги в WordPress двумя способами – через плагин и через код.

1. Используем плагин

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

Этот метод проще и рекомендуется большинству пользователей.

Первое, что вам нужно сделать, это установить и активировать плагин Simple Tags.

После активации вам необходимо посетить страницу Appearance (Внешний вид) -> Widgets (Виджеты) и добавить виджет “Tag Cloud (Simple Tags)” на боковую панель (сайдбар).

Виджет развернется, и вы сможете увидеть его настройки.

Здесь Вы можете выбрать количество тегов, которые хотите отобразить, размеры шрифта, цвета и т.д.

Чтобы отобразить свои теги по популярности, убедитесь, что вы выбрали количество в опции ‘Order by for display tags’ (Сортировать по… для отображаемых тегов) и убывание для опции ‘Order for display tags’ (Сортировать для отображаемых тегов).

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

2. Используем код

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

Сначала вам нужно добавить код ниже в файл functions.php вашей темы или в файл плагина для конкретного сайта.

function wpb_tag_cloud() { 
$tags = get_tags();
$args = array(
    'smallest'                  => 10, 
    'largest'                   => 22,
    'unit'                      => 'px', 
    'number'                    => 10,  
    'format'                    => 'flat',
    'separator'                 => " ",
    'orderby'                   => 'count', 
    'order'                     => 'DESC',
    'show_count'                => 1,
    'echo'                      => false
); 
 
$tag_string = wp_generate_tag_cloud( $tags, $args );
 
return $tag_string; 
 
} 
// Add a shortcode so that we can use it in widgets, posts, and pages
add_shortcode('wpb_popular_tags', 'wpb_tag_cloud'); 
 
// Enable shortcode execution in text widget
add_filter ('widget_text', 'do_shortcode'); 

Этот код просто генерирует 10 наиболее популярных тегов вашего сайта в облаке с количеством постов в каждом теге. После этого он создает шорткод wpb_popular_tags и включает вставку шорткода в текстовый виджет.

Теперь вы можете добавить шорткод [wpb_popular_tags] в любую запись, страницу или виджет для отображения ваших самых популярных тегов.

Также вы можете использовать шорткод в любом файле темы через PHP:

<?php echo do_shortcode('[wpb_popular_tags]'); ?>

Не забываем, что do_shortcode работает только когда мы выводим его через echo. Иначе вы свой шорткод не увидите.

UPD

У меня решение выше от wpbeginner.com не отображало ссылки, т.е. ссылки были, но с пустым href.

Я модифицировал их код таким образом:

function wpb_tag_cloud() {   
$args = array(
    'smallest'                  => 14, 
    'largest'                   => 14,
    'unit'                      => 'px', 
    'number'                    => 10,  
    'format'                    => 'flat',
    'separator'                 => " ",
    'orderby'                   => 'count', 
    'order'                     => 'DESC',
    'show_count'                => 0,
    'echo'                      => false,
    'include'                   => $term_ids
); 
 
$tag_string = wp_tag_cloud( $args );

return $tag_string; 

} 
// Add a shortcode so that we can use it in widgets, posts, and pages
add_shortcode('wpb_popular_tags', 'wpb_tag_cloud'); 
 
// Enable shortcode execution in text widget
add_filter ('widget_text', 'do_shortcode'); 

Дефолтные (по-умолчанию) настройки у облака тегов wp_tag_cloud такие:

$defaults = array(
        'smallest'   => 8,
        'largest'    => 22,
        'unit'       => 'pt',
        'number'     => 45,
        'format'     => 'flat',
        'separator'  => "\n",
        'orderby'    => 'name',
        'order'      => 'ASC',
        'exclude'    => '',
        'include'    => '',
        'link'       => 'view',
        'taxonomy'   => 'post_tag',
        'post_type'  => '',
        'echo'       => true,
        'show_count' => 0,
    );

Это вполне нормальное решение, которое стилями можно хорошо настроить и вставить в нужное место на сайте.

В моем примере я сделал размер шрифта одинаковый для всех тегов равный 14px, но вы можете свои размеры указать в smallest и largest.

Наверх ↑

Сергей Ермилов

31 мая в 16:37 Посты,

Создаю веб-проекты, придумываю идеи, занимаюсь разработкой, оптимизирую и продвигаю сайты. Первые шаги в этом направлении сделал в 2008 году.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вы можете использовать HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Технологии

Статьи по теме Wordpress Статьи по теме PHP Статьи по теме Python Статьи по теме Javascript Статьи по теме Bootstrap Статьи по теме Git Статьи по теме Node JS