Как сделать хлебные крошки на WordPress?

Как сделать хлебные крошки WordPress?

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

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

Установка BreadCrumb Nav XT

Для версии CMS WordPress, начиная с 3.0 (PHP5), плагин можно скачать с официального сайта «wordpress.org» или установить через панель управления WordPress (меню «Установить плагины»), используя внутренний поиск.

Скачанный архив нужно распаковать и переместить в директорию с плагинами основного тела сайта (обычно wp-content/plugins). Далее необходимо активировать новый модуль. Если установка происходит через панель управления, то активация предлагается автоматически.

Настройка BreadCrumb Nav XT (основная)

В основной консоли управления, во вкладке «Параметры» осуществить переход в панель настроек установленного нового плагина.
Во вкладке панели настроек плагина «Основные» необходимо активировать (проставить «галочки») такие функции как:

  • поместить ссылку на главную страницу (блога) в путь
  • поместить ссылку (на блог) в путь и сохранить изменения

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

  • переход в консоли «Внешний вид» — «Редактор» (раздел редактирования тем)
  • выбрать используемую тему сайта
  • редактировать файлы сайта: основные — «single. php» («header. php»), а также «index.php», «page.php», «category.php», если они существуют
  • после заголовка (header) в каждом из файлов вставить код:
    <div class="breadcrumb">
    <?php
    if(function_exists('bcn_display'))
    {
    bcn_display();
    }
    ?>
    
  • сохранить измененные файлы

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

Категории: Wordpress

Оставить комментарий