Breadcrumb NavXT

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

Устанавливаем плагин с панели управления (кто не в курсе как установить, читайте руководство по установке плагинов WordPress).

Страница плагина в каталоге WordPress.

После активации плагина перейдем в его настройки:

Общие

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

Текущие значения

Устанавливаем галочку отображать ссылку на текущую запись и в теге title внесем «Добавить в закладки», остальные поля можно очистить.

Записи / Страницы

В записях и страницах устанавливаем новый title, ставим галочку напротив: показывать все варианты путей ведущие к записи и напоследок выбираем сам вариант пути, я предпочитаю Рубрики.

Рубрики

В блоке настроек Рубрики тоже меняем title и очищаем поля префиксов и суффиксов.

Метки

В блоке настроек меток делаем тоже самое что и в настройках рубрик.

Архив по дате

Оставляем настройки этого блока без изменений.

Остальное

В блоке остальное делаем настройки, как показано на скриншоте ниже:

Выводим в шаблоне (пример №1 )

Наконец-то с настройками покончено и Вы спокойно можете добавить следующий код (я обычно вставляю в файл single.php, считаю что там его место — Вы же можете вставить в какой хочется файл), чтобы Ваши хлебные крошки отображались на сайте:

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

Добавим стилей

.bread {
	width: 960px;
	margin: 10px auto;
	border: 1px solid #ccc;
	/*если в настройках Текущая позиция убрать галочку
	"отображать текущую позицию", то задав значение
	font-weight: bold;
	текущая позиция будет выделяться жирным шрифтом
	*/
}
.bread a {
	text-decoration: underline;
	font: 12px Verdana;
	color: #666;
}
.bread a:hover {
	text-decoration: none;
	color: #333;
}

Выводим в шаблоне (пример №2 )

<ul id="goto">
	<?php if(function_exists('bcn_display')) { bcn_display_list(); } ?>
</ul>

Выводит хлебные крошки в виде списка, как на этом сайте в правой колонке, немного добавим стилей:

#goto li {
	padding: 0;
	margin: 3px 2px 5px -25px;
	list-style: none;
	line-height: 18px;
}
#goto li a {
	background: url(img/rp-grace.png) 0 3px no-repeat;
	color: #666;
	padding: 0 0 0 18px;
	text-decoration: none;
}
#goto li a:hover {
	background: url(img/rp-black.png) 0 3px no-repeat;
	color: #000;
}
#goto .current_item a {
	background: url(img/rp-black.png) 0 3px no-repeat;
	color: #000; padding: 0 0 0 18px;
	text-decoration: underline;
}

Заключение

Вот такой мощный SEO инструмент, я им часто пользуюсь, никаких проблем ни разу не было (супер реклама:).

Если Вас заинтересует, то читайте как внедрить хлебные крошки (breadcrumb) на сайт без использования плагина.

Также для отображения хлебных крошек на сайте можно пользоваться плагином Yoast Breadcrumb.