Плагин Breadcrumb NavXT или собираю «хлебные крошки»

Добрый день уважаемые читатели! Я продолжаю вам рассказывать об основных плагинах для WordPress, которые желательно установить сразу. Сегодня  хочу вас познакомить с  плагином Breadcrumb NavXT, который решает несколько важных задач. Во-первых, создаст дополнительную навигацию на блоге. Благодаря которой посетитель сможет проследить путь от корня сайта до той страницы на которой он находится. Во- вторых, является дополнительным инструментом в создании внутренней перелинковке страниц. В третьих, некоторое время назад поисковая система Google начала выдавать   “хлебные крошки” в выдаче, что позволить привлечь дополнительный трафик на проект. И в четвертых, благодаря плагину Breadcrumb NavXT статический вес равномерно распределяется по всем страницам . Но наверно стоит уже перейти к установке «хлебных крошек».

Итак, для начала необходимо скачать плагин Breadcrumb NavXTсо страницы http://wordpress.org/extend/plugins/breadcrumb-navxt . Полученный архив распаковать и с помощью ftp — клиента закинуть в директорию /wp-content/plugins. И в завершении активировать в административной панели . После того, как плагин был успешно активирован  в консоли Настройки  появляется строка  Breadcrumb NavXT.

Но для полной активации плагина   Breadcrumb NavXT необходимо в определенные файлы шаблона вставить код вывода функции  «хлебных крошек». Код имеет вот такой вид:

Данный код необходимо будет установить в следующие файлы шаблона: single.php (выводит статьи), archive.php (статьи , находящиеся в архиве, рубрики), search.php(статьи, найденные посредством поиска на блоге), page.php( выводит страницы). Для этого в административной панели заходим в Дизайн  и выбираем пункт Редактирование , а дальше активируем нужный файл, предположим single.php Код функции плагина Breadcrumb NavXT вставляем сразу же после строчки

 
<!--?php get_header(); ?-->

И нажимаем Сохранить изменения. Далее необходимо создать для нашей дополнительной навигации стиль . Поэтому открываем файл style.css и прописываем несколько свойств стилей для класса BREADCRUMB:

.breadcrumb {
font:bolder 12px  Georgia;
padding-bottom: 1px;
padding:  4px 8px;
color: #FFffff!important;
background:#9C1718 ;
border: 0 !important;
}
.breadcrumb a{
color: #ffffff;!important;
}
.breadcrumb a:hover {
color: #ffffff;
background:#C9CACB !important;
}

Этим я задала свойства  отражения для хлебных крошек.

— font:bolder 12px  Georgia; — это размер и тип шрифта
— padding-bottom: 1px; — отступы
— color: цвет текста
— padding: отступы текста
-background: цвет фона , на котором расположатся хлебные крошки
— .breadcrumb a — цвет ссылок
— .breadcrumb a:hover  — цвет ссылок при наведение курсора мышки
— background : цвет фона при наведении

Этот код можно установить в самом низу файла style.css

Сохраняем изменения.

На этом работа по редактированию кода заканчивается и остается только провести настройки отражения плагина  в административной панели. Для этого нам и понадобится пункт Breadcrumb NavXT в Настройках. Окно настроек плагина состоит из нескольких вкладочек.

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

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

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

Сохраняем изменения и редактируем следующую вкладку «Текущая позиция» .

Ставим галочку в поле «Отображать ссылку на текущую позицию». Строка дополнительной навигации состоит из цепочки ссылок. И если данную галочку не установить, то отражение данной стаить будет происходить в виде простого текста. Сохраняем изменения.

Вот  и все настройки плагина Breadcrumb NavXT. В результате  на блоге появилась дополнительная навигация и не только, которая называется «хлебные крошки» и выглядит она следующим образом:

На этом все. Если вы не хотите пропустить появление новых материалов блога «Seo записки отчаянной«, то предлагаю подписать на новые материалы в удобной для вас форме.
Удачи!

Вам понравилась статья? Расскажите о ней друзьям!