Плагин Breadcrumb NavXT — хлебные крошки для сайта

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

Хлебные крошки являются еще одним элементом внутренней перелинковки сайта. Упрощается навигация по сайту, что удобно посетителю сайта, и в связи с этим повышаются поведенческие  факторы.

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

скачать яндекс браузер

Обычно навигация Хлебные крошки (по-английски Breadcrumbs) представляет из себя полосу в верхней части страницы, которая имеет примерно такой вид:

плагин breadcrumb navxt

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

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

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

Плагин Breadcrumb NavXT

Для установки плагина Breadcrumb NavXT нужно войти в «Админ-панель WordPress» => «Плагины» => «Добавить новый». В поле «Поиск» нужно ввести выражение «Breadcrumb NavXT», а после этого нужно нажать на кнопку «Поиск плагинов».
В окне «Установить плагин» под названием плагина «Breadcrumb NavXT» следует нажать на ссылку «Установить».

Далее в окне подтверждения установки плагина нужно нажать на кнопку «ОК».

В открывшемся окне «Установка плагина: Breadcrumb NavXT» необходимо нажать на ссылку «Активировать плагин». После этого в боковой панели «Админ-панели WordPress» появился новый пункт «Breadcrumb NavXT». Если нажать на этот пункт, то тогда можно будет войти в настройки плагина хлебных крошек.

В окне «Настройки Breadcrumb NavXT» расположено довольно много настроек этого плагина. Настройки Breadcrumb NavXT можно оставить сделанными по умолчанию. Во вкладке «Основные» можно, если вы хотите, изменить пункт «Ссылка на главную».

В подпункте «Заголовок ссылки на главную» можно поменять выражение «Главная» на другое, например, на название вашего сайта. Но это изменение настроек вносить совсем не обязательно, все зависит от вашего желания.

Теперь нужно вставить в файлы вашей темы, в те места, где должны будут отображаться хлебные крошки, следующий код:

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

Этот код желательно вставить в такие файлы вашей темы: «Одна запись (single.php)», «Шаблон страницы (page.php)», «Архивы (arhvie.php)», «Результаты поиска (search.php)».

Для того, чтобы вставить этот код нужно войти в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Шаблоны».

В шаблон «Одна запись (single.php)», который отвечает за страницы со статьями, код вставляется так, как показано на этом изображении.

плагин breadcrumb navxt

После вставки кода, нажимаете на кнопку «Обновить файл».

Идеальный выбор начинающих и небольших сайтов

Далее нужно будет вставить код в файл «Шаблон страницы (page.php)», который отвечает за статические страницы (например, страницы «О сайте», «Обо мне», «Рекомендую» и т.п.).

плагин breadcrumb navxt

Код вставлен, затем нужно нажать на кнопку «Обновить файл».

В файл «Архивы (arhvie.php)», который отвечает за рубрики, также нужно будет вставить этот код.

плагин breadcrumb navxt

После того, как код вставлен, нажимаете на кнопку «Обновить файл».

И в завершении установки кода в файлы темы WordPress, код вставляется в файл «Результаты поиска (search.php)», который отвечает за поиск по сайту. Вставляете код в то место, как это показано на изображении.

плагин breadcrumb navxt

Далее нажимаете на кнопку «Обновить файл».

На этом изображении видно как выглядит навигация хлебные крошки. Имя главной страницы не было изменено на название сайта.

плагин breadcrumb navxt

Можно также вставить в файл «Таблица стилей (style.ccs)» такой код (это делать необязательно):

.breadcrumb {
font:bolder 12px  "Trebuchet MS", Verdana, Arial;
padding-bottom: 10px;
}

.breadcrumb a{

color: #1B7499;
}
.breadcrumb a:hover {
color: #EF0E0E;
}

В этом коде можно менять размер и шрифт (font:bolder 12px  «Trebuchet MS», Verdana, Arial), отступы (padding-bottom: 10px), а также цвет ссылок хлебных крошек в статическом состоянии и при наведении на них курсора мыши (можно менять цифровые значения).

Показания в этом коде можно менять по своему усмотрению, или найти другой подобный код в Интернете. Также можно вообще обойтись и без установки этого кода в файл «Таблица стилей (style.ccs)». В установленной у меня теме, после установки кода, немного изменился шрифт.

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

скачать амиго бесплатно

Понравилась статья — нажмите на кнопки:

Подписаться на обновления блога

10 комментариев

  1. Василий, здравствуйте!
    Большое спасибо вам за очень хорошо изложенный материал, я сейчас как раз разбираюсь с редактированием. Увлеклась,так интересно что-то менять на сайте, не просто менять, а улучшать шаблон.
    Вначале хотела поменять тему, а теперь хочу просто научиться работать с редактором в админ панели,понимаю, что для этого нужно много чего знать.
    Информация с вашего сайта мне помогают разобраться в этом деле.
    И у меня к вам вопрос: если зайдёте ко мне на сайт и захотите из комментария (ну понравился коммент) перейти по ссылке, то ссылка откроется в этой же вкладке, что МНЕ НЕ НРАВИТСЯ! Сами понимаете почему…
    Копалась я в редакторе и экспериментировала с добавлением для открытия ссылок в новой вкладке, но опыта и знаний в таких делах не хватает.
    Помогите разобраться,пожалуйста! Вот вам повод написать про ссылки пост!

    • Спасибо Галина. Я сам долго искал ответ на этот вопрос. Есть несколько способов решить эту проблему. Но, не все способы мне нравились. Недели через две-три напишу статью или пару статей как решить этот вопрос разными способами.

  2. Как раз уже задумалась над тем чтобы поставить такую линеечку ссылок. Для кого-то это будет просто «нитью Ариадны»)

  3. Классная штука, увеличивает поведенческие факторы. Лучше конечно ставить без плагина, но для некоторых это очень проблематична, поэтому статья без сомнения полезная!

  4. Спасибо. Статья очень доходчиво написана. Все понятно. Интересно будет узнать, как «хлебные крошки» установить без плагина.

  5. Уже давно установил этот плагин. Когда шарюсь на своём блоге сам часто пользуюсь, надеюсь что и посетителям тоже нравится эта функция. Да и для СЕО она хороша.

  6. Может кто подскажет. Плагин отлично работает, но есть одна проблема.. у меня запись находится в нескольких рубриках, но плагин показывает только первую рубрику. Как сделать что бы показывались все рубрики в которых находится запись?
    Сейчас выглядит так: ГЛАВНАЯ — РУБРИКА — ЗАПИСЬ, нужно так: ГЛАВНАЯ — РУБРИКА — РУБРИКА2 — ЗАПИСЬ

    • Так не получится сделать, потому что правильная структура такая — ГЛАВНАЯ — РУБРИКА — ЗАПИСЬ. Если вставить туда еще РУБРИКА2, то РУБРИКА2 станет подразделом РУБРИКА, чем она, на самом деле, не является.

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

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