Хлебные крошки Breadcrumb NavXT и без плагина

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

Хлебные крошки на сайт с плагином и без

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

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

  •  улучшают навигацию на блоге или сайте.
  •  делают правильную внутреннюю перелинковку блога.
  •  указывают место положение читателю в структуре ресурса.

Для добавления к нашему сайту хлебных крошек мы рассмотрим 2 варианта:

  1. Плагин Breadcrumb NavXT, который обладает очень хорошей функциональностью и имеет в своем активе множество настроек.
  2. Хлебные крошки на сайте без использования плагина (на основе PHP и CSS).

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

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

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

Вот, по большому счету и все, хлебные крошки на сайте установлены, осталось только разобраться с тем, где они будут отражаться. И установить в  этом месте php-код плагина Breadcrumb NavXT.

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

Breadcrumb NavXT

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

Плагин 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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *