Для тех кто слышит это словосочетание —  «хлебные крошки» первый раз привожу цитату из Википедии:

Навигационная цепочка (дублирующее меню, «хлебные крошки», англ. Breadcrumbs) — элемент навигации (обычно в файловых менеджерах), представляющий собой путь по файловой системе откорня до рабочего каталога, который в данный момент просматривает пользователь.

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

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

Выглядят мои хлебные крошки следующим образом:

Хлебные крошки для Wordpress без плагина (поддержка пользовательских типов записей и таксономий)

 

Для стилизации разделителей между элементами использовал псевдо-элемент :before который присваивал элементам списка, а также иконки из fontawesome.

В чём преимущество вставки «хлебных крошек» без плагина:

  • Немного разгружаете сервер
  • Можете вручную редактировать некоторые параметры, которые отредактировать в плагинах не получается.
  • Вы можете полностью переделать функцию по своему усмотрению взяв основной принцип.
Вставить эту функцию в шаблон можно следующим образом:
Обновлено 15.05.2016 (теперь работает в пользовательских типах записей и таксономиях).

Обновлено 16.05.2016 (добавлена микро-разметка и локализация)

Оставить комментарий

  Подписаться  
Уведомление о