Создаем хлебные крошки в WordPress – плагин Breadcrumb NavXT
Вообще хлебные крошки (для тех, кто не в курсе) это такой дополнительный элемент навигации по сайту, которые отображает ваше текущее положение относительно иерархии проекта. То есть, грубо говоря, данное меню показывает в каком разделе или категории сайта вы находитесь. Почему меню? – потому что названия разделов являются активными ссылками, по которым можно переходить. Если брать в пример формат интернет проекта «блог», а не сайт, то слева на картинке вы можете увидеть какие варианты хлебных крошек можно реализовать.
Перед тем как перейти непосредственно к обзору плагина, пару слов скажу как и для чего их применяют. Во-первых, хлебные крошки полезны для посетителей, так как могут сориентировать его в нужном направлении и прояснить структуру сайта. Данный вид навигации лично я считаю весьма хорошим. Во-вторых, хлебные крошки, по сути, являются еще одной возможностью перелинковки страниц на сайте или в блоге (что полезно для seo).
Нужны ли хлебные крошки для блога? – вот в чем вопрос. Если брать стандартный дизайн блога с какой-либо базовой темой, то зачастую от хлебных крошек особой пользы не будет. Посудите сами: когда мы находимся в разделе архива по категории или дате, то чаще всего в шаблоне выводится фраза мол «вы смотрите такой-то и такой-то архив», хлебные крошки продублировали бы эту информацию. Ситуация №2 – заходим на страницу поста, в хлебных крошках выводится что-то вроде «Главная – название категории – название статьи», но при этом чуть ниже мы видим все тот же заголовок + под ним зачастую отображается текущая категория.
Поэтому я думаю, что в большинстве случае хлебные крошки нужно использовать в случаях когда:
- Они достаточно хорошо вписываются в общий дизайн сайта, когда они не просто создаются для seo, а реально несут пользу посетителям.
- Для интернет проектов со сложной структурой – корпоративные сайты со множеством страниц с многоуровневыми категориями и разделами.
Хотя, конечно, это все сугубо личное дело каждого разработчика или владельца сайта, можно даже сказать, что вопрос вкуса.
Плагин Breadcrumb NavXT
Для создания хлебных крошек в WordPress будем использовать планин Breadcrumb NavXT. Данный модуль обладает достаточно хорошей функциональностью и содержит в себе много настроек. Уверен, что хлебные крошки можно сделать и без плагинов, но с помощью Breadcrumb NavXT процесс будет легким, быстрым и практически каждый пользователь сможет поменять все опции данного элемента навигации.
Для установки первым делом скачиваем плагин Breadcrumb NavXT. Внимание, хочу заметить, что он требует минимум версию WordPress 3.0, а также PHP5. После разархивируем архив и заливаем на ФТП в директорию wp-content/plugins и активируем плагин в админке. Кстати, если у вас до этого была установлена предыдущая версия Breadcrumb NavXT ее нужно деактивировать до установки иначе новая будет слегка глючить. Точнее вы не сможете сохранять настройки в админке. Если деактивировать забыли, то после установки новой версии нужно плагин сначала отключить, а потом заново включить и все будет работать.
Дальше нужно добавить отображение хлебных крошек в шаблоне wordpress. Открываем файл header.php и добавляем туда код:
<div class="breadcrumb"> <?php if(function_exists('bcn_display')) { bcn_display(); } ?> </div>
В принципе, можно добавлять и в другие файлы шаблоны там, где вам нужны хлебные крошки. После этого можно перейти в меню плагина Breadcrumb NavXT в админке wordpress и настроить все его опции. Вы увидите несколько закладок – Общие, Текущая Позиция, Записи/Страницы, Рубрики и т.п.

Тут нужно присмотреться к каждому раздела, внимательно посмотреть его возможности, сложного ничего нет. Так, например, в закладке «Общие» можно выбрать тип разделителя или убрать отображение главной страницы, в «Текущей позиции» отключить вывод страницы, на которой мы находимся в данный момент и т.д. Стандартные настройки я почти не менял, только пришлось добавить кое-что в для «Записей/Страниц». В качестве «суффиксов» и «префиксов» можно добавлять какие-то фразу по типу «вы сейчас читаете» или html код для оформления. Считаю плагин Breadcrumb NavXT хорошим инструментом для реализации поставленной задачи.
P.S. Постовой. Если у вас есть проект на джумле, то бесплатные шаблоны сайтов joomla помогут сделать его еще лучше с новым качественным дизайном.
Новый интернет-магазин «Для детей» предлагает купить коляски по очень выгодным ценам еще и с доставкой на дом!
В наше время нужно использовать современные трубопроводные системы – газовые трубы представлены ТД «Евротрубпласт» отвечают всем стандартам качества.
Комментариев - 18 к статье “Создаем хлебные крошки в WordPress – плагин Breadcrumb NavXT”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Добавление миниатюры (thumbnail) в RSS для wordpress
- Category SEO Meta Tags – МЕТА данные для категорий и тегов
- 10 плагинов для админ панели WordPress
- LinkGator.ru – биржа вечных ссылок и статей
- Смена рубрики и массовое редактирование wordpress постов
- Paylicense – хостинг с широким спектром услуг
- WP-RecentComments – плагин и виджет последних комментариев
- Безопасность (4)
- Видео (5)
- Возможности (58)
- Начинающим (18)
- Новости (20)
- Оптимизация (13)
- Плагины (66)
- Сервисы (14)
- Хаки и секреты (43)
- Шаблоны (13)
- Плагин WP-PostRatings рейтинга постов в WordPress
- 5 wordpress плагинов для кнопок социальных закладок
- Добавление кнопки Вконтакте, Facebook и Twitter в wordpress блог
- 20 полезных wordpress плагинов для изображений
- Кнопка вконтакте для wordpress блога – разные методы и лучшие плагины
- Установка wordpress плагинов по FTP и через админку
- Кэширование в wordpress – выбираем лучший плагин для кэширования
- Блог про смартфоны
- Seleckis.lv — Журнал Никиты Селецкого
- Блогинг в стиле web 2.0
- Достопримечательности Львова
- Про блоги для блоггеров
- WordpressPlugins.ru
- Ттелефон Explay Titan в Связном
- Ericsson и планка скорости
- Новая линейка от HTC
- Dr.Web Light 7 для Android
- Самый популярный сервис платежей – Яндекс.Деньги
- Моделирование. Этапы моделирования.
- Шопинг в Европе и требуемые документы
- Последняя версия Google Chrome вышла с ошибкой
- Порядка 70 процентов не доводят покупки в сети Интернет до конца
- Рекламу в социальных сетях автоматизирует сервис AdCenter
- Тестирование новой разработки Интернет-агентства Registratura.ru

Оцените статью: 


Категории:
Теги:
Столкнулся на данный момент с проблемой, что ни один плагин «крошек», включая этот, не работает с кастом пост тайпами так, как люди привыкли видеть при работе с обычными постами. Лично для меня, основной проблемой есть то, что «родительская» ссылка в цепочке указывает либо на домашнюю страницу, либо на кастомную таксономию, привязанную к данному типу поста, и никак не на архив записей этого типа. Может знаешь какие-то варианты/плагины, чтоб решить эту проблему?
AzzePis, если честно, не совсем понял суть вопроса) пару раз вчитался и все равно. Посмотрел у себя все выводит нормально для страниц и постов полный путь с категориями и подстраницами.
Приведу пример. Есть пост – «новость1″ в категории «категория1″… крошки будут выглядеть так:
Домашняя страница» категория1 » новость1
а если зайти на уровень выше – в категорию, то так:
Домашняя страница» категория1
Если использовать custom post type, ситуация будет следующая… есть пост – «кастомпост1″ в посттайпе «тайп1″… зайдя в этот пост, увидим:
Домашняя страница» кастомпост1
а зайдя на уровень выше, скорее всего увидим:
Домашняя страница»
AzzePis, ситуация с custom post type и крошками у меня не возникала, поэтому ничего не смогу подсказать.
Почему то не выходит у меня поставить этот плагин. Даже ошибку не могу понять! =(
А в плане внутренней оптимизации этот плагин даст результаты?
Ichigo, если сайт имеет сложную структуру из множества страниц и разделов, то будет полезно. Для стандартного блога, как я и говорил, перелинковка уже и так делается за счет тегов, категорий, указанный в посте.
Плагин использую с большим удовольствием :)
Этот плагин может быть полезен еще и для того, чтобы сэкономить время при активной публикации постов в ГГЛ – там нужно указывать путь от главной до статьи со ссылкой. А так выделил «хлебные крошки» – и вставил, не нужно разделы копировать и тем более с клавиатуры набирать.
Да и перелинковка никогда лишней не бывает ;)
Александр, а я в ГГЛ пишу весьма условный путь, то есть например, «WordPressinside – плагины – хлебные крошки» и т.п., не указываю точно название, а чтобы побыстрее, народ пока не возмущался)
Tod, я очень часто прокликиваю путь от главной до статьи с моей купленной ссылкой, и если путь не указан – отправляю на доработку. Ссылки в ГГЛ достаточно дорогие, потому должны быть качественными. Вот такая я скАтина :)
Поставил и себе этот плагин. Точнее сказать он у меня уже стоял давно, но всё руки не доходили вставить код крошек.
Правда в хедер я его ставить не стал, а поставил в сингл. Чтобы выводился он в одиночных записях, рядом с количеством просмотров.
Спасибо вообще за ваш сайт, я столько искал подобную информацию, особенно о настройках плагинов ( они ведь все идут в основном на англ.), полезными оказались для меня и комментарии к статье
Спасибо, установил себе, работает без пробелм :-) Добавил только в single.php – не вижу смысла – «забивать» header лишними ссылками.
Полный путь не выводится. Перемещаюсь по меню, захожу в статьи, а крошки выводятся в виде «Главная страница» – «текущая статья». Т.е пропускают подрубрики.
Ваня, надо разбираться, смотреть настройки, тестировать и т.п. Плагин рабочий, что-то не так подключилось.
Товарищи помогите!!! Как в этом плагине заменить слово «Главная» на иконку домика ?????
Urbix, сложно сказать, я уже не помню всех настроек плагина, может можно убрать отображение пункта «Главная» и в самом начале перед выводом хлебных крошек в шаблоне добавить иконку домика со ссылкой. То есть плагин будет выводить путь, а домик сделать самому через html.