Как сделать хлебные крошки на блоге, с помощью плагина Breadcrumb NavXT, я расскажу в этом посте, но сначала для тех, кто не знает, объясню, что это такое.
Итак, хлебные крошки на wordpress это элемент навигации, который позволяет показать пользователям, весь путь к статье, которую он сейчас читает. Как правило хлебные крошки на сайте, расположены в самом верху страниц и записей.
Но перед тем, как продолжить, рекомендую узнать о том, как убрать слово category из url адреса записей. Ответ на этот вопрос Вы можете прочитать в статье про плагин WP No Category Base.
На картинке ниже, я показал их вид на моём блоге. Стрелки слева, направо обозначают путь от: Главной страницы, Рубрика, Название записи.
Посетитель сайта видит этот элемент навигации и может в любой момент, перейти в рубрику, в которой расположена статья, которую он читает и просмотреть другие записи данной рубрики.
Хлебные крошки на сайте нужны особенно тогда, когда на нём много разделов, чтобы пользователь не потерялся на нём и легко ориентировался.
Зачем нужны хлебные крошки на wordpress блоге
Чтобы понять зачем нужны хлебные крошки на wordpress блоге, рассмотрим это на простом примере. Допустим, Вы зашли на одну из статей блога, которая расположена в рубрике, например, «Лучшие плагины для wordpress». Прочитали её и захотели прочитать про другие плагины, описания которых находятся в этой рубрике.
Где Вы станете искать рубрику, в которой находится эта статья? Конечно в других меню блога. Но согласитесь, что проще для Вас будет воспользоваться элементом навигации, в самом начале статьи, тем более он сразу же «бросается в глаза», как только Вы попали на эту статью.
Плагин Breadcrumb NavXT
Скачать плагин Breadcrumb NavXT можно на официальном сайте: https://wordpress.org/plugins/breadcrumb-navxt/
- Установка стандартная, через админку блога. После загрузки активируйте его и переходите в его настройки. Найти плагин можно на вкладке «Параметры» и в выпадающем списке будет его название.
- Там нужно между категориями, указать разделитель, текст ссылки на главную страницу и отредактировать различные префиксы и прочие фичи.
Затем в шаблоне блога прописать код вызова. Для вызова модуля Breadcrumb NavXT пропишите его вызов в шаблоне. Перейдите в раздел Внешний вид —> Редактор. В левой колонке выберите файл single.php, именно туда и копируем необходимый код — в том место, где нужно выводить путь к статье.
Затем в файлы: single.php, index.php и page.php, header.php нужно вставить следующий отрезок кода:
<div>
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
Этот код вставляется во все файлы после header.
Рис.1
После добавления кода в каждый файл, не забудьте нажать на кнопку «Обновить файл».
Если код хлебных крошек, который я указал выше, не подойдёт под тему вашего шаблона (возможно он был изменён), то следующий код нужно вставить в файл таблица стилей ctyle.css и там вставляем этот код
.breadcrumb {
font:bolder 12px «Trebuchet MS», Verdana, Arial;
padding-bottom: 10px;
}
.breadcrumb a{
color: #1B7499;
} .breadcrumb a:hover {
color: #EF0E0E;
}
…в самом низу страницы этого файла (пример на рисунке 2). Если сравнить этот код и тем, который я дал выше, то в этом мы добавили параметры отображения стиля, цвета и размера шрифта.
Рис. 2
На этом всё, что я хотел рассказать про плагин Breadcrumb NavXT, помогающем настроить хлебные крошки на сайте. Удачи!