Хлебные крошки для сайта

хлебные крошки

Всем привет! Глупое название для статьи, правда?

А вот и нет...!

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

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

«Почему хлебные крошки?» — спросите Вы. А на самом деле все очень просто... Помните сказку про то, как дети, чтобы не заблудиться в лесу сыпали на дорогу хлебные крошки? Вот оттуда и пошло это название.


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

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

Вот такой полезный инструмент...

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

Как обычно, будем рассматривать на примере движка WordPress.

Самый распространенный плагин для создания «Хлебных крошек» для WordPress — это плагин breadcrumb NavXT. Скачать его можно здесь.

Устанавливается плагин стандартным способом, который я уже описывал в статье: Установка плагинов WordPress

Но кроме этого еще нужно вставить в то место, куда Вы хотите вывести хлебные крошки, фрагмент кода:

<?php if(function_exists('bcn_display_list')) { bcn_display_list(); }?>

Вот и все! Они будут работать. Более глубокие настройки можно провести в админ панели. Теперь в в пункте «Параметры» появился новый раздел «Breadcrumb NavXT»

Первая вкладка называется «General» — Общие.

настройка хлебных крошек

Breadcrumb Separator — символ, который будет использоваться в качестве разделителями между звеньями цепочки.

Breadcrumb Max Title Length — в качестве звена навигационной цепочки (хлебной крошки) используется заголовок страницы, эта опция задает максимальную длину заголовка, 0 — используется заголовок целиком, не обрезая его.

Home Breadcrumb — указывать или нет в хлебных крошках главную страницу блога.

Home Template — задает анкор ссылки, ведущей на домашнюю страницу.

Home Template (Unlinked) — текст, который будет виден на главной страницы блога, если это не ссылка.

Переходим на вкладку Current Item, что означает «Текущей пункт» или «Текущее местоположение».

Breadcrumb NavXT

Link Current Item — выводить или нет название текущей страницы в хлебных крошках в качестве ссылки.

Paged Breadcrumb — поддержка постраничной навигации. После включения в навигационной цепочке будут отображаться номера страниц.

Paged Template — шаблон, определяющий название текущей позиции при включенной поддержки постраничной навигации.

Следующий раздел называется «Post & Pages» — Записи и страницы.

Post Template — определяет анкор ссылки для записи.

Post Template (Unlinked) — название записи в хлебных крошках (не ссылка).

Post Taxonomy Display — показывать все варианты путей, ведущих к записи.

Post Taxonomy — в вариантах путей к записи можно отображать. Для своего блога я выбрал стандартный вариант — Рубрики.

Page Template и Page Template (Unlinked) — аналогичны рассмотренным выше Post Template и Post Template (Unlinked), только выводится будут для опубликованных страниц.

На очереди раздел «Categories & Tags».

Breadcrumb NavXT настройка

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

В разделе Miscellaneous можно задать шаблоны для страницы автора (Author), даты/архива (Date), результатов поиска (Search) и ошибки 404.

Ну и конечно же, если Вы хотите более красиво отформатировать свои хлебные крошки — то придется изучить CSS.

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

Обновления блога:

Вы еще не читаете нашу ?
Тогда получайте новые статьи на E-mail:
Моя статья помогла Вам? Это хорошо! Теперь не нужно жадничать - поделитесь этой статьей с друзьями в социальных сетях.
Хотите быть в курсе того, что происходит на сайте? Читайте меня в Твиттере.

Комментарии к статье:
"Хлебные крошки для сайта"

  1. Класс! Мне понравились такие «Хлебные крошки»!  Благодарю за интересное и подробное описание =)  

  2. Впервые на вашем сайте и первое впечатление =)  класс! И статей смотрю у вас тут очень много интересных и полезных. Теперь ку вас на одного подписчика больше. Так держать.

  3. Спасибо за познавательный материал!