„Дураки учатся на своих ошибках, а умные — на чужих."
Т. Рузвельт

Настраиваем WordPress хлебные крошки (меню навигации)

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

На EZ блоге я решил данную задачу путем установки плагина Breadcrumb NavXT

Как устанавливать плагины на сайте WordPress мы рассказывали в одной из наших статей. Устанавливаем и активируем Breadcrumb NavXT.

Настраиваем WordPress хлебные крошки

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

Настраиваем WordPress хлебные крошки активировали плагин

После активации плагина я не пользовался виджетом и не указывал место расположения места навигации, поэтому ничего на странице не изменилось. Решил использовать непосредственно код и внедрить его в тему блога. Для этого воспользовался FTP доступом в Total Commander к хостингу скачал на ПК актуальную версию header.php и начал его править. Если Вы сами составляли тему, то Вам не составит труда найти место под шапкой Вашего сайта и добавить следующий код.

<div class=»breadcrumbs» typeof=»BreadcrumbList» vocab=»»>

<?php if(function_exists(‘bcn_display’))

{

bcn_display();

}?>

</div>

Настраиваем WordPress хлебные крошки меняем код в header

Примерно так выглядел код блога на момент добавления кода для навигации. Ссылку с параметра vocab я удалил, ничего не изменилось, поэтому и Вам советую так сделать и протестировать. 

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

Настраиваем WordPress хлебные крошки перед изменениями в style

Чтобы изменить данный дефект Вам необходимо открыть Ваш файл Style.css, найти соответствующий класс и прописать выравнивание по левой стороне. У меня стояло выравнивание по правой стороне. Копируем файл на сервер и смотрим изменения.

Настраиваем WordPress хлебные крошки после изменениями в style

Далее если Вы хотите поменять разделитель, то Вам необходимо зайти в настройки плагина и поставить необходимый Вам знак, изменив параметр Breadcrumb Separator.

Настраиваем WordPress хлебные крошки изменения плагина

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