Хлебные Крошки

Рубрика: WordPress - Статьи по CMS

Здравствуйте, уважаемые посетители сайта okITgo.ru. Сегодня хотел бы рассказать о еще одном полезном плагине WordPress – “breadcrumb-navxt” или Хлебные Крошки, вносящем немалый вклад в совершенствование системы навигации по сайту. К тому же, пользователь всегда будет знать, в каком месте вашего сайта (или блога) он в данный момент находится, что на мой взгляд, очень удобно. Также плагин повышает качество внутренней перелинковки сайта, что в свою очередь улучшает перераспределение статического веса страниц.

Увидеть плагин в действии Вы можете у меня на сайте, над текстом статьи в виде последовательности ссылок – начиная от ссылки на главную страницу сайта, и пути к текущей странице. Например статья Просмотр XML имеет следующий путь из “хлебных крошек”:
Хлебные крошки - пример

Если хотите установить данный плагин себе на WordPress-сайт, скачать его можно как обычно с официального сайта движка. Скачав плагин, распаковываем архив, содержимое которого кладем в директорию

wp-content\plugins\

Затем активируем плагин в админке (меню “Плагины”, ищем плагин “Breadcrumb NavXT”, щелкаем “Активировать”). Далее, в шаблоны вордпресс темы SINGLE, ARCHIVE, PAGE, SEARCH вставляем после кода

 <?php get_header(); ?>

код

 <div class=”breadcrumb”>
 <?php
 if(function_exists(‘bcn_display’))
 {
  bcn_display();
 }
 ?>
 </div>

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

Стиль хлебных крошек можно настроить в основном файле таблицы стилей текущей темы “STYLE.CSS”, например прописать классы следующим образом:

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

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

Далее необходимо настроить вид хлебных крошек. Заходим в админку движка, меню “Настройки”, щелкаем подпункт “Breadcrumb NavXT”. На примере, как сделано у меня, кратко пройдусь по настройкам плагина, которые здесь можно изменить.
Разделитель – символ, который будет отображаться между ссылками хлебных крошек – я сделал знак больше. Подобные символы можно указывать, используя специальные коды, например знак больше имеет код &gt; (кстати, чтобы показать здесь амперсанд, я так же использовал его код: &amp;).
Максимальная длина – количество символов в строке всех ссылок вместе. Я указал 60, так что при превышении этой длины строка обрезается и заканчивается многоточием.
Поставил галочку “Включить домашнюю ссылку”, чтобы хлебные крошки начинались с ссылки на главную страницу сайта. Название ссылки задал “okITgo.ru”.

Префикс и суффикс домашней страницы ставить не стал, чтобы не увеличивать длину ссылки.
Текст домашней ссылки задал следующим образом:

<a title=”Перейти на главную страницу сайта &#39;%title%&#39; – статьи по информационным технологиям, интернет, веб программированию, IT, Hi-Tech, …” href=”%link%”>

Больше на вкладке “Общие” ничего не менял. Не забываем нажать “Сохранить изменения” (кнопка внизу вкладки), чтобы сделанные изменения не потерялись.

Следующая вкладка – “Текущая позиция” – позволяет включить ссылку на текущую страницу, что на мой взгяд, вполне оправданно, поскольку вносит большую ясность в текущее местоположение посетителя.
Префикс и суффикс ставить не стал, чтобы опять же не увеличивать длину ссылки.
“Текст ссылки текущей позиции” сделал следующий:

<a title=”Обновить текущую страницу.” href=”%link%”>

Остальное на этой вкладке не трогал.

Рассмотрим следующую вкладку настроек – “Записи / Страницы”.
Здесь я указал префикс для записи – “Текущая статья &#39;” и суффикс – “&#39;”, чтобы название текущей статьи обрамлялось кавычками.
Текст ссылки для записей сделал такой:

<a title=”Перейти на &#39;%title%&#39;.” href=”%link%”>

Остальное точно не помню – вроде бы ничего не менял на этой вкладке, на данный момент настройки такие:
“Показывать варианты путей” – галка стоит.
Переключатель “Вариант пути” на пункте “Рубрики”.
“Префикс для статьи” и “Суффикс для статьи” не заполнены.
“Текст ссылки для статьи” – такой же, как текст ссылки для записей:

<a title=”Перейти на &#39;%title%&#39;.” href=”%link%”>

“Префикс для аттачментов” и “Суффикс для аттачментов” не заполнены.

На вкладке “Рубрики” “Префикс рубрики” и “Суффикс рубрики” не заполнены.
“Текст ссылки для рубрик” следующий:

<a title=”Перейти к рубрике &#39;%title%&#39;.” href=”%link%”>

“Префикс архива рубрик” равен “Содержание рубрики &amp#39;”
“Суффикс архива рубрик” равен “&amp#39;”
Таким образом название рубрики обрамляется кавычками.

Вкладка “Метки” у меня заполнена по аналогии с вкладкой “Рубрики”, хотя метки у меня не показаны и архивы меток не используются. Видимо эти настройки были по умолчанию.
Префикс и суффикс для меток не стоит.
“Текст ссылки для метки” такой:

<a title=”Перейти к метке &#39;%title%&#39;.” href=”%link%”>

“Префикс для архива меток” равен “Архив метки &amp#39;”
“Суффикс для архива меток” равен “&amp#39;”

Вкладку “Архив по дате” я также не настраивал, поскольку такие архивы тоже не использую. На данный момент там заполнено только одно поле “Текст ссылки для даты”:

<a title=”Перейти к архиву за %title%.” href=”%link%”>

Осталось рассмотреть последнюю вкладку “Остальное”, в которой я также ничего не менял. Настройки следующие:

Настройка Значение
Префикс для автора Опубликовал(а):
Суффикс для автора
Как отображать автора display_name
Префикс для поиска Результат поиска для &#39;
Суффикс для поиска &#39;
Текст ссылки для страницы поиска <a title=”Перейти к первой странице резултатов поиска &#39;%title%&#39;.” href=”%link%”>
Заголовок 404 404
Префикс 404
Суффикс 404

На этом собственно можно завершить рассказ о хлебных крошках. Удачи Вам и до новых встреч на страницах сайта okITgo.ru.

Ваш отзыв