Google + Группа Вконтакте RSS


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

Дата: 12 марта 2012 Рубрика: Оптимизация Комментарии: 9 комментариев

Хлебные крошки на сайт

Сегодня я хочу рассказать вам о таком понятии, как хлебные крошки на сайте. Хлебные крошки — это очень важный элемент, который решает несколько очень важных задач на моем 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.

class="breadcrumb">if(function_exists('bcn_display')){bcn_display ();}?>

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

 

Breadcrumb NavXT

 

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

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

 

Плагин Breadcrumb NavXT

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

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

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

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

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

Настройка Breadcrumb NavXT

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

Breadcrumb NavXT

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

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

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

/wp-content/themes/

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

А для того чтобы подключить файл 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.

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 голос, средний: 5,00 из 5)
Loading ... Loading ...
Twitt

 

Навигация

Предыдущая статья: ←

Следующая статья:

В этой же рубрике:

Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!





К записи "Хлебные крошки Breadcrumb NavXT" 9 комментариев

  1. Елена:

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

  2. Ivanushkka:

    Абсолютно согласен с вами, Елена.

    Внутренняя перелинковка единственный метод для продвинуть статью в ТОП, который не требует материальных затрат и много личного времени.

  3. Алексей:

    Полностью согласен с предыдущим автором, только лучше сделать перелинковку по схеме для низкочастотных запросов.

  4. Анатолий Черкасов:

    Подскажите, пожалуйста, что делаю не так. Пробровал устанавличать и «Хлебные крошки» и «Похожие записи», после вставки кода в single.php и проверки результатов не видно вообще страницы с постом. Главная страница есть, а конкретная страница не отображается.

    Заранее спасибо за разъяснения.

    Анатолий

  5. Disseo:

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

  6. Disseo:

    Если действовать на перспективу, то внутреннюю перелинковку просто нужно сделать хорошо (используя как низкочастотные, так и высокочастотные ключи)

  7. Disseo:

    Евгений, в какой сточке не хватает пробела? Я бы исправил. У меня на блоге реализован точно такой же код, который и опубликован в статье.

  8. Дима:

    Подскажите пожалуйста у меня выдается такая ошибка — «Call to undefined function is_home ()». Я понимаю что оно не видит эту функцию, но где ее взять? Я работаю не на wp, а сам пишу сайт на php.

  9. Ivanushkka:

    Добрый день, Дмитрий. О том, как исправить эту ошибку можете почитать здесь: wphelp (точка) ru/2011/call-to-undefined-function-is_rtl (точка) htm. Не забудьте отредактировать адрес. Удачи в установке хлебных крошек на WordPress

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

Подписаться:
Популярные записи:

Для читателей:

Книга "Оптимизация"

Наверх