Доробка віджету довільного меню

Довільне меню в WordPress – codex.wordpress.org/Function_Reference/wp_nav_menu – чудова річ, будь-які пункти меню та посилання у будь-яких поєднаннях та ієрархії. Віджет “Довільне меню” дає ще більше можливостей в організації навігації на сайті. Проте, виведення довільного меню у сайдбарі здійснюється “як є”, тобто. застосовуються, звичайно, стилі теми, а підпункти, в більшості випадків, розташовуються вірно - правіше за батьківський пункт (залежить від теми), але не вистачає якоїсь взаємодії з користувачем.

Можна додати стиль, який дозволить відкривати підпункти при наведенні курсору на пункт меню, що містить підпункти. Для теми Twenty Ten – wordpress.org/extend/themes/twentyten, це доповнення стилів виглядає так:

На жаль, є недоліки. І основні з них полягають у тому, що розкриваються всі пункти, а пункти меню, що містять підпункти, продовжують містити активне посилання, що, в більшості випадків, наприклад, з рубриками, не потрібно. Так, можна доповнити стилі і при наведенні розкривати лише нижченаведений підпункт, але я пропоную інше рішення.

У файл style.css додаємо стилі:

До шаблону footer.php додаємо скрипт:

Якщо ідентифікатори та класи наведеного прикладу збігаються з ідентифікаторами та класами вашої теми, а jQuery підключений, то результат повинен вас порадувати. Якщо ні, то виправлення не повинно виявитися складним.

Робочий приклад можна подивитися та спробувати тут – jsfiddle.net/skodnik/LHcU7

Даний скрипт можна доповнити невеликими пояснювальними пікторграмами "+" для пункту, що містить підпункти, "-" для розкритого пункту і т.д.

Зверніть увагу на попередні записи:

Привіт, мене звуть Євген

Я займаюся створенням, підтримкою та розвитком діючихсайтів, web-версткою, розробкою та перекладом тем для WordPress. А що ще?

---