При желании внедрить крошки в рубрики (категории) необходимо этот же код вызова таким же образом вставить в шаблон category.php или же в archive.php в зависимости от вашей темы.Ну и наконец, надо прописать соответствующие для цепочки навигации стили, которые следует поместить в файл style.css вашей темы Вордпресс. Вот набор этих свойств для примера:#breadcrumb{display:block; float:none; margin:20px 0 40px 16px; font-weight:600}
#breadcrumb ul{font-family:Helvetica,sans-serif; list-style:none}
.crumbs{display:block}
.crumbs li.first{padding-left:8px}
.crumbs li a, .crumbs li a:link, .crumbs li a:visited, .b-crumbs{color:#616d7e; display:block; float:left; font-size:11px; margin-left:-23px; padding:10px 24px 12px 30px; position:relative; text-decoration:none}
.crumbs li a, .b-crumbs{background-image:url(images/breadcrumbs.png); background-position:100% 0%; background-repeat:no-repeat; position:relative}
.crumbs li a:hover{background-position:100% -50px; color:#333; cursor:pointer}
.crumbs li a:active{background-position:100% -99px; color:#333}
.crumb{border-left:1px solid #ad9e80; height:30px; left:0; position:absolute; top:0; width:3px}
Трудно надеяться, что этот набор стилей будет красиво смотреться во всех без исключения темах (хотя некоторым, полагаю, подойдет даже без редактирования), поэтому требует пояснения.

Вы сразу должны вставить свою относительную ссылку на спрайт (ежели вы выбрали отличный от моего из загруженного архива), указанную в качестве параметра свойства background-image:

background-image:url(images/breadcrumbs.png)
Далее вы можете подобрать другие значения таких свойств CSS как display, float, position. Если же все выше сказанное вы воспринимаете с трудом, то вам следует посетить этот раздел блога.

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

Для этого нужно заменить в соответствующем фрагменте кода стандартную функцию вывода заголовка «the_title()» на «trim_title_words(3, ‘…’)»:

if(is_single())
{
echo ‘

  • ‘;trim_title_words(3, ‘…’);echo ‘

‘;
}
Здесь «3» означает количество первых слов заголовка, которые будут отображаться. Естественно, вы вольны поставить свое значение. Тогда весь код для цепочки навигации будет таким:

function the_breadcrumb() {
if ( !is_home() ) {
echo ‘

«;
}
На статических вебстраницах я их название не укорачиваю, поскольку они подходящие по длине. Но ежели вам это необходимо, вставьте ту же самую функцию «trim_title_words(3, ‘…’)» в кусок, отвечающий за вывод статических страниц:

if(is_page())
{
echo ‘

‘;
}
Однако, чтобы эта функция заработала, надо в тот же замечательный файл functions.php внедрить еще один специальный код:

function trim_title_words($count, $after) {
$title = get_the_title();
$words = split(‘ ‘, $title);
if (count($words) > $count) {
array_splice($words, $count);
$title = implode(‘ ‘, $words);
}
else $after = »;
echo $title . $after;
}
Но здесь есть один существенный нюанс. Жизнь идет вперед, а с ней развиваются и технологии, включая языки программирования, PHP не исключение. Поэтому вполне возможно, что ваш сайт работает на сервере, где уже активирована версия выше PHP 7.0 (это можно проверить через панель хостинга либо обратившись в службу поддержки).

В этом случае строку:

$words = split(‘ ‘, $title);
Следует заменить на:

$words = preg_split(‘/[: -]/’, $title);
Теперь хлебные крошки должны корректно отобразиться на страницах, куда вы внедрили код их вызова. Как я отмечал в публикации, этот элемент изначально снабжен микроразметкой, которая поможет отобразиться навигационной цепочке в сниппете вашей веб-страницы, находящейся в выдаче Гугла, а может, при выполнении некоторых условий, и в поиске Яндекса.