Как сделать удобную навигацию на страницах блога

Блог Владимира Шишкова

Как создать, раскрутить и зарабатывать на своем блоге

Работа с блогом

Как сделать удобную навигацию на страницах блога

Как сделать удобную навигацию на страницах блога
5 (100%) 24 голос[ов]

Как сделать удобную навигацию на страницах блога

Для того, чтобы более комфортно передвигаться по блогу, существует навигация или так называемые “хлебные крошки”. Имея подобную навигацию можно будет видеть в какой части блога Вы сейчас находитесь и сможете быстро перейти или вернуться в то место, с которого начали по нему двигаться.

Навигация по блогу

Для установки навигации, я использую плагин 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.

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

Теперь прочитав данную статью Вы легко сможете установить “хлебные крошки” на своем блоге.

Буду рад Вашим вопросам и комментариям

Успехов Вам
С уважением Владимир Шишков

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как сделать удобную навигацию на страницах блога
5 (100%) 24 голос[ов]

Работа с блогом

Рекомендую статьи

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

Войти с помощью: 

Ваш e-mail не будет опубликован.



Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: