Залежне бічне меню в wordpress з віджетом advanced sidebar menu

Залежне бічне меню в wordpress з віджетом advanced sidebar menu
Давайте розглянемо рішення однієї тривіальної задачі з wordpress меню яка час від часу зустрічається розробникам. Буває, що на сайтах потрібно виводити відразу два меню, які при цьому між собою взаємопов'язані: одне верхнє горизонтальне 1-го рівня, а друге в сайдбарі 2-го рівня. Причому в бічному відображаються тільки ті підпункти, для яких вибраний відповідний батьківський елемент в головному меню. Наприклад, якщо у вас в шапці сайту є перелік країн, то вибравши, припустимо, Італію, в сайдбарі отримаєте тільки список італійських міст.

Теоретично, реалізувати таку фішку можна за допомогою функції wp_nav_menu і якогось хитрого PHP коду, але я пропоную скористатися готовим рішенням - виджетом меню для wordpress під назвою Advanced Sidebar Menu. Це максимально просто і не потрібно робити ніякі правки шаблона.

Залежне бічне меню в wordpress з віджетом advanced sidebar menu

Ніяких додаткових налаштувань після установки робити не потрібно, в розділі «Зовнішній вигляд» - «Віджети» просто з'явиться 2 нові елементи: Advanced Sidebar Pages Menu і Advanced Sidebar Categories Menu. Налаштування даних віджетів меню для wordpress плюс-мінус схожі:

Залежне бічне меню в wordpress з віджетом advanced sidebar menu

  • Title - заголовок віджета.
  • Include Parent Page - додавати чи батьківський елемент в меню.
  • Include Parent Even With No Children - чи включати сторінки без підлеглих.
  • Order By - варіанти сортування (порядковий номер, заголовок, дата).
  • Use this Plugin's Styling - використання стилів оформлення від плагіна.
  • Pages to Exclude (ids) - виключаються сторінки.
  • Always Display Child Pages - завжди виводити підсторінки.
  • Levels to Display - кількість рівнів меню для відображення.

Наостанок слід зауважити, що є в модулі Pro версія з більш широкими настройками (опції оформлення, стиль акордеона для меню і т.п.). Розробникам раджу зазирнути на сторінку Developer Docs де зібрана інформація про спеціальні фільтри / функціях для більш складних варіантів використання плагіна.

Сподобався пост? Підпишись на оновлення блогу по RSS. Email або twitter.