Хлебные крошки Breadcrumb NavXT
Сегодня я хочу рассказать вам о таком понятии, как хлебные крошки на сайте. Хлебные крошки — это очень важный элемент, который решает несколько очень важных задач на моем WordPress блоге. Во- первых, хлебные крошки на сайта улучшают навигацию, а во-вторых заботятся о правильной внутренней перелинковке. По своей сути, хлебные крошки на сайте — это дополнительный элемент навигации, который отображает ваше местоположение в структуре wordpress блога.
Нужны ли хлебные крошки на сайте
Как уже ранее я упоминал, хлебные крошки :
- улучшают навигацию на блоге или сайте.
- делают правильную внутреннюю перелинковку блога ( а так же читайте, как реализовать внутреннюю перелинковку при помощи плагина Terms Descriptions).
- указывают место положение читателю в структуре ресурса.
Для реализации хлебных крошек на сайта или WordPress блоге я буду использовать плагин 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 (Одна запись), точно так же, как показано на изображении ниже:
А этот 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-код:
А для того чтобы подключить файл 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. А чтобы не пропустить выход новых статей, советую
С уважением, Дороднов Иван!
Навигация
Предыдущая статья: ← Seo плагин Terms Descriptions
Следующая статья: Видео уроки WordPress →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
Очень важно сделать перелинковку, до того как сайту исполниться полгода, так как сейчас яндекс не любит покупных ссылок на молодых сайтах и до полугода не следует покупать, по крайней мере активно ссылки для продвижения а перелинковка добавит веса страницам.
Абсолютно согласен с вами, Елена.
Внутренняя перелинковка единственный метод для продвинуть статью в ТОП, который не требует материальных затрат и много личного времени.
Полностью согласен с предыдущим автором, только лучше сделать перелинковку по схеме для низкочастотных запросов.
Подскажите, пожалуйста, что делаю не так. Пробровал устанавличать и «Хлебные крошки» и «Похожие записи», после вставки кода в single.php и проверки результатов не видно вообще страницы с постом. Главная страница есть, а конкретная страница не отображается.
Заранее спасибо за разъяснения.
Анатолий
Анатолий, проблема в том, что вы вставляете код в неправильное место, нарушая загрузку страницы. Если можете то пришлите на мне на почту расшифровку всех ваших действий.
Если действовать на перспективу, то внутреннюю перелинковку просто нужно сделать хорошо (используя как низкочастотные, так и высокочастотные ключи)
Евгений, в какой сточке не хватает пробела? Я бы исправил. У меня на блоге реализован точно такой же код, который и опубликован в статье.
Подскажите пожалуйста у меня выдается такая ошибка — «Call to undefined function is_home ()». Я понимаю что оно не видит эту функцию, но где ее взять? Я работаю не на wp, а сам пишу сайт на php.
Добрый день, Дмитрий. О том, как исправить эту ошибку можете почитать здесь: wphelp (точка) ru/2011/call-to-undefined-function-is_rtl (точка) htm. Не забудьте отредактировать адрес. Удачи в установке хлебных крошек на WordPress