Главная » Создание сайтов » WordPress » Навигационная цепочка или «Хлебные крошки» в WordPress блоге

Навигационная цепочка или «Хлебные крошки» в WordPress блоге

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

Это может выглядеть, как:

Главная » Рубрика » Подрубрика » Название статьи

Для чего использовать «Хлебные крошки»?

Кому-то ответ покажется очевидным, но использование такой навигации дает возможность пользователю понимать структуру сайта, где он находится и как он здесь оказался.

WordPress не дает стандартных возможностей вывода данной цепочки, однако существует масса решений.

Наиболее популярный, правильный, понятный и легкий оказался вариант Дмитрия Лялина:

http://dumpz.org/21826/

В любом месте шаблона вставьте:
<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>

Об особенностях и прелестях данной функции, а также ее подключение смотрите в блоге автора.

В чем загвоздка?

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

Первый уровень:
Главная » Рубрика » Название статьи
Второй уровень:
Главная » Рубрика » Под-рубрика » Название статьи

Если встречается первый уровень, то его следует избегать.

А блоги на WordPress достаточно легки и просты по своей структуре, поэтому у нас стоит модифицированная версия «хлебных крошек» от Dimox.

«Хлебные крошки» будут показаны тогда, если это будет новость и уровень навигации будет вторым или выше. Если это будет новость, но уровень вложенности будет первым, то будут выведены ссылки на предыдущую и следующие статьи.

function dimox_breadcrumbs(){

$delimiter = '»';
$name = 'Главная';
$currentBefore = '<span class="bccurrent">';
$currentAfter = '</span>';

if ( is_single() ) {

echo '<div id="crumbs">'."\n";

global $post;
$home = get_bloginfo('url');

$cat = get_the_category(); $cat = $cat[0];
if($cat->category_parent != 0){
echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';
echo get_category_parents($cat, true, ' ' . $delimiter . ' ');
echo $currentBefore;
the_title();
echo $currentAfter;
} else {
echo '<span class="alignleft">';
next_post_link('« %link');
echo '</span><span class="alignright">';
previous_post_link('%link »');
echo '</span><div class="clear"></div>';
}

echo "\n".'</div>';

}
}

Для вывода данной функции в файле single.php (моя функция) или любых других (функция от dimox) вставьте:

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

Заключение

Хлебные крошки очень полезны для юзабилити, пусть не блога, но сайта точно. Использовать такую возможность или нет однозначно не сказать, но думаю плюсы я показал.

[26.08.2010]: Пример виден в нашем блоге. С уважением, Vasilenko Ivan!
26 августа 2010 в 19:284 комментария WordPress

Комментарии — 4 комментария

  1. #10174 vanoID в 23:22, 26 августа 2010:

    Ответить | Цитировать

    Хочу добавить, что хлебные крошки, так же полезны с точки зрения SEO — так как помогают поисковому роботу лучше узнать структуру сайта!

  2. #10202 Annet в 22:08, 28 августа 2010: (подписался)

    Ответить | Цитировать

    Подскажите, пожалуйста, почему следует избегать первого уровня навигации?

  3. #10205 vanoID в 23:42, 28 августа 2010:

    Ответить | Цитировать

    Вы имеете ввиду главную страницу?

  4. Annet, если на всем сайте структура не проста и часто встречаются уровни от второго и больше, то и первый можно оставить.

    А если, как у нас в блоге, самый большой уровень второй, то первый не стоит употреблять. Ссылка на «Главную» обычно указана в шапке, «Название статьи» указана рядом на этой же странице, и «Рубрика» первого уровня тоже указана (У нас она после статьи).

    А это лишь повторение.

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

имя:

e-mail:

сайт:

текст:

Subscribe without commenting