Как сделать удобную навигацию на страницах блога
Для того, чтобы более комфортно передвигаться по блогу, существует навигация или так называемые “хлебные крошки”. Имея подобную навигацию можно будет видеть в какой части блога Вы сейчас находитесь и сможете быстро перейти или вернуться в то место, с которого начали по нему двигаться.
Навигация по блогу
Для установки навигации, я использую плагин Yoast SEO, который не только дает возможность оптимизировать статьи блога, но и создавать “хлебные крошки”. На плагине Yoast SEO я подробно останавливался в статье “Плагин Yoast SEO для оптимизации статей блога на WordPress”.
Для начала, давайте установим плагин Yoast SEO и перейдем в его настройки.
Рис. 1
Заходим в боковую панель консоли WordPress (Рис.1) и выберем “Yoast SEO” (п.1) > “Отображение в поисковой выдаче” (п.2)
Рис. 2
Заходим во вкладку “Хлебные крошки”.
Настройки “Хлебных крошек”
Рис. 3
Нажимаем кнопку “Включено”, чтобы включить “хлебные крошки” (п.1). Выбираем разделитель между “хлебными крошками” (п.2). Текст ссылки на главную страницу (п.3) и выделяем текст последней страницы “Полужирный” (п.4).
![]() |
Читайте статьи: • Звездный рейтинг статьи при помощи плагина KK Star Rating • Как вставить цитату и красиво ее оформить в WordPress • Плагин Simple Lighbox для увеличения картинок блога при нажатии |
PHP-код для установки навигации
После этого нам нужно вставить PHP-код в файл single.php и/или page.php
![]() |
<?php if ( function_exists(‘yoast_breadcrumb’) ) { yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ ); } ?> |
Если Вы хотите, чтобы навигация была в статьях блога, т.е. в динамических страницах, то данный код нужно вставлять в файл single.php. А если хотите в статических страницах, то в файл page.php
У меня код стоит в обоих файлах, поэтому навигация есть на всех страницах.
Навигация на блоге
Рис. 4
На (Рис.4) мы видим, как выглядит данная навигация на блоге и текст страницы на которой мы находимся выделена жирным шрифтом. Собственно как мы и настраивали в плагине Yoast SEO.
В данной статье, мы с Вами научились вставлять навигацию (“хлебные крошки”) на блог, тем самым дали наши читателям еще одно удобство для передвижения по блогу. При этом как Вы видели, что создать навигацию довольно просто.
Теперь прочитав данную статью Вы легко сможете установить “хлебные крошки” на своем блоге.
Буду рад Вашим вопросам и комментариям
Успехов Вам
С уважением Владимир Шишков