Урок 168. Хлебные крошки WordPress с плагином и без

Хлебные крошки WordPress с плагином Breadcrumb NavXT и безДоброго дня! Сегодня я расскажу, как установить на блог хлебные крошки WordPress без плагина и с помощью плагина Breadcrumb NavXT. Об этом я должен был написать еще в первых уроках. О хлебных крошках, наверное, слышал каждый блогер, но не у всех на блоге они есть. Что это за крошки и для чего нужны?

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

Хлебные крошки WordPress с плагином Breadcrumb NavXT и без

Хлебные крошки полезно устанавливать на сайты со сложной структурой, где много подрубрик и подстраниц. Таким образом, посетитель, находясь на любой странице Вашего сайта, видит, где он находится,  т. е. в какой рубрике и подрубрике. Если Вы не хотите возиться с кодом, или боитесь редактировать файлы шаблона, тогда можете установить плагин, который называется Breadcrumb NavXT. Ссылку на плагин Breadcrumb NavXT, Вы увидите чуть ниже.

В этот раз, я подсмотрел код на другом сайте. Код ниже надо установить в файл functions.php. Я его добавил вначале файла после функции <?php

А код ниже, установите в то место, где хотите видеть путь (хлебные крошки), на своем блоге. Хлебным крошкам самое место в следующих файлах: index.php, single.php, page.php, archive.php и search.php

Осталось крошки оформить под свой шаблон с помощью стилей CSS. Если разбираетесь, то в файле style.php надо прописать два класса .breadcrumbs и .current и добавить стили. Можно обойтись и без оформления, но крошки тогда будут мало заметны на блоге.

Коды - рабочие, я проверял на другом блоге. Теперь рассмотрим, как установить хлебные крошки с помощью плагина Breadcrumb NavXT.

Плагин Breadcrumb NavXT

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

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

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

Крошки можно оформить с помощью стилей, если знаете CSS. Плагин имеет настройки, но на английском языке: Настройки ► Breadcrumb NavXT.

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

2 Comments

  1. Здравствуйте, Юрий! Зашла на Ваш сайт в поиске плагинов, но думаю, задержусь здесь – много интересной и полезной информации. А ещё оказалось, что мы земляки, что тоже очень приятно ➡

    • Доброго вечера, Светлана! Я рад всем посетителям моего блога, а землякам тем более! Обязательно заходите еще. 🙂

Leave a Reply

Яндекс.Метрика