Как сделать крошка хлебная


Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная



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

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

Не обязательно использовать плагины для создания «хлебных крошек» — можно их сделать самостоятельно.

Чтобы сделать «хлебные крошки» без плагинов, создайте пустой текстовый файл, и назовите его breadcrumbs.php. Вставьте в него следующий код:

Этот код создает навигационные ссылки, которые выводятся в зависимости от того, на какой вы сейчас странице находитесь. Если вы находитесь на странице с постом, то выводится ссылка на главную страницу, за ней идет ссылка на категорию, и за ней написано название поста. То же самое касается и отдельной страницы.
Если вы находитесь в архиве какой-то рубрики, то выводится ссылка на главную страницу, и за ней следует ссылка на рубрику.
Получается примерно такой вид:

Осталось только прикрутить файл breadcrumbs.php к вашей теме. Понятно, что нет смысла выводить такое навигационное меню на главной странице, а вот на отдельной странице, в посте, в результатах поиска и в архивах всех видов (по тегам, категориям, дате, месяцу, году, автору) «хлебные крошки» будут не лишними.

Давайте рассмотрим пример добавления «хлебных крошек» на страницу с постом — на остальные страницы код добавляется так же по аналогии. Откройте файл single.php и найдите в нем строчку, начинающуюся так:

Так начинается цикл, в котором выводится содержимое поста. Вот в этот цикл и нужно вставить код, присоединяющий созданный нами файл:

В принципе, на этом все. Однако «хлебные крошки» нужно как-то оформить, а то эти ссылки могут не вписаться в общий дизайн. Именно для этого в breadcrumbs.php используется элемент DIV с оформлением id=»breadcrumbs». Откройте файл style.css и добавьте в него несколько строчек:

Это оформление подойдет для светлой темы. Вот теперь «хлебные крошки» стали выглядеть хорошо. Пользуйтесь!


Источник: http://n-wp.ru/5398


Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Как сделать крошка хлебная

Читать далее: