Как добавить хлебные крошки на сайте WordPress?

Хлебные крошки (от англ. Breadcrumbs) — это элемент навигации по сайту, который представляет собой цепочку ссылок — путь от главной страницы сайта до той, на которой в данный момент находится пользователь. Хлебные крошки являются удобной функцией, которая позволяет посетителю лучше ориентироваться на сайте. Кроме того, Breadcrumbs полезны для SEO, так как предоставляют возможность дополнительной локальной перелинковки.

Как добавить хлебные крошки на сайт?

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

Если Вы используете тему Root, то в ней уже встроены хлебные крошки. Для их активации необходимо в админ-панели перейти Внешний вид -> Настроить -> Блоки и расположение -> Хлебные крошки, где отметить пункт Да, выводить.

Плагин Yoast SEO

Yoast SEO — один из самых популярных SEO-плагинов на сегодняшний день, который, кроме основных своих возможностей, также обеспечивает и вывод хлебных крошек. Для добавления этой возможности первым делом необходимо установить и активировать плагин. После этого нужно перейти SEO -> Дополнительно и передвинуть ползунок в состояние Включено в поле Включить «хлебные крошки», затем нажать кнопку Сохранить изменения.

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

<?php
if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb('<p id="breadcrumbs">','</p>');
}
?>

Наиболее подходящим для вывода крошек является место сразу под меню. Обычно для этого используется файл header.php. Покажем вывод цепочки на примере стандартной темы Twenty Sixteen. Итак, в файле header.php вставим вышеуказанный код перед строкой

</header><!-- .site-header -->

Для этого в админ-панели переходим Внешний вид -> Редактор, где выбираем тему Twenty Sixteen и щелкаем по файлу header.php. Далее вставляем код и нажимаем кнопку Обновить файл.

Редактирование файла темы header.php

Теперь, перейдя на какую-либо страницу, увидим нужную нам цепочку ссылок.

Страница записи

Плагин Breadcrumb NavXT

Еще одним решением, обеспечивающим вывод хлебных крошек на сайте, является бесплатный плагин Breadcrumb NavXT. После его установки и активации можно переходить сразу к выводу необходимой нам информации. Для этого в том же файле header.php и в том же месте необходимо вставить следующий код:

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display')) {
        bcn_display();
    }?>
</div>

Страница записи

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров