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

Сегодня я расскажу о плагине под народным названием Хлебные крошки, официальное название Breadcrumb NavXT

Это пожалуй самый востребованный и популярный плагин среди веб мастеров. Его популярность связана с двумя причинами.

Первая.

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

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

хлебные крошки wordpress, модуль хлебные крошки, меню хлебные крошки

Вторая.

Дополнительная перелинковка страниц, и как следствие в ранжировании поисковиков. (Собственно, прозвище «Хлебные крошки» произошло от сказки братьев Гримм под названием Гензель и Гретель по сюжете которой дети чтобы не заблудится в лесу бросали хлебные крошки… Но это так, лирическое отступление.) Вернёмся всё же к нашему плагину.


Скачиваем и устанавливаем плагин Breadcrumb NavXT.

Скачать плагин Breadcrumb NavXT лучше всего, найдя его через свою панель управления введя в строке поиска «Breadcrumb NavXT«

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

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

Установка обычная ничем не отличается от установки остальных плагинов. А вот с настройками придётся повозиться.

Настройка плагина Breadcrumb NavXT (Хлебные крошки)

Переходим по вкладке «Параметры»…

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

навигация хлебные крошки, breadcrumb navxt настройка

… и попадаем в панель настроек плагина Breadcrumb NavXT. В данном случае нас интересует только вкладка«Основные», все остальные вкладки настроек: «Записи и страницы», «Таксономии», «Другое», можно оставить пока без изменений. Возможно вам когда то придётся к ним вернуться чтобы более продвинуто настроить Хлебные крошки, но а пока оставляем всё как есть. Ну а настройки вкладки «Основные» изменяем как показано на картинке ниже:

Плагин Breadcrumb NavXT инструкция по установке

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

хлебные крошки на сайте, хлебные крошки seo

Сохраняем изменения настроек, и на этом здесь все.


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

 Переходим в консоль и выбираем «Внешний вид»→«Редактор»:

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

 

плагин хлебные крошки, как сделать хлебные крошки

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

Редактировать необходимо такие шаблоны: single.php, index.php и page.php (если есть специально созданная страница, например, category.php, то и этот тоже)

Выглядит это так:

Сначала выбираем необходимый шаблон. (На данном примере показаны шаблоны имеющиеся в моей теме, у вас их может быть больше или меньше. Редактировать необходимо все что имеются согласно списка: single.php, index.php и page.php, category.php Если какой то из перечисленных шаблонов в вашем списке не отображён, значит просто пропускаем.)

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

красивые хлебные крошки, хлебные крошки пример

Затем берём код:

<div class="breadcrumb">

<?php

if(function_exists('bcn_display'))

{

bcn_display();

}

?>

</div>

И вставляем его в каждом из перечисленных шаблонов примерно в одно и тоже место, после заголовка (header):

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

wordpress плагин хлебные крошки, вордпресс хлебные крошки 

Естественно сохраняем каждый изменённый файл. После чего плагин Breadcrumb NavXT начнёт работать.

Ну вот и всё, почти…


Почти, потому что как правило этих настроек вполне достаточно.

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

В этом случае придётся подгонять Хлебные крошки бод дизайн сайта отдельно.

Делается это так. Берём этот код:

.breadcrumb {

font:bolder 12px "Trebuchet MS", Verdana, Arial;

padding-bottom: 10px;

}

.breadcrumb a{

color: #1B7499;

} .breadcrumb a:hover {

color: #EF0E0E;

}

Изменяем в нём параметры отображения размера текста, шрифта и цвета на необходимые. Затем копируем изменённый код, идём по вкладке «Таблица стилей» вашей темы

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

 … и вставляем код в самом низу редактора

 Плагин

 оформление хлебных крошек, хлебные крошки wp

… сохраняемся, нажав «Обновить файл» Конечно, для получения удовлетворительного результата придётся немного поэкспериментировать.

Ну вот, теперь пожалуй всё.


Как ускорить интернет

Хлебные крошки — Установка и настройка: 5 комментариев

  1. Здравствуйте! Подскажите как редактировать название страницы в хлебных крошках и h1 независимо друг от друга?

  2. А как настроить этот плагин так, чтобы он выдавал там где ссылка на главную вместо названия сайта слово Главная?

    Вот у вас например Все секреты интернета > Плагины для WordPress > Хлебные крошки, а мне надо вместо "Все секреты интернета" слово "Главная" не подскажете, как это можно сделать?

    Что-то я не смог понять как это сделать, в Yoast всё просто меняется в настройка, а тут непонятно.

    1. Если честно, то даже не знаю, что Вам ответить.. Как то не заморачивался этой проблемой. Для меня большой разницы собственно нет что там написано: «Главная» или «Все секреты..» Может кто из читателей подскажет? Если знаете ответ — черкните в коментах пожалуйста.

    2. В настройках плагина замените фразу  %htitle%  на слово Главная

      Соответственно фразу title="Перейти к %title%." на title="На главную."

       

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

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