Поліпшення віджету - довільне меню
Привіт дорогі читачі, сьогодні мені захотілося вирішити одне завдання, а саме якимось чином покращити своє бічне меню, яке створено за допомогою віджету довільного меню і має один рівень вкладеності. Моє бічне меню з кожною статтею збільшується у розмірі і вже стало схожим на довге полотно.
І ось я вирішив пошукати рішення в інтернеті.
Спочатку я хотів поставити собі рішення, запропоноване Іваном [1]. Суть його полягає в тому, що можна за допомогою скрипта і стилю зробити вкладене меню, яке відкриватиметься на кліку по картинці плюса.
Але мінусом цього рішення є те, що все меню, яким би довгим воно не було, доведеться робити вручну. Я навіть спочатку запасся оптимізмом і став писати довгий html код у бічному сайдбарі. Але вчасно одумався і згадав, що на дворі 21 століття, і автоматизація всіх процесів давно полегшує людям життя! 🙂
У результаті я повернувся до пошукових систем і вирішив дізнатися — як можна покращити довільне меню в бічному сайдбарі? Рішення було знайдено, як воно працює можете прямо зараз подивитися у моєму бічному сайдбарі. Тепер моє меню розкривається і закривається на один рівень, і при цьому робити його потрібно, як і належить, за допомогою панелі керування -> зовнішній вигляд -> меню. Простіше кажучи, звичайне меню, створене за допомогою довільних посилань.
Як же я досяг такого результату запитаєте Ви? Виявляється, не так складно, рішення знайшлося завдяки Євгену [2]. Для його реалізації знадобилося кілька хвилин роботи! Ось це справді чудово! 🙂
Ну, я так зрадів, що забув розповісти — як віджет довільного меню можна змінити і поліпшити. Я додав у файл своєї теми style.css наступні рядки:
Цими рядками задається стиль, а точніше просто відступ мого меню. Щоб спрацювало розкриття та закриття меню, потрібно додати до footer.php наступний скрипт:
Зберігаю сторінку, оновлюю свій блог та бачу результат! Так-так, більше нічого робити не треба, вже все повинне працювати, якщо у Вас не працює, то потрібно зіставити вказані стилі зі стилями вашої теми. Це зробити не складно - відкрити вихідний код сторінки блогу, що переглядається, і знайти код віджету довільного меню, і подивитися які стилі там застосовуються.
UPD: На прохання трудящих розповім, як я додав традиційну вірменську нумерацію до свого віджету довільного меню. 🙂 Я просто додав кілька рядків у файлі style.css. Синтаксис list-style-type можна переглянути тут:
А у нас, як і раніше, на острові Ко Ланта незабутні заходи сонця, ось так виглядав захід сонця сьогодні. Бажаю Вам максимально комфортно оптимізувати Ваше життя! 🙂