Вывод тегов WordPress — 3 способа

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

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

Вывод тегов в сайдбаре WordPress

Для вывода тегов в сайдбаре можно обойтись без плагинов и своего кода. Такая возможность предусмотрена самим WordPress. У него есть стандартный виджет «Облако тегов» с параметром «Показать количество меток».

Для этого зайдите в раздел «Внешний вид — Виджеты». Найдите виджет «Облако тегов» в списке доступных. Перетащите его в нужную вам боковую панель и настройте.

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

Вывести теги в конце статьи WordPress

В этом случае, если вашей темой не предусмотрен вывод тегов, которые присвоены посту, мы реализуем это своими силами. Откройте файл functions.php и добавьте в него следующий код:

// Функция для вывода тегов в конце статьи
function ws_custom_tags_post($content) {
    if (is_single()) { // Проверяем, что мы находимся на странице отдельной статьи
        $post_tags = get_the_tags(); // Получаем теги текущей статьи
        if ($post_tags) {
            $tags_list = '<div class="ws-post-tags"><span>Теги записи:</span>';
            foreach ($post_tags as $tag) {
                $tags_list .= '<a href="' . get_tag_link($tag->term_id) . '">' . $tag->name . '</a>';
            }
            $tags_list .= '</div>';
            $content .= $tags_list;
        }
    }
    return $content;
}
add_filter('the_content', 'ws_custom_tags_post');

После чего добавьте стили оформления в файл style.css.

/* tag */
.ws-post-tags {
        clear: both;
        margin: 1.5rem 0;
        display: block;
}

.ws-post-tags span {
  margin-right: 5px;
  color: #4e4e4e;
  display: inline-block;
  font-size: 0.8rem;
}

.ws-post-tags a {
        padding: 0.2em 0.8em 0.3em;
        font-size: 0.9em;
        border-radius: 3px;
        border: none;
        text-decoration: none;
        color: #777;
        background: #eee;
        transition: .3s;
        margin: 0 4px 2px 0;
        display: inline-block;
}
.ws-post-tags a:hover {
        color: #fff;
        background: #8d8d8d;
}

Вывод самых популярных тегов WordPress

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

Открываем файл functions.php и вставляем в него код:

//Самые популярные теги
function ws_popular_tags_shortcode($atts) {
    $tags = get_tags();
    $atts = shortcode_atts( array(
        'smallest' => 10,
        'largest' => 22,
        'unit' => 'px',
        'number' => 10,
        'format' => 'flat',
        'separator' => " ",
        'orderby' => 'count',
        'order' => 'DESC',
        'show_count' => 1,
        'echo' => false,
    ), $atts, 'popular_tags' );

    $tag_list = wp_tag_cloud( $atts );
    return '<div class="ws-popular-tags">' . $tag_list . '</div>';
}
add_shortcode('ws_popular_tags', 'ws_popular_tags_shortcode');

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

Параметры шорткода можно менять.

[ws_popular_tags ="15" smallest="12" largest="30"]

В данном примере на вашей странице будут отображаться 15 популярных тегов с размером шрифта от 12px до 30px.