Плагин Breadcrumb NavXT для внедрения хлебных крошек с целью улучшения навигации и усиления перелинковки сайта WordPress

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

Подробнее о хлебных крошках и о том, как установить их на свой сайт без плагинов вы сможете узнать перейдя по только что предоставленной ссылке, поэтому повторяться нет нужды. Напомню только, что этот элемент позволяет решить сразу две задачи: улучшить навигацию (как составную часть юзабилити ресурса) и усилить перелинковку страниц, что, согласитесь, уже немало.

Хлебные крошки для WordPress

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

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

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

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

При установке через админ-панель перед загрузкой плагина вам будут предоставлены основные актуальные данные, куда включена дата обновления, его популярность среди пользователей, выраженная в числе установок, а также информация о совместимости с вашей версией движка:

Всё это вы сможете сразу проанализировать и принять решение о целесообразности использования любого выбранного вами плагина. Это тоже надо иметь ввиду.

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

<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
    bcn_display();
}
?>
</div>

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

Новичкам я предлагаю сначала немного окунуться во внутренний мир WordPress, где вы найдете подробную информацию о файловом устройстве тем и порядке редактирования шаблонов, это вообще поможет вам понять общую суть работы движка, что принесет только пользу.

Итак, вывод страничек записей (примером может служить данная статья) осуществляется обычно посредством файла single.php, а статических страниц — page.php (правда, в современных темах чаще всего используются сразу несколько шаблонов для отображения содержимого, например, content.php, content-page.php и т.д., так что нужно разбираться в каждом конкретном случае). В каждый из этих шаблонов следует вставить приведенный выше фрагмент. Для этого вам следует отыскать строчку с функцией вызова хидера (шапки) сайта:

<?php get_header(); ?>

И вставить код сразу под ней. Получится примерно так:

<?php get_header(); ?>
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
	bcn_display();
}
?>
</div>

Конечно, если вы желаете разместить крошки еще и в рубриках, то этот же код вам нужно будет поместить в шаблоне category.php (либо в archive.php в зависимости от темы).

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

Для коррекции внешнего вида хлебных крошек можно добавить некоторые свойства каскадных таблиц стилей CSS для класса «breadcrumb» в файл style.css темы, например, такие:

.breadcrumb {font:15px  "Trebuchet MS", Verdana, Arial; тpadding-bottom: 10px; line-height:1.5}
.breadcrumb a {color: #1B7499;}
.breadcrumb a:hover {color: #EF0E0E}

Здесь цвет ссылки (.breadcrumb a) и ее окраска при наведении курсора (.breadcrumb a:hover) определяется параметром свойства color. После применения этих правил навигационная цепочка будет выглядеть вот таким образом:

Конечно, ее надо бы еще существенно укоротить, поскольку она слишком длинная, да к тому же присутствие ключевых слов в названии статьи может оказаться лишним. Возможно, при наличии микроразметки (например, Schema.org) на страницах сайта это не будет переспамом в глазах поисковиков, но лучше все же подстраховаться. Да и длинная цепочка не прибавляет хлебным крошкам привлекательности. Желательно уместить все в одну строчку, что и попробуем сделать.

Чтобы укоротить хлебные крошки, можно применить весьма изысканное решение с привлечением стилей, которые нужно прописать в том же файле style.css вашей темы WordPress:

.breadcrumb span[property="name"] {display: inline-block; padding: 0; margin-top: -3px; vertical-align: middle; max-width: 230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

Надо сказать, что в самых последних версиях плагина Breadcrumb учтены уже все современные требования, в том числе касающиеся SEO продвижения. Поэтому в коде крошек внедрена микроразметка Schema.org (о ней я упомянул чуть выше), наличие которой, возможно, уже в недалеком будущем будет положительно влиять на ранжирование страниц сайтов.

К слову, наличие корректно составленной микроразметки практически гарантирует появление навигационной цепочки в сниппетах страниц сайта, попавших в результаты поиска Гугла, что дает дополнительный стимул к переходу пользователей.

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

Но можно пойти еще дальше. Например, чтобы отобразить полностью текст ссылки в цепочке навигации при наведении на него курсора, снимем с него ограничение длины с помощью свойства max-width: none (это правило тоже нужно внедрить в style.css):

.breadcrumb span[property="name"]:hover {max-width: none}

Теперь, если вы наведете курсор мышки на содержание любой ссылки, ее текст отобразится полностью во всей своей красе:

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

Как настроить Breadcrumb NavXT

Хотя и дефолтные параметры настройки плагина, в общем, обеспечивают неплохое оформление крошек, особенно, если применить к ним нужные стили, предоставленные мною выше, все же можно кое-что изменить на свой вкус, а значит, улучшить. Поэтому перейдем в настройки:

Сначала рассмотрим основной блок:

Разделитель по умолчанию имеет вид угловой скобки «>». Однако этот спецсимвол HTML закодирован с помощью обозначения «&gt;». Вы можете выбрать какой нибудь другой, например, значок стрелки «→», который в HTML коде обозначается «&#8594;». Но мне кажется, дефолтный вариант наиболее оптимален.

Также возможно отметить ссылкой текущую позицию, тогда и название страницы, на которой находится пользователь, будет также представлено в виде гиперссылки. Мне показалось лишним, если страничка ссылается на саму себя, но повторяю, вы можете посчитать по-другому. Следующие пара настроек связана с постраничной навигацией:

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

Paged Template — здесь представлен шаблон для страниц с пагинацией (нумерацией), в который вы можете внести изменения аналогично тем, которые я приведу чуть ниже.

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

Я уже обмолвился, что после того, как вы пропишите соответствующие свойства CSS, оформление хлебных крошек уже можно считать сносным. Но все-таки каждый ищет наилучший вариант. Мне, например, не понравилось длинное название главной страницы, которое выводится на основании прописанного мною в шаблоне блога.

Потому настало время выполнить данное мною выше обещание и показать, как редактировать представленные в настройках Breadcrumb NavXT шаблоны на примере кода ссылки на главную (скриншот выше). Вместо тега анкора ссылки «%htitle%» я прописал просто доменное имя «Goldbusinessnet.com», а значение атрибута title «Go to %title%» (который генерирует появление всплывающей подсказки) я заменил на «Переход на главную страницу сайта Goldbusinessnet.com — создание сайтов и заработок в сети»:

После этого шага не только сократился текст ссылки на главную, но и содержание атрибута title, которое появляется на экране при подводе курсора:

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

Во вкладке «Записи и страницы» по аналогии с описанным уже способом можно произвести редактирование шаблонов для статических вебстраниц и статей:

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

Вывод иерархии (чекбокс заполнен по умолчанию) — активирует в настройках выбор раздела (таксономии), которому принадлежит текущая страница, а также присутствие вебстраницы самой таксономии в хлебных крошках. Какого типа будет этот раздел, необходимо отметить напротив пункта «Иерархия записи». В нашем примере это рубрика. Ежели галочкой эту опцию не отмечать, то крошки будут выглядеть следующим образом:

Post Hierarchy Referer Influence — ежели активировать данную опцию, заполнив чекбокс, то ссылающаяся страница будет влиять на таксономию, выбранную для иерархии.

Во вкладке «Записи и страницы» также можно настроить шаблоны (как с кликабельными, так и некликабельными вариантами) для статических вебстраниц и страниц вложения (примером может служить attachment, на которой присутствует изображение к посту).

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

Например, вместо «%htitle%» вставьте что-то типа «Вы находитесь на странице %htitle%» или «страница %htitle%». В общем, как-то так.

Переходим на следующую вкладку «Таксономии», где находятся шаблоны для рубрик, меток и форматов записей (у кого-то может быть реализован нестандартный вариант вывода статей). Здесь все то же самое, но я все-таки разберу образец с рубриками, подходящий большинству:

При настройке, отображенной на картинке выше, хлебные крошки WordPress примут такой вид (в случае подвода курсора к названию категории):

В последней вкладке «Другое» представлены шаблоны для различных архивов (по дате, по автору), на результаты пользовательского поиска, на вебстраницу с 404 ошибкой page not found (страница не найдена). В общем, присутствуют практически все возможные варианты, ну а настройка всех этих шаблонов уже не должна вызывать у вас вопросов.

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

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

Поэтому рекомендую все-таки воспользоваться приведенным выше методом ограничения длины хлебных крошек посредством CSS свойств, он тоже не отнимет много времени, если, конечно, у вас будет на то желание. Для предпочитающих режим видео представляю ролик по теме:

Поделиться с друзьями
Игорь Горнов

Создатель и администратор сайта Goldbusinessnet.com. Участник нескольких успешных проектов и автор более 1000 статей о работе в интернете, создании сайтов, полезных программах и сервисах.

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

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

  1. Юрий

    Чудесные хлебные крошки! Очень нравится их «горизонтальный» функционал, когда при наведении на категорию выпадают остальные категории в этом разделе. Установил у себя на сайте, но есть одно НО!
    Когда захожу в конкретный товар, то вижу всю иерархию верно:
    Главная -> Категория -> Подкатегория -> Товар
    Но когда захожу в Подкатегорию, то путь неверный:
    Главная -> Подкатегория
    Пропускает родительскую категорию =(
    Перековырял все настройки и пол Интернета и не смог найти решение =( Возможно подскажут знатоки? Заранее спасибо!

    Ответить
  2. Марк

    Игорь, благодарю за ответ
    Ваше решение хорошее, но есть нюансы в результате тестов выяснил.

    Если оставлять мало видимых символов (180 символов в моем случае) то не видно не только название статьи но и предыдущую рубрику тоже сокращает (если она написана в 3 слова) у меня так было.

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

    вот погуглил удалось найти такое
    https://qna.habr.com/q/486235
    https://github.com/mtekk/Breadcrumb-NavXT-Extensions/blob/master/breadcrumb_navxt_remove_curitm.php
    Странно, что автор плагина не ввел такую опцию, если нужно убрать дубль названия статьи(поста) в хлебных крошках …

    Ответить
    1. Игорь Горнов автор

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

      Ответить
  3. Марк

    Автор Благодарю за статью!
    Такой вопрос
    Как убрать дубль названия статьи(поста) в хлебных крошках в этом плагине?
    Например у вас
    Название статьи «Плагин Breadcrumb NavXT для внедрения хлебных крошек с целью улучшения навигации и усиления перелинковки сайта WordPress»
    А в крошках вы сократили это название, а как его вообще убрать подскажите?
    Гуглил так и не нашел решение

    Ответить
    1. Игорь Горнов автор

      Здравствуйте, Марк. Специально для ответа на Ваш вопрос исследовал последнюю версию Breadcrumb NavXT. К сожалению, настройки не позволяют реализовать Ваше желание и полностью убрать название записи из цепочки. Конечно, можно «поковыряться» в файлах самого плагина и добиться нужного эффекта, но это нежелательно по многим причинам. А чем, скажите, вам не угодил вариант с сокращением? С точки зрения SEO-оптимизации он вполне подходит.

      Ответить
  4. Сергей

    У меня получается вывод в таком виде:
    Главная>Карта сайта>Рубрика
    Можно как-то убрать карту сайта из этой цепочки? Спасибо!

    Ответить
  5. Очередной Вебмастер

    Добрый день, подскажите как вывести дочерний терм в хлебных кошках?
    Вот пример https://автохлам.укр/%D0%BE%D0%B3%D0%BE%D0%BB%D0%BE%D1%88%D0%B5%D0%BD%D0%BD%D1%8F/%d0%bf%d1%80%d0%be%d0%b4%d0%b0%d0%bc-nissan-note-16-%d0%b0%d1%82-tekna-2012-%d1%80%d0%be%d0%ba%d1%83/

    У таксономии состояние авто есть термы: новые, бу и тд тп. Они являются родительскими термами для термов из таксономии город, но в функционале плагина я не нашел возможности вывести дочерний терм.
    Сейчас так: Автохлам > Оголошення > Вживані Авто > Продам Nissan Note 1,6 АТ Tekna 2012 року
    А нужно так: Автохлам > Оголошення > Вживані Авто > Харьков > Продам Nissan Note 1,6 АТ Tekna 2012 року

    Подскажите сталкивались вы с такой задачей и как ее реализовать?

    Ответить
  6. Алексей

    Добрый день!
    Помогите настроить плагин Breadcrumb NavXT, если конечно с помощью него можно сделать то что я хочу.
    Вот моя цепочка хлебных крошек
    Билеты на самолет — Дешевые авиабилеты из Москвы — Вы находитесь здесь
    Это все страницы, записи меня не интересуют.
    Как сделать, что бы в ХК анкор «Дешевые авиабилеты из Москвы» назывался «Из Москвы»?
    Тут надо учитывать, что у меня есть и другие страницы на сайте вот их цепочка ХК:
    Билеты на самолет — Дешевые авиабилеты из Астана — Вы находитесь здесь
    Билеты на самолет — Дешевые авиабилеты из Киева — Вы находитесь здесь

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

    Ответить
    1. Игорь Горнов автор

      Алексей, я понимаю Вашу обеспокоенность, тем более, что, судя по предоставленной Вами информации, сайт явно коммерческой направленности. Однако, сделать то, что вы желаете, не представляется возможным с помощью стандартных настроек плагина по той простой причине, что анкоры подобных ссылок генерируются динамически по заголовкам страниц. Сотворить желаемое, наверное, можно, но потребуются «танцы с бубнами» вокруг кода плагина и, скорее всего, редактирования functions.php. Также необходимо будет ввести корректные изменения в раздел «Шаблон ссылки на страницу» в настройках.

      Думаю, что игра не стоит свеч. Дело в том, что в последних версиях плагина Breadcrumb NavXT уже поддерживается микроразметка Schema.org, которая и призвана указать поисковым системам на наличие «крошек», вследствие чего они не должны учитывать «лишние» ключи. Однако, ежели вдруг мои рассуждения Вас не устроят, и Вы твердо намерены реализовать свою идею, то лучше всего, наверное, обратиться к разработчикам плагина по следующему адресу (задав там интересующие Вас вопросы):

      https://mtekk.us/contact/support/
      Ответить
  7. Руслан

    Я воспользовался сео плагином by Yoast, отличное решение.
    Тем более бесплатно -)

    Ответить
  8. Саня

    Здравствуйте.
    Скажите пожалуйста.. что делает функция (Ссылка на блог) ?
    Что конкретно она проявляет ?

    Ответить
  9. Игорь

    Здравствуйте! Игорь, подскажите, пожалуйста, как изменить цвет текста «Хлебных крошек». А точнее той части текста, которая указывает на страницу в момент посещения сайта. К примеру, если хлебные крошки выглядят так

    Главная — Новости — Название новости. Когда человек находится в данной новости, то текст «Главная — Новости» одного цвета, а «Название новости» другого цвета. Так вот, цвет первого текста я успешно меняю через тот код, который вы указали для стилей. А вот цвет второго текста у меня постоянно серый. В том коде есть две строки, где указывается цвет, но если при редактировании первой строки я меняю первую половину текста, то при редактировании второй строки вообще ничего не меняется.

    Ответить
    1. Игорь Горнов автор

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

      Ответить
  10. Den

    У меня проблема в следующем. Каталог сайтов.
    Главная-вторая страница-рубрика-подрубрика
    Не отображается вторая страница. Как решить эту проблему? За ранее спасибо.

    Ответить
    1. Игорь Горнов автор

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

      Ответить
  11. Антонина

    Игорь спасибо за ответы! Жду Ваших новых публикаций.

    Ответить
  12. Антонина

    Игорь, поставила код плагина в Одна запись и Шаблон рубрик, все работает, а когда ставлю в Основной шаблон и Шаблон страницы, то страницы перестают работать, отдают код 500. Подскажите пожалуйста почему такое может быть? Может плагин не корректно работает с моей темой? Тема не стандартная, в ней много вариантов страниц.
    Попробовала без плагина, вставляю код, который Вы давали в коментариях, работает только в Одна запись, в остальных без изменений. А ведь правильно чтобы и страницы и рубрики были связаны с главной?
    Еще несколько вопросов:
    1. Ссылка в шапке сайта на главную(она же название сайта) это не то же самое, что и ссылка со страниц и записей на главную, которая реализовывается при помощи «хлебных крошек»?
    2. Не получается ли что главная страница из-за этого (название сайта-ссылка) ссылается сама на себя? (никак не пойму этот момент)
    3.Некоторые пишут что ссылки в сайдбаре лучше закрывать от индексации, чтобы избежать страниц ссылающихся самих на себя, или по другим причинам, я не совсем поняла. Как Вы считаете?
    Сорри, что часть вопросов не совсем по теме статьи.

    Ответить
    1. Игорь Горнов автор

      Антонина, такое бывает. Если ни плагин, ни код не работает, то надо разбираться с темой в каждом конкретном случае. Отвечаю на вопросы по порядку:
      1. На большинстве ресурсов ссылка в шапке сайта ведет на главную страницу со всех остальных страниц ресурса. Ну, а главная ссылается сама на себя, поскольку шапка для всех страниц в большинстве случаев одинаковая (бывает и другая ситуация). В «хлебных крошках» также ссылка на главную, ничего страшного в этом нет.
      2.Ответ на второй вопрос содержится в первом.
      3.Ссылки в сайдбаре многие советуют прятать от индексации поисковиками с помощью технологии AJAX, поскольку они сквозные и практически нужны только пользователям.
      Однако, на мой взгляд, лучше использовать микроразметку страниц ресурса (например, schema.org), где для поисковых систем контент четко разграничен на основной и вспомогательный. Во-первых, ПС развиваются и в скором времени, думаю, научаться распознавать скрытый таким образом текст.
      А во-вторых, микроразметка является совершенно официальным средством предоставить приоритеты страниц своего сайта. Обо всем этом я обязательно буду публиковать развернутые материалы. Пока, думаю, Вам не стоит на этом заморачиваться, поскольку на раскрутку Вашего вебресурса это сильно не должно повлиять, к этому можно вернуться чуть позже.

      Ответить
  13. Александр

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

    Ответить
    1. Игорь Горнов автор

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

      Ответить
  14. Ник

    Добрый день. Подскажите, если знаете, что нужно и где поменять в коде плагина breabcrumbs чтобы вместо:
    Главная страница » Раздел » Подраздел » Текущая страница выводилось Главная страница » Раздел » Подраздел » т.е. название страницы которая открыта не отображалось?! Спасибо

    Ответить
    1. Игорь Горнов автор

      Ник, могу предложить вариант без плагина. Для этого в шаблонах, где Вы хотели бы лицезреть хлебные крошки, например в single.php, после строки:

      <?php while (have_posts()) : the_post(); ?>

      вставьте такой кусок кода:

      <div id="breadcrumbs">
         <?php if (is_home()) { ?>
          <?php } elseif (is_single()) { ?>
            <a href="<?php echo get_option('home'); ?>">Главная</a> »
            <?php foreach((get_the_category()) as $cat) {
            $cat=$cat->cat_ID;
            echo(get_category_parents($cat, TRUE, ' » ')); } ?>
          <?php } ?>
       </div>

      Получите такой вариант, который желаете. Только придется прописать подходящие стили для темы (#breadcrumbs). Что касается плагина, придется ковыряться в коде, дал Вам тот вариант, который использую сам в данный момент. Однако, если хотите отредактировать именно плагин, напишите, попробую помочь.

      Ответить
      1. Ник

        Оказывается у меня без плагина выводилось, я просто заменил свой код Вашим и всё стало как надо! Спасибо! 😉

        p.s. С наступающим!

        Ответить
  15. Игорь Горнов автор

    А вы отметили в настройках «Поместить ссылку на главную страницу в путь»?

    Ответить
    1. Сергей

      Да я отметил.

      Ответить
      1. Сергей

        У меня нет шаблона рубрик в редактировании — может в этом дело?

        Ответить
        1. Игорь Горнов автор

          Может и так, навскидку ничего сказать не могу.

          Ответить
          1. Сергей

            Эта проблема встречается не у меня одного, не могу найти в нете решение.

  16. Сергей

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

    Ответить
    1. Игорь Горнов автор

      Сергей, что значит некликабельная? В цепочке хлебных крошек нет ссылки на главную?

      Ответить
      1. Сергей

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

        Ответить
  17. Janna

    Спасобо огромное Игорь….теперь уже все получилось…

    Ответить
    1. Игорь Горнов автор

      Ну вот и славно.

      Ответить
  18. Janna

    Здраствуйте Игорь!
    Спасибо за ответ, но опять не получается…выдает ошибку
    Fatal error: Call to undefined function trim_title_chars()

    Но что-то выводит: Главная » Название рубрики »

    Ответить
    1. Игорь Горнов автор

      Janna, боже мой, простите, я забыл, что нужно добавить следующий кусок в файл function.php:

      function trim_title_chars($count, $after) {
      $title = get_the_title();
      if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count);
      else $after = ”;
      echo $title . $after;
      }

      Это как раз функция, отвечающая за вывод названия текущей записи. Попробуйте добавить, теперь должно работать. Напишите, как получилось. В случае неудачи будем думать дальше.

      P.S Кстати, в строчке первого куска кода, который я давал для single.php:

      echo(get_category_parents($cat, TRUE, ' » ')); } trim_title_chars(35, '…'); ?>

      число 35 означает количество знаков, которые будут отображены перед многоточием. Это функция обрезания длинных заголовков. Можете поменять это число на любое другое.

      Ответить
  19. Janna

    Игорь, сейчас у меня активирован плагин, но в разделе «Параметры» плагина нету,чтобы сделать настройки. Попробовала поставить код, но все равно, ничего не выводит.У меня стоит тема Twenty Eleven для пробы…

    Ответить
    1. Игорь Горнов автор

      Janna, к сожалению, по поводу вордпрессовской темы ничего сказать не могу, поскольку с ней не экспериментировал, но наверняка плагин с ней конфликтует. А что за код Вы ставили и в какой шаблон? Попробуйте для начала в шаблон single.php после строки:

      <?php while ( have_posts() ) : the_post(); ?>

      вставить такой кусок:

      <div id="breadcrumbs">
         <?php if (is_home()) { ?>
       
        <?php } elseif (is_single()) { ?>
            <a href="<?php echo get_option('home'); ?>">Главная</a> »
            <?php foreach((get_the_category()) as $cat) {
            $cat=$cat->cat_ID;
            echo(get_category_parents($cat, TRUE, ' » ')); } trim_title_chars(35, '…'); ?>
       
           <?php } ?>
       </div>

      Должно работать. Только не забудьте сохранить старый файл в случае форс-мажора. После того, как проделаете эту операцию, в случае успешного исхода будем пробовать прописать стили для красивого оформления хлебных крошек. Да, перед редактированием файла single.php обязательно деактивируйте плагин. Жду Вашего ответа.

      Ответить
  20. Janna

    Здраствуйте Игорь!
    После активации плагина почему то выдает ошибка
    Call to undefined function wp_kses_allowed_html() in C:\xampp\htdocs\wordpress-3.1.3-ru_RU\wordpress\wp-content\plugins\breadcrumb-navxt\includes\mtekk_adminkit.php on line 52
    Помогите пожалуста! Спасибо заранее

    Ответить
    1. Игорь Горнов автор

      Janna, как я понял, у Вас сайт на локалке. Дело может быть в этом, а может просто тема конфликтует с плагином или другими расширениями. Попробуйте деактивировать все плагины, оставив только хлебные крошки, тогда, может быть, обнаружите виновника. Если не получится, можно попробовать организовать хлебные крошки без плагина. Если надумаете без плагина, попробую Вам помочь. Пришлите мне содержание Вашего файла single.php темы либо (и) шаблона, который отвечает за отображение той страницы, на которой Вы бы хотели видеть Хлебные Крошки, сделав скриншот. Только пошлите мне прямо на e-mail, так как Вордпресс нагло кушает код. Надеюсь, у Вас стандартный блог WordPress?

      Ответить
      1. Janna

        Спасибо Игорь!
        Да у меня сайт на локалке.Я просто начила изучать плагины и вот хочу ставить хлебные крошки ни как не получается….Я попробую как вы описали и вам обьязательно напишу.

        Ответить
  21. Татьяна

    Игорь, спасибо за рекомендации. Я установила плагин по Вашей статье. Возникли вопросы: Как из отображения хлебных крошек убрать название сайта и поставить слово «Главная». У Вас так и я себе так хочу. И еще: у меня до первой стрелки очень много места. Как его убрать? Заранее спасибо.

    Ответить
    1. Игорь Горнов автор

      Татьяна, а Вы прописали название напротив опции «Заголовок ссылки на главную»? В статье есть скриншот, где эта опция выделена красным. Поставьте «Главная» и дело с концом. Хотя «Удовольствие в еде» аппетитно выглядит. Чтобы скорректировать надпись «хлебных крошек», как Вы того желаете, откройте файл style.css (на всякий случай даю ссылку на материал об устройстве темы Вордпресс, который находится здесь). Используйте notepad++, это гораздо лучше, чем редактировать через админ панель. Хотя можете и через админку, как Вам удобнее. Найдите строчку 1449, там будет такое CSS правило:

      .home {
      float: left;
      width: 210px;
      margin: 2px auto;
      padding-left: 7px;
      }

      Поменяйте значение свойства width с 210px на 138px. Думаю, это то, что Вам нужно. Простите за задержку, очень много корреспонденции.

      Ответить
      1. Татьяна

        Игорь, спасибо большое за ответ. Завтра попытаюсь исправить: сегодня уже голова не работает. 🙂

        Ответить
      2. Татьяна

        Я вспомнила: я металась во время настройки плагина, потому что у меня нет «Заголовок ссылки на главную».
        У меня

        <a title="Go to %ftitle%" href="%link%" rel="nofollow">%htitle%</a>

        Поэтому наверное Удовольствие клеится само? Если Вам не сложно, ответьте, когда сможете, куда мне вписать здесь слово «Главная»? Заранее спасибо.

        Ответить
        1. Игорь Горнов автор

          Татьяна, видимо, после последнего обновления плагина несколько изменились его настройки, буду иметь ввиду. Тогда вместо текста анкора «%htitle%» ставите «Главная». Схема гиперссылки на главную будет выглядеть так:

          <a title="Go to %ftitle%" href="%link%" rel="nofollow">Главная</a>

          Ну, и если захотите, чтобы при подводе курсора к заголовку была русскоязычная надпись, которая соответствует главной странице, то поменяйте значение атрибута Title тега A, то есть вместо:

          title="Go to %ftitle%"

          впишите:

          title="Перейти на главную"

          Как понимаете, текст может быть абсолютно любой.

          Ответить
          1. Татьяна

            Спасибо, изменила. Сложнее со строчкой 1449 ))) Пока ищу.

      3. Недомосквич

        А у меня никакого Заголовка ссылки на главную нет, и тоже хочу убрать название сайта, не знаю как это сделать. Есть какой-то Шаблон ссылки на главную, но это не похоже на то, что нужно.

        Ответить
  22. alex

    а код который этот не будет влиять на сео?

    Ответить
    1. Игорь Горнов автор

      Немного не понял, alex. Если Вы имеете ввиду «хлебные крошки», то они играют двойственную роль: улучшают навигацию на сайте для пользователей и оказывают определенное влияние на SEO оптимизацию, являясь элементом внутренней перелинковки.

      Ответить
  23. Ольга

    Крошки, камешки, плагин…. Что-то не очень я поняла. Причем тут крошки и Зачем нужен этот плагин?

    Ответить
    1. Игорь Горнов автор

      Ольга, Вы невнимательно читали статью. 🙂 Хлебные крошки улучшают юзабилити сайта, то есть дают комфорт посетителям, и играют определенную роль во внутренней перелинковке страниц. Скажем, открывает читатель какую-нибудь страницу, а перед ним сразу вся цепочка вложенности от главной страницы и он сразу понимает, какой рубрике (или рубрикам) принадлежит данная публикация (это что касается удобства для пользователей). Ну а о перелинковке, которая играет важную роль в оптимизации я сказал чуть выше.

      Ответить
  24. Саня

    Не хочу стыдить автора, НО…
    На странице «Хлебные крошки wordpress, или секреты навигации на сайте» нет этих самых хлебных крошек, хотя пример приведен. Уж, простите за наглость.
    В связи с этим вопрос: «Действительно-ли так хороши хлебные крошки для, например, SEO». Уже не раз натыкаюсь на рекомендации применения хлебных крошек на сайте, но наглядности применения не увидел.
    Копая до руды, все, что связанно с хлебными крошками, нарыл интересную возможность для плагина Breadcrumb NavXT, а именно — вывод пути к статье (хлебных крошек) в сниппете Гугл. У Яши, там свое кино, а Гугл, через неделю после настройки, начал выводить ссылки крошек в выдаче.
    Думаю, это интересно для SEO-продвижения и ранжирования.
    Не буду рекламировать чужой сайт, потому интересующиеся — пишем сюда, или автору.

    Ответить
    1. Игорь Горнов автор

      Саня, я бы не назвал вашу активность наглостью. Наоборот, споры, дискуссии, объективная критика идут на пользу всем читателям. Я уже говорил, что моему блогу с Вами повезло, Вы просто сама кипучая деятельность. Теперь что касается существа вопроса. На самом деле я действительно недавно отключил на время плагин “хлебных крошек”. Но не потому, что разочаровался в нем, а читателям здесь “втюхиваю” его. Просто в свете некоторого эксперимента пытаюсь выяснить детали передачи веса со страницы на страницу внутри блога и отдельно внутри рубрик. По некоторым данным алгоритм передачи веса вебстраниц при расчете его Гуглом изменился и я хочу понять, так ли это. Потом будет материал о внутренней перелинковке, которая действует на данном этапе. Не секрет, что seo алгоритмы поисковиков постоянно меняются. Не думаю, что хлебные крошки несут в этом смысле негатив, а вот их полезность для пользователей очевидна.

      Ответить
      1. Саня

        А на блоге Goldbusinessnet.com есть, где поподробнее про «детали передачи веса со страницы на страницу внутри блога и отдельно внутри рубрик»? 🙂 Я еще не надоел?

        Ответить
        1. Игорь Горнов автор

          Саня, такая статья будет обязательно, важных тем очень много, опубликовать их разом что-то не получается. 🙂

          Ответить
  25. Ирина

    Здравствуйте, Игорь! Скажите, а где искать ошибку если хлебные крошки неправильно показывают путь статьи? На странице любой статьи хлебные крошки указывают одну и ту же рубрику и статью, но не ту которая открыта в данный момент. Во всех других случаях (рубрики, страницы, архивы) они работают правильно. Я даже нашла пару сайтов, использующих этот-же шаблон и у них такая же проблема.Крошки прописаны в коде и я обратилась к автору, но она просит денег за исправление. Подозреваю, что умышленно сделана ошибка. Пока пробую устранить своими силами.

    Ответить
    1. Игорь Горнов автор

      Ирина, если я Вас правильно понял, Вы пользуетесь не плагином, а кодом? Если так, то я ничего не могу Вам сказать, пока не увижу.

      Ответить
      1. Ирина

        Игорь, вот кусок кода, где я подозреваю ошибку

        <a href="»>« На головну /
        / Пост «»

        <a href="»>« На головну / Сторінка «»

        <a href="»>« На головну /

        И еще момент: я подписалась на комментарии здесь, но на почту Ваш ответ не пришел. зашла посмотреть, оказывается вы ответили сразу, а я e-mail не получила.

        Ответить
        1. Ирина

          Ой, не принимает код в комментариях.

          Ответить
          1. Игорь Горнов автор

            Ирина, какой код? При регистрации?

        2. Игорь Горнов автор

          Спасибо, Ирина, за информацию, посмотрю, что случилось с подпиской на комментарии. А насчет кода, из какого файла он взят?

          Ответить
          1. Ирина

            Я хотела часть кода из файла breadcrumbs.php показать в комментарии. Чтобы Вы сказали есть там ошибка или нет. Но весь код не отобразился, а только какие-то куски.
            А комментарии на почту уже пришли. Спасибо.

    2. Максим

      Ирина, а Вы решили данную проблему? У меня тоже самое, причем устанавливал несколько плагинов, а проблема одна и та-же — все время в крошках отображается путь на последнюю статью. Тема у меня писанная с нуля мной. С другими плагинами конфликтов нет. В чем дело, не могу разобраться((

      Ответить
  26. Svargan

    Здравствуйте Игорь! Благодарю за совет, даже и не в курсе был, что так можно редактировать, супер. А я еще пробовал так, заходил в админ панель в разных браузерах и просто чуток редактировал обновлял стиль и вы знаете после обновки в Опере, в Мозиле стало нормально и IE, может совпадение, а может и, что то новое, я опробовал именно его в начале, а затем вашу рекомендацию.

    Ответить
    1. Игорь Горнов автор

      Пожалуйста, Дмитрий. Я очень рад, что Вы удачно использовали мои рекомендации. Удачи!

      Ответить
  27. Svargan

    Здравствуйте! Я опять к вам за советом. Установил данный плагин, все супер он работает, но вот в списке стилей ввожу такие настройки:
    .breadcrumb {
    font:bolder 8px «Trebuchet MS», Verdana, Arial;
    padding-bottom: 8px;
    }
    .breadcrumb a {
    color: #000000;
    }
    .breadcrumb a:hover {
    color: #006400;
    }
    но ничего не меняется. Может я, что упустил? Подскажите, хотя в целом и с таким вариантом — без настройки стилей меня устраивает.
    С ув. Дмитрий

    Ответить
    1. Игорь Горнов автор

      Дмитрий, попробуйте кликнуть правой мышкой и выбрать из контекстного меню ‘просмотр кода элемента’, если у Вас Google Chrome, если другие браузеры, то что-то похожее должно быть, в Опере, например это ‘проинспектировать элемент’ (ну и т.д.,только это касается последних модификаций браузеров). Вам откроется окно в нижней половине окна браузера, слева будет код HTML, справа CSS. Выберите из тега body кода HTML блок div id=’root’ — div id=’main’ — div class=’breadcrumb’, примерно так должно быть. Затем кликните левой кнопкой мыши по последнему элементу, при этом справа отобразятся соответствующие ему стили CSS. Обратите внимание, что когда Вы подводите курсор мыши к какому-нибудь блоку кода HTML, то тот участок, который отвечает за этот код, окрасится и будут показаны размеры соответствующих элементов прямо на экране. Так вот, когда вы кликните по блоку div class=’breadcrumb’, справа отобразятся стили CSS, соответствующие этому элементу. Их можно редактировать, причем изменения отобразятся прямо на экране. Попробуйте изменить что-нибудь. Более подробно почитайте в этой статье, там пример с изменением ширины поля комментариев textarea: http://goldbusinessnet.com/optimizatsiya-i-raskrutka-saita/krossbrauzernost-prosmotr-sajta-v-raznyx-brauzerax/ , здесь все аналогично. Не бойтесь ничего испортить, так как изменения не сохраняются и после перезагрузки страницы она примет прежний вид. Просто Вы будете знать, где именно вносить изменения. Так можно экспериментировать с любым элементом, попутно на практике изучая основы HTML и CSS. Дерзайте!

      Ответить
  28. Оксана

    Игорь, не знаю как вас и благодарить, за такой урок. Обязательно поэкспериментирую и вам напишу.

    Ответить
  29. Оксана

    Может у меня что-то в теме не так? Ну это я уже гадаю. Если не трудно, помогите мне, буду очень благодарна.

    Ответить
    1. Игорь Горнов автор

      Оксана, к сожалению, я не знаю Вашу тему. Здесь надо опытным путем поэкспериментировать со style.php Вашей темы. Не имея возможности войти в Вашу админ панель, я не могу это сделать. Попробуйте проделать следующее: активируйте плагин ‘хлебных крошек’, откройте любую страницу в браузере Хром, где они отображаются, нажмите клавишу H12, откроется код этой страницы, где слева будет прописан код HTML, слева стили css. Там, где код html, найдите строчку с тегом body, в нем должен скрываться контейнер div class=’breadcrumb’или что-то похожее. При наведении курсора на div class=’breadcrumb’эта область закрасится прямо в браузере. Теперь выделите этот контейнер, щелкнув левой кнопкой мышки. Справа отобразятся стили css, соответствующие ‘хлебным крошкам’. Посмотрите, там есть такой подраздел ‘Matched CSS’ Rules в разделе ‘Styles’. Под ним должна быть такая строчка: font:bolder 12px и далее… 12 просто для примера, у Вас может быть другое значение. Сначала попробуйте снять галочку со значения font. Если результат Вас не удовлетворит, кликните левой кнопкой мышки именно по слову bolder, подведя к нему курсор, эта строчка откроется для редактирования, окрасившись синим цветом. Теперь вы можете поэкспериментировать, уменьшая или увеличивая значение bolder, которое там стоит. Вообще, не бойтесь экспериментировать таким образом, потому что все вернется на свои места, как только перезагрузите страницу. Таким образом вы просто сможете понять, в каком месте стилей или кода html необходимо вносить изменения. Если что-то не понятно, спрашивайте. Напишите о результатах эксперимента.

      Ответить
  30. Оксана

    Так я и работаю в Хроме. Он мне больше всего нравится. Честно в других и не смотрела.

    Ответить
  31. Оксана

    Уважаемый Игорь. Вот я снова сделала, как было. Посмотрите пожалуйста.

    Ответить
    1. Игорь Горнов автор

      Дорогая Оксана, у меня в браузере Chrome все выглядит корректно и красиво! А вот в Firefox и Internet Explorer действительно баги… Если у Вас есть возможность ,посмотрите в Google Chrome, в крайнем случае загрузите его, это бесплатно и дело нескольких минут, потом напишите, так должно выглядеть или нет, я попробую подсказать Вам, как эти баги исправить, но это займет время, поэтому, если будет результат, то только завтра, а Вы теперь можете отключить плагин, чтобы не пугать посетителей. Кстати, периодически, надо проверять, как выглядит ваш сайт в разных браузерах, особенно это касается IE, который славится некорректным восприятием html кода. Кроме этого бага, у Вас пока все нормально. Итак, посмотрите, как выглядят ‘хлебные крошки’в Google Chrome, я жду Вашего вердикта.

      Ответить
  32. Оксана

    Спасибо, огромное. Сразу напишу, как все поставлю на места как было.

    Ответить
  33. Оксана

    Спасибо большое. Мне все удалось. Вот только как убрать прошлую навигацию? То есть «хлебные крошки» наехали на надписи заголовков следующих статей. Как мне теперь убрать эти записи? Очень жду ответа, помогите, пожалуйста.

    Ответить
    1. Игорь Горнов автор

      Оксана, я посмотрел Ваш сайт, кстати, дизайн мне очень понравился. Я так понимаю, плагин ‘хлебные крошки’ у Вас сейчас деактивирован? Если так, то не могли бы Вы его активировать, чтобы я смог ознакомиться с проблемой? Как только активируете, дайте мне знать в комментариях, я буду следить. После того, как посмотрю, сразу отпишусь, что посмотрел, Вы его снова деактивируеете. Затем, если решу проблему, вновь напишу в комментариях. Конечно, такое общение неудобно, но в скором времени я выложу свои контакты, тогда общаться будет легче.

      Ответить