Хлебные Крошки
Здравствуйте, уважаемые посетители сайта 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{ |
Далее необходимо настроить вид хлебных крошек. Заходим в админку движка, меню “Настройки”, щелкаем подпункт “Breadcrumb NavXT”. На примере, как сделано у меня, кратко пройдусь по настройкам плагина, которые здесь можно изменить.
Разделитель – символ, который будет отображаться между ссылками хлебных крошек – я сделал знак больше. Подобные символы можно указывать, используя специальные коды, например знак больше имеет код > (кстати, чтобы показать здесь амперсанд, я так же использовал его код: &).
Максимальная длина – количество символов в строке всех ссылок вместе. Я указал 60, так что при превышении этой длины строка обрезается и заканчивается многоточием.
Поставил галочку “Включить домашнюю ссылку”, чтобы хлебные крошки начинались с ссылки на главную страницу сайта. Название ссылки задал “okITgo.ru”.
Префикс и суффикс домашней страницы ставить не стал, чтобы не увеличивать длину ссылки.
Текст домашней ссылки задал следующим образом:
<a title=”Перейти на главную страницу сайта '%title%' – статьи по информационным технологиям, интернет, веб программированию, IT, Hi-Tech, …” href=”%link%”> |
Больше на вкладке “Общие” ничего не менял. Не забываем нажать “Сохранить изменения” (кнопка внизу вкладки), чтобы сделанные изменения не потерялись.
Следующая вкладка – “Текущая позиция” – позволяет включить ссылку на текущую страницу, что на мой взгяд, вполне оправданно, поскольку вносит большую ясность в текущее местоположение посетителя.
Префикс и суффикс ставить не стал, чтобы опять же не увеличивать длину ссылки.
“Текст ссылки текущей позиции” сделал следующий:
<a title=”Обновить текущую страницу.” href=”%link%”> |
Остальное на этой вкладке не трогал.
Рассмотрим следующую вкладку настроек – “Записи / Страницы”.
Здесь я указал префикс для записи – “Текущая статья '” и суффикс – “'”, чтобы название текущей статьи обрамлялось кавычками.
Текст ссылки для записей сделал такой:
<a title=”Перейти на '%title%'.” href=”%link%”> |
Остальное точно не помню – вроде бы ничего не менял на этой вкладке, на данный момент настройки такие:
“Показывать варианты путей” – галка стоит.
Переключатель “Вариант пути” на пункте “Рубрики”.
“Префикс для статьи” и “Суффикс для статьи” не заполнены.
“Текст ссылки для статьи” – такой же, как текст ссылки для записей:
<a title=”Перейти на '%title%'.” href=”%link%”> |
“Префикс для аттачментов” и “Суффикс для аттачментов” не заполнены.
На вкладке “Рубрики” “Префикс рубрики” и “Суффикс рубрики” не заполнены.
“Текст ссылки для рубрик” следующий:
<a title=”Перейти к рубрике '%title%'.” href=”%link%”> |
“Префикс архива рубрик” равен “Содержание рубрики &#39;”
“Суффикс архива рубрик” равен “&#39;”
Таким образом название рубрики обрамляется кавычками.
Вкладка “Метки” у меня заполнена по аналогии с вкладкой “Рубрики”, хотя метки у меня не показаны и архивы меток не используются. Видимо эти настройки были по умолчанию.
Префикс и суффикс для меток не стоит.
“Текст ссылки для метки” такой:
<a title=”Перейти к метке '%title%'.” href=”%link%”> |
“Префикс для архива меток” равен “Архив метки &#39;”
“Суффикс для архива меток” равен “&#39;”
Вкладку “Архив по дате” я также не настраивал, поскольку такие архивы тоже не использую. На данный момент там заполнено только одно поле “Текст ссылки для даты”:
<a title=”Перейти к архиву за %title%.” href=”%link%”> |
Осталось рассмотреть последнюю вкладку “Остальное”, в которой я также ничего не менял. Настройки следующие:
Настройка | Значение |
---|---|
Префикс для автора | Опубликовал(а): |
Суффикс для автора | |
Как отображать автора | display_name |
Префикс для поиска | Результат поиска для ' |
Суффикс для поиска | ' |
Текст ссылки для страницы поиска | <a title=”Перейти к первой странице резултатов поиска '%title%'.” href=”%link%”> |
Заголовок 404 | 404 |
Префикс 404 | |
Суффикс 404 |
На этом собственно можно завершить рассказ о хлебных крошках. Удачи Вам и до новых встреч на страницах сайта okITgo.ru.