Иерархическое постраничное меню WordPress в сайдбаре

Меню – это главный навигационный элемент сайта. И если сайт обладает сложной структурой, то меню должно соответствовать этому – быть полезным посетителю, понятным и простым, помогать быстро находить материалы. В некоторых случаях необходимо даже создать несколько меню.

В этой статье мы покажем вам, как можно сделать меню WordPress, которое будет отображать только страницы, и демонстрировать их иерархию. Меню, о котором пойдёт речь, выполнено в виде виджета, поэтому его можно будет поставить в любой сайдбар.

Постраничное меню WordPress с плагином SF Bootstrap Menu

Когда вы создаёте страницу в WordPress, у вас есть важность слетать её родительской или дочерней. Страницы могут образовывать иерархические структуры с неограниченным уровнем вложенности. Это один из признаков, по которому они отличаются от записей.

Если вы создаёте меню WordPress стандартными способами, как мы писали в этой статье, ты вы можете показать всю иерархию каждой страницы. Однако если вы хотите дополнительных функций и возможностей, вам придётся воспользоваться специальным плагином.

Плагин SF Bootstrap Menu позволяет выводить страницы с подстраницами в виджете, то есть в сайдбаре, а также он обладает дополнительными функциями. Чтобы начать работать с этим плагином, скачайте, установите на своём сайте и активируйте. У самого плагина своих настроек нет, потому сразу перейдите в пункт панели «Внешний вид» и выберите подпункт «Виджеты». Здесь выберите виджет «SF Bootstrap Menu», перетащите мышкой в нужный сайдбар, и разверните. Можно приступать к настройкам:

• Title. Укажите заголовок для меню, например «Страницы» или «Все страницы».
• Root pages. Укажите ID корневой страницы. Будут отображаться её дочерние элементы.
• Show top-level pages. Поставьте галочку, чтобы отображать страницы верхнего уровня.
• Exclude pages. Укажите ID страниц, которые необходимо исключить из меню WordPress.
• Sort field. Укажите поле, по которому следует сортировать страницы в этом меню. По умолчанию это «post_title» – по заголовку.
• Sort direction. Укажите направление сортировки.
• Post status. Укажите, страницы с каким статусом должны отображаться в этом меню WordPress. По умолчанию это опубликованные.
• Title background color. Выберите, какого цвета будет заголовок в меню.
• Menu items background color. Выберите, какого цвета будет фон под пунктами меню.

Теперь сохраните все изменения в виджете и посмотрите, как он выглядит на сайте.