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

Хлебные крошки в WordPress как элемент навигации.

Хлебные крошки WordPress“Хлебные крошки” — это важный элемент навигации веб-сайта, который повышает его юзабилити и влияет на повышение PR в поисковике Google. Особенно это касается сайтов со сложной структурой.

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

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

Особенности функции Хлебных крошек.

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

Главная » Рубрика » Подрубрика » Название статьи

Во всех решениях, которые я встречал (за исключением плагинов), такая цепочка выглядела вот так:

Главная » Подрубрика » Название статьи

Т.е. одно звено потеряно.

Аналогично у меня выглядят и “крошки” для страниц. К примеру, для страницы 3-го уровня вложенности цепочка будет такой:

Главная » Страница 1-го уровня » Страница 2-го уровня » Страница 3-го уровня.

“Хлебные крошки” выводятся для следующих типов страниц WordPress-сайта:

  • постраничная навигация с главной страницы (вида site.ru/page/2/);
  • архив рубрики;
  • архив тега;
  • архив за день;
  • архив за месяц;
  • архив за год;
  • архив автора;
  • страница;
  • пост;
  • результаты поиска;
  • страница с ошибкой 404.

Добавляется порядковый номер страницы, если это 2-я или больше страница архивов.

Можно задать любой символ разделителя между ссылками.

Можно задать текст для ссылка “Главная”.

Используется отдельный CSS-класс для текущей позиции.

А вот и сама функция “Хлебные крошки” для WordPress:

 

Функцию необходимо поместить в файл functions.php вашей WordPress-темы. После этого, в то место шаблона, где хотите выводить “хлебные крошки”, добавьте следующий код:

 

Единственное, что теперь останется сделать — оформить их с помощью CSS. Для этого к блоку “хлебных крошек” предусмотрен идентификатор #crumbs, а для текущей “крошки” класс .current.

P.S. Функция работает на WordPress, начиная с версии 2.5 и выше.

P.P.S. Если вы публикуете посты сразу в несколько рубрик, то в цепочке будут отображаться все эти рубрики через запятую. Я посты публикую как правило только в одну рубрику, поэтому не пытался сделать так, чтобы отображалась только одна из рубрик.

Похожие записи

Рейтинг: 0

Автор публикации

не в сети 5 месяцев

Александр

24

Ничего так в делах не подкупает, как своевременная предоплата. $

Комментарии: 146Публикации: 102Регистрация: 05-02-2016

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