Добро пожаловать, друзья!

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

hlebnie_kroshki_BreadcrumbsДобрый вечер читатели блога WordPress Mania! Сегодня я покажу вам: как установить хлебные крошки (Breadcrumbs) для WordPress с помощью функции плагина Yoast WordPress SEO (надеюсь Вы установили лучший многофункциональный Seo плагин) и хлебные крошки без плагина. Так как этот блог для новичков объясню сначала:

Что такое хлебные крошки?

Это - навигационная цепочка (навигационное меню, "хлебные крошки", англ. Breadcrumbs) — элемент навигации по веб-сайту, представляющий собой путь по сайту от его "корня" до текущей страницы, на которой находится пользователь (Википедия). А вот Артем Лебедев называет так: дублирующая навигация — строка со ссылками, соответствующими иерархии структуры сайта. Такую строчку Вы можете наблюдать у меня в верху над заголовком статьи. Кто то считает, что хлебные крошки не обязательно устанавливать на сайт, а кто то наоборот. На известных блогах Breadcrumbs присутствует, значит и нам не противопоказано. Приступим.

Хлебные крошки с помощью функции плагина Yoast WordPress SEO

В админпанели раздел SEO - "Хлебные крошки":

Breadcrumbs
Раздел SEO - "Хлебные крошки"

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

Breadcrumbs-Yoast-WordPress-SEO
Настройки "Хлебных крошек"

Установите разделитель между пунктами, какой Вы захотите. Напишите текст ссылки на главную страницу, можно написать название вашего блога или просто "Главная". Далее, в "хлебных крошках" установить таксономию для рубрики. Нажмите "Сохранить изменения". Теперь нам надо установить код в тему, где будет выводиться строчка навигации. Для этого идем: Внешний вид - Редактор. Открываем файл single.php (одна запись) и вставляем код:

чуть выше строчки (обычно над заголовком статьи)

Можете вставить под заголовок ( некоторые так делают), ваше право. Хотя для меня это, как то, не серьёзно. Если хотите, такую операцию проделайте и в файлах page.php; archive.php; search.php. Я лично не стал, может позже.

Как установить хлебные крошки в блог WordPress без плагина

Этот хак (нашел за бугром) подойдет для тех, кто не пользуется плагином Yoast WordPress SEO. Открываем файл "Функции темы" (functions.php) и перед закрывающим тегом (в самом низу) ?> вставляем такой длинный код (не забудьте сделать резервную копию файла):

Обновите файл. Для вызова функции так же, как описано выше, в файлы single.php (одна запись);  page.php (шаблон страницы); archive.php (архивы); search.php (результаты поиска) вставьте код:

Всё. Если понадобится задать стиль CSS для хлебных крошек (под дизайн вашей темы) заключите строчку в:

Откройте файл "Таблица стилей" (style.css) и в конце кода вставьте:

Настройте стиль под ваш дизайн блога. На этом у меня все. До новых встреч. Удачи.

Комментарии

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *