Теги в 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.