Плагин Breadcrumb NavXT или собираю «хлебные крошки»
Добрый день уважаемые читатели! Я продолжаю вам рассказывать об основных плагинах для WordPress, которые желательно установить сразу. Сегодня хочу вас познакомить с плагином Breadcrumb NavXT, который решает несколько важных задач. Во-первых, создаст дополнительную навигацию на блоге. Благодаря которой посетитель сможет проследить путь от корня сайта до той страницы на которой он находится. Во- вторых, является дополнительным инструментом в создании внутренней перелинковке страниц. В третьих, некоторое время назад поисковая система Google начала выдавать “хлебные крошки” в выдаче, что позволить привлечь дополнительный трафик на проект. И в четвертых, благодаря плагину Breadcrumb NavXT статический вес равномерно распределяется по всем страницам . Но наверно стоит уже перейти к установке «хлебных крошек».
Итак, для начала необходимо скачать плагин Breadcrumb NavXTсо страницы http://wordpress.org/extend/plugins/breadcrumb-navxt . Полученный архив распаковать и с помощью ftp — клиента закинуть в директорию /wp-content/plugins. И в завершении активировать в административной панели . После того, как плагин был успешно активирован в консоли Настройки появляется строка Breadcrumb NavXT.
Но для полной активации плагина Breadcrumb NavXT необходимо в определенные файлы шаблона вставить код вывода функции «хлебных крошек». Код имеет вот такой вид:
Данный код необходимо будет установить в следующие файлы шаблона: single.php (выводит статьи), archive.php (статьи , находящиеся в архиве, рубрики), search.php(статьи, найденные посредством поиска на блоге), page.php( выводит страницы). Для этого в административной панели заходим в Дизайн и выбираем пункт Редактирование , а дальше активируем нужный файл, предположим single.php Код функции плагина Breadcrumb NavXT вставляем сразу же после строчки
<!--?php get_header(); ?--> |
И нажимаем Сохранить изменения. Далее необходимо создать для нашей дополнительной навигации стиль . Поэтому открываем файл style.css и прописываем несколько свойств стилей для класса BREADCRUMB:
.breadcrumb { font:bolder 12px Georgia; padding-bottom: 1px; padding: 4px 8px; color: #FFffff!important; background:#9C1718 ; border: 0 !important; } .breadcrumb a{ color: #ffffff;!important; } .breadcrumb a:hover { color: #ffffff; background:#C9CACB !important; } |
Этим я задала свойства отражения для хлебных крошек.
— font:bolder 12px Georgia; — это размер и тип шрифта
— padding-bottom: 1px; — отступы
— color: цвет текста
— padding: отступы текста
-background: цвет фона , на котором расположатся хлебные крошки
— .breadcrumb a — цвет ссылок
— .breadcrumb a:hover — цвет ссылок при наведение курсора мышки
— background : цвет фона при наведении
Этот код можно установить в самом низу файла style.css
Сохраняем изменения.
На этом работа по редактированию кода заканчивается и остается только провести настройки отражения плагина в административной панели. Для этого нам и понадобится пункт Breadcrumb NavXT в Настройках. Окно настроек плагина состоит из нескольких вкладочек.
Начнем с Общие
Данная вкладка позволяет установить параметры, применимые для всех страниц
В строке «Разделитель» указываем мнемокод, позволяющий разделить хлебные крошки.Можно использовать для помощи вот такую небольшую мою подборку мнемокодов
Код | Символ |
< | < |
¦ | ¦ |
> | > |
¤ | ¤ |
° | ° |
· | • |
В поле «Максимальная длинна» можно задать максимальную длину анкора в хлебных крошках. Я уже говорила, что ссылки с хлебных крошек учитываются поисковиками и служат для передачи статического веса.
Далее необходимо указать галочку в поле «Домашняя ссылка» , позволяющую отображать в хлебных крошках ссылку на главную страницу. Обычно это анкор или же ключевое слово. Я использовала свой домен — lediseo.ru
В поле «Текст домашней ссылки» нужно ввести текст, который будет отражаться , при наведение мыши на ссылку на главную страницу в хлебных крошках. Так как есть вероятность, что этот текст будет учтен поисковиками прописываем несколько ключевых слов, относящиеся к главной странице. У меня данная строка выглядит следующим образом:
Сохраняем изменения и редактируем следующую вкладку «Текущая позиция» .
Ставим галочку в поле «Отображать ссылку на текущую позицию». Строка дополнительной навигации состоит из цепочки ссылок. И если данную галочку не установить, то отражение данной стаить будет происходить в виде простого текста. Сохраняем изменения.
Вот и все настройки плагина Breadcrumb NavXT. В результате на блоге появилась дополнительная навигация и не только, которая называется «хлебные крошки» и выглядит она следующим образом:
На этом все. Если вы не хотите пропустить появление новых материалов блога «Seo записки отчаянной«, то предлагаю подписать на новые материалы в удобной для вас форме.
Удачи!
Возможно Вам это будет интересно:
Вам понравилась статья? Расскажите о ней друзьям!