Хлебные крошки Breadcrumb NavXT

Сегодня я хочу рассказать вам о таком понятии, как хлебные крошки на сайте. Хлебные крошки — это очень важный элемент, который решает несколько очень важных задач на моем WordPress блоге. Во- первых, хлебные крошки на сайта улучшают навигацию, а во-вторых заботятся о правильной внутренней перелинковке. По своей сути, хлебные крошки на сайте — это дополнительный элемент навигации, который отображает ваше местоположение в структуре wordpress блога.

Нужны ли хлебные крошки на сайте

Как уже ранее я упоминал, хлебные крошки :

 - улучшают навигацию на блоге или сайте.

 - делают правильную внутреннюю перелинковку блога ( а так же читайте, как реализовать внутреннюю перелинковку при помощи плагина Terms Descriptions).

 - указывают место положение читателю в структуре ресурса.

Для реализации хлебных крошек на сайта или WordPress блоге я буду использовать плагин Breadcrumb NavXT, который обладает очень хорошей функциональностью и имеет в своем активе множество настроек. Конечно, хлебные крошки на сайте можно сделать и без использования плагина Breadcrumb NavXT, но для тех кто предпочитает быстроту и легкость действий, то без плагина Breadcrumb NavXT не обойтись.

Установка  плагина Breadcrumb NavXT

Для того, чтобы установить плагин Breadcrumb NavXT, его первым дело нужно скачать. А далее, скачанный  Breadcrumb NavXT помещаем в папку:

/wp-content/plugins/

Далее перейдите в административную панель WordPress блога и в меню находящемся слева нажать на вкладку «Плагины», нажать на вкладку «Неактивные», в ней найти строчку «Breadcrumb NavXT» и нажать «Активировать». Вот, по большому счету и все, хлебные крошки на сайте установлены, осталось только разобраться с тем, где они будут отражаться. И установить в  этом месте php-код плагина Breadcrumb NavXT.

Я установил данный код в файл Single.php (Одна запись), точно так же, как показано на изображении ниже:

А этот php-код для плагина Breadcrumb NavXT  я установил в файл style.css, для того чтобы хлебные крошки на сайте отражались в нужном стиле(шрифт,стиль написания):

.breadcrumb {font:bolder 12px «Trebuchet MS», Verdana, Arial;padding-bottom: 10px;} .breadcrumba{color:#1B7499;}.breadcrumba:hover {color: #EF0E0E;}

На wordpress хлебные крошки будут отображаться вот таким образом:

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

Настройка плагина Breadcrumb NavXT

Так как плагин Breadcrumb NavXT буржуйский, то в нем нужно прописать настройки на русском языке, чтобы хлебные крошки на сайте отражались правильно. Для этого в административной панели WordPress блога пройдите во вкладку «Параметры» и найдите строку «Breadcrumb NavXT». Сделайте в настройках следующие действия:

Настройка Breadcrumb NavXT будет отображена на блоге следующим образом:

Всего для в плагине Breadcrumb NavXT для настройки хлебных крошек на сайте отведено 5 разделов,настройке которых нужно уделить немного внимания. Для вас я подготовил видео, в котором подробно изложил как настроить хлебные крошки на сайте при помощи плагина Breadcrumb NavXT.

Как сделать хлебные крошки на сайте без плагинов

А сейчас, уважаемые читатели, я расскажу вам, как сделать хлебные крошки на сайте без плагинов. Для этого создайте файл breadcrumbs.php и поместите его в папку:

/wp-content/themes/

И пропишите в нем следующий php-код:

    

 

     « На главную /            

     cat_ID; 

     echo(get_category_parents($cat, TRUE, ' / ')); } ?>Пост ""

 

     « На главную / Страница ""    

 parent) { ?>

     « На главную /            

     Рубрика cat_ID; 

     echo(get_category_parents($cat, TRUE, ' / ')); } ?>

 

     « На главную /            

     Рубрика ""

 « На главную / Архив тега     

 « На главную /  Архив записей

 « На главную / Архив записей

 « На главную /  Архив записей

 

       « На главную / Страница автора 

 

       « На главную / Результаты поиска

 

       « На главную / Ошибка 404 

 

       « На главную / Карта советов

 

       « На главную / Карта меток

 

       « На главную / Форма для контактов

 
Архивы

 	

А для того чтобы подключить файл breadcrumbs.php к блогу. Необходимо разместить следующий php-код в нужном для вас месте:

Далее придаем нужный нам стиль, прописывая его в файле style.css

#breadcrumbs {  
	width: auto;
	font-size: 13px;
	color: #000;
  text-align : left; 
  overflow : hidden; 
}
#breadcrumbs a, #breadcrumbs a:visited { 
  color : #808080; 
  text-decoration : none; 
  outline:none;
} 
#breadcrumbs a:hover, #breadcrumbs a:active { 
  color : #000; 
  text-decoration : none; 
  outline:none;
}

 А на этом я закончу на сегодня разговор о хлебных крошках на сайте и о плагине Breadcrumb NavXT. А чтобы не пропустить выход новых статей, советую подписаться на рассылку новых постов по E-mail.

С уважением, Дороднов Иван!

Tweet