Хлебные крошки (breadcrumbs) — навигация по сайту без плагина

xlebnye-kroshki-navigaciya-po-sajtu-bez-plaginaПривет, Друзья. Не так давно хлебные крошки, или навигационная цепочка breadcrumbs, считались не только красиво выполненным дизайнерским решением. Им приписывалась важнейшая функциональная задача по навигации посетителя на веб-ресурсе. В связи с этим значимость хлебных крошек росла, стремление добавить их на своих сайтах было у 99% сайтостроителей. Применялись различные плагины, старательно писались коды.

Нужны ли хлебные крошки на сайтах сейчас? Вопрос неоднозначный. Для кого-то они нужны и обязательны, для меня — это даже не второстепенный вопрос. Вывод такой навигации по сайту лишь дань традиции. Места особо не занимают, для юзабилити, вроде, не лишние. Оказывает ли навигация по сайту в виде хлебных крошек на сео-оптимизацию и помощь в продвижении сайта — здесь, по моему, уже и поисковые машины запутались: «Что надо, а что не очень?».

В связи со своим отношением к этому элементу на сайте предлагаю вашему вниманию простой способ вывода хлебных крошек без использования плагина.

Хлебные крошки, или breadcrumbs, на сайте — что это?

Как говорит Википедия:

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

…Обычно представляет собой полосу в верхней части программы примерно такого вида:
Имя диска: → Папка → Подпапка → Текущая папка
Все элементы, кроме последнего, обычно являются ссылками на соответствующее расположение.

Думаю, что к этому определению уже добавить нечего. И обычно это выглядит так:

breadcrumbs

Хлебные крошки на сайте WordPress без плагина

Этот код я нашел в интернете уже давно. Скажу чесно — даже не помню кто автор. Но человек однозначно хороший.

Итак. Для вывода хлебных крошек без использования плагина нам потребуется:

  • сам код:
function dimox_breadcrumbs() {

 /* === OPTIONS === */
$text['home'] = 'Главная'; // текст ссылки "Главная"
$text['category'] = 'Архив рубрики "%s"'; // текст для страницы рубрики
$text['search'] = 'Результаты поиска по запросу "%s"'; // текст для страницы с результатами поиска
$text['tag'] = 'Записи с тегом "%s"'; // текст для страницы тега
$text['author'] = 'Статьи автора %s'; // текст для страницы автора
$text['404'] = 'Ошибка 404'; // текст для страницы 404
$show_current = 1; // 1 - показывать название текущей статьи/страницы/рубрики, 0 - не показывать
$show_on_home = 0; // 1 - показывать "хлебные крошки" на главной странице, 0 - не показывать
$show_home_link = 1; // 1 - показывать ссылку "Главная", 0 - не показывать
$show_title = 1; // 1 - показывать подсказку (title) для ссылок, 0 - не показывать
$delimiter = ' » '; // разделить между "крошками"
$before = '<span class="current">'; // тег перед текущей "крошкой"
$after = '</span>'; // тег после текущей "крошки"
/* === END OF OPTIONS === */
global $post;
$home_link = home_url('/');
$link_before = '<span typeof="v:Breadcrumb">';
$link_after = '</span>';
$link_attr = ' rel="v:url" property="v:title"';
$link = $link_before . '<a' . $link_attr . ' href="%1$s">%2$s</a>' . $link_after;
$parent_id = $parent_id_2 = $post->post_parent;
$frontpage_id = get_option('page_on_front');
if (is_home() || is_front_page()) {
if ($show_on_home == 1) echo '<div><a href="' . $home_link . '">' . $text['home'] . '</a></div>';
} else {
echo '<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">';
if ($show_home_link == 1) {
echo '<a href="' . $home_link . '" rel="v:url" property="v:title">' . $text['home'] . '</a>';
if ($frontpage_id == 0 || $parent_id != $frontpage_id) echo $delimiter;
}
if ( is_category() ) {
$this_cat = get_category(get_query_var('cat'), false);
if ($this_cat->parent != 0) {
$cats = get_category_parents($this_cat->parent, TRUE, $delimiter);
if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats);
$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
$cats = str_replace('</a>', '</a>' . $link_after, $cats);
if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
echo $cats;
}
if ($show_current == 1) echo $before . sprintf($text['category'], single_cat_title('', false)) . $after;
} elseif ( is_search() ) {
echo $before . sprintf($text['search'], get_search_query()) . $after;
} elseif ( is_day() ) {
echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter;
echo sprintf($link, get_month_link(get_the_time('Y'),get_the_time('m')), get_the_time('F')) . $delimiter;
echo $before . get_the_time('d') . $after;
} elseif ( is_month() ) {
echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter;
echo $before . get_the_time('F') . $after;
} elseif ( is_year() ) {
echo $before . get_the_time('Y') . $after;
} elseif ( is_single() && !is_attachment() ) {
if ( get_post_type() != 'post' ) {
$post_type = get_post_type_object(get_post_type());
$slug = $post_type->rewrite;
printf($link, $home_link . '/' . $slug['slug'] . '/', $post_type->labels->singular_name);
if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after;
} else {
$cat = get_the_category(); $cat = $cat[0];
$cats = get_category_parents($cat, TRUE, $delimiter);
if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats);
$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
$cats = str_replace('</a>', '</a>' . $link_after, $cats);
if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
echo $cats;
if ($show_current == 1) echo $before . get_the_title() . $after;
}
} elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) {
$post_type = get_post_type_object(get_post_type());
echo $before . $post_type->labels->singular_name . $after;
} elseif ( is_attachment() ) {
$parent = get_post($parent_id);
$cat = get_the_category($parent->ID); $cat = $cat[0];
$cats = get_category_parents($cat, TRUE, $delimiter);
$cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats);
$cats = str_replace('</a>', '</a>' . $link_after, $cats);
if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats);
echo $cats;
printf($link, get_permalink($parent), $parent->post_title);
if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after;
} elseif ( is_page() && !$parent_id ) {
if ($show_current == 1) echo $before . get_the_title() . $after;
} elseif ( is_page() && $parent_id ) {
if ($parent_id != $frontpage_id) {
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
if ($parent_id != $frontpage_id) {
$breadcrumbs[] = sprintf($link, get_permalink($page->ID), get_the_title($page->ID));
}
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
for ($i = 0; $i < count($breadcrumbs); $i++) {
echo $breadcrumbs[$i];
if ($i != count($breadcrumbs)-1) echo $delimiter;
}
}
if ($show_current == 1) {
if ($show_home_link == 1 || ($parent_id_2 != 0 && $parent_id_2 != $frontpage_id)) echo $delimiter;
echo $before . get_the_title() . $after;
}
} elseif ( is_tag() ) {
echo $before . sprintf($text['tag'], single_tag_title('', false)) . $after;
} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $before . sprintf($text['author'], $userdata->display_name) . $after;
} elseif ( is_404() ) {
echo $before . $text['404'] . $after;
}
if ( get_query_var('paged') ) {
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
echo __('Page') . ' ' . get_query_var('paged');
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
}
echo '</div><!-- .breadcrumbs -->';
}
} // end dimox_breadcrumbs()

Открываем файл functions.php и до закрывающего тега ?> вставляем  выше приведенный код и сохраняем обновление.

functions-kod

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

  • Определяемся, где желаем вывести навигацию. Обычно это страницы постов, шаблоны страниц, архивы записей и результаты поиска по сайту:
  1. single.php;
  2.  page.php;
  3. archive.php;
  4. search.php.

и вставляем кодовую строчку:

<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>

single-page

Вот как-то так. Станете ли вы выводить хлебные крошки у себя на сайте или оставите все как есть — решать вам. На паре форумах я пытался получить информацию от людей, которые являются не только блоговедами, но и активно «шныряют» по интернету. Так ответы были разные. По сути мало кто на 100% уверен в целесообразности использования навигационной цепочки хлебных крошек. А что думаете вы?

До скорых встреч, Друзья.

С уважением, Олег

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *