Хлебные крошки

хлебные крошки

Здравствуйте, уважаемые читатели блога WPnotes.ru! Сегодня речь пойдет о хлебных крошках в WordPress. Они представляют из себя навигационную цепочку, расположенную как правило сразу перед названием статьи. Главное предназначение хлебных крошек — помочь читателю во время его пребывания на сайте определить собственное местонахождение, особенно это актуально для сайтов со сложной структурой.

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

Простая навигационная цепочка выглядит так: Главная → Рубрика → Название статьи.

Живой пример — один из самых больших в мире интернет магазин Amazon.com.

хлебные крошки amazon.com

Как вы уже поняли, функция является достаточно полезной и если в вашем шаблоне WordPress хлебные крошки не представлены в качестве стандартной функции, то рекомендуется реализовать их самостоятельно. Можно сделать это добавив нужный код в файл single.php или же вариант попроще — воспользоваться одним из плагинов. Рассмотрим оба варианта.

Как сделать хлебные крошки без плагина

Открываем для редактирования вышеупомянутый файл single.php вашего шаблона и находим похожую строчку (здесь представлен код моего шаблона).

<?php while ( have_posts() ) : the_post(); ?>

Сразу после данного кода необходимо вставить функцию отвечающую за вывод хлебных крошек:

<div id="breadcrumbs">
 <?php if (is_home()) { ?>

 <?php } elseif (is_single()) { ?>
 <a href="<?php echo get_option('home'); ?>">Главная</a> »
 <?php foreach((get_the_category()) as $cat) {
 $cat=$cat->cat_ID;
 echo(get_category_parents($cat, TRUE, ' » ')); } the_title(); ?>

 <?php } ?>
 </div>

В данном коде хлебные крошки имеют идентификатор и при начальных знаниях CSS вы можете задать оформление в файле style.css.

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

Хлебные крошки при помощи плагина

Реализуем функцию плагином Breacrumb NavXT. Воспользуйтесь поиском в админке WordPress, а затем установите и активируйте плагин.

Аналогично с первым способом нам нужно будет добавить небольшой код в файл single.php, вставляйте его в тоже место, которое я указал выше.

<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
 bcn_display();
}
?>
</div>

Настройки плагина весьма скромные и лично я ничего не трогал, все устраивает по умолчанию.

Надеюсь заметка была полезной и у вас получилось реализовать данную, достаточно полезную, функцию.

Понравилась статья? Поделитесь с друзьями:


 

Навигация по записям

Хлебные крошки: Один комментарий

  1. WPixel

    Говорят хороши крошки с микроразметкой, гугл любит их

Комментарии запрещены.