Деревовидне меню для сайту

menu1.jpgМій блог очікують невеличкі зміни. Головне – переробити повністю сайдбар: зробити деревовидне меню, що могло б займати менше місця, а також усю іншу інфу поприховувати в скриптики, що при натисненні плавно розкривають зміст того чи іншого блоку. Почав з першого пункту, а не так легко це виявилося. Вирішив не писати все самостійно, а використати якусь із прог. Зупинився на Sothink Tree Menu і все чудово виходило… аж поки не встанов готове меню на сайт. І тут я зрозумів, що тріальна версія – на те вона й тріальна, щоб можна було лише спробувати можливості програми. І, якщо на компі в інтерфейсі проги все працювало нормально, то на сайті почалися глюки з дизайном і… меню зпавантажувалося лише на індексій сторінці – на інших працювати відмовлялося…

Тож, я продовжую пошуки виходу із ситуації. Може хто підкаже як бути?


menu2.jpg

  • vp

    Таке меню — це півгодини джаваскріптування і ще година на стилювання, якщо з нуля писати. Якщо ж використовувати JQuery, то на джаваскріпт йде 5 хвилин.

    Але в цього сайта є проблема: ця сторінка робить 80 з’єднань із сервером і з’їдає 700 кб трафіку. Через погано відконфігурований перехоплювач подій при 404-й помилці (не знайдено файла) сервер повертає сторінку в 33 кб. Зараз не знайдено 5 файлів (чотири джаваскріптових і один цеесес) і користувач мусить тягнути зайвих 165 кб. На сторінці не видно ніяких карт від гугла, проте від того самого гугла стягується джаваскріптовий віджет масою 100 кб, який якраз і має відображати карти. Навіщо?

    P. S. А з меню на сайдбарі взагалі просто: підключити бібліотеку JQuery, причепити плагін Treeview, навішати його на існуюче меню і танеться диво 🙂

  • І я собі таке хочу встановити на сайт. Напишеш, як знайдеш, плз!

  • Володимире, я б міг видерти меню з будь-якого сайту, але хочеться шось своє, оригінальне. А зробити дизайн власноруч не зможу…

    А стосовно запитів до БД, то звідки ти це все взяв? Пропускав мій сайт через аналізатор-оптимізатор?
    То мабуть все тягнеться з таблиці options – розумієш, цей блог свого роду слугує мені експериментальною платформою для плагінів, більшість з них зара вже відключена, але записи в БД мабуть полишалися, от воно і тягне…
    Коротше, шо робити ? Оптимізувати таблиці маескюеля не полізу – боюся все поламати… Мабуть варіант – перевстановити двигунець на нову базу, завантаживши повідомлення через xml… ? Чи є інший вихід?

  • Нат, якщо тебе влаштує плагін, в якому можна показати все у вигляді дерева (активного), але з сортуванням лише за ай-ді чи алфавітом (проте є можливість виключення вибраних категорій) – для тебе wp-dtree.
    А ще є плагін для сортування порядку категорій – MyCategoryOrder називається, але між собою вони не сумісні. Сподіваюсь, незабаром вийде нова версія wp-dtree, в якому буде можливість розташовувати категорії у заданому порядку…

  • vp

    Володимире, я б міг видерти меню з будь-якого сайту, але хочеться шось своє, оригінальне. А зробити дизайн власноруч не зможу…

    Як я зрозумів, потрібне меню, яке розгортається. Його можна зробити на основі існуючого меню, довішавши простий джаваскріптовий код, і нічого не треба видирати з інших сайтів. А вигляду меню конфігурується за допомогою CSS.

    А стосовно запитів до БД, то звідки ти це все взяв? Пропускав мій сайт через аналізатор-оптимізатор?

    Я поняття не маю, що там твориться з базою 🙂
    Я писав про дані, які завантажує браузер, а запити — це не SQL запити, а HTTP. Є плагін для фаєрфокса, який показує всі запити, які робить браузер до сервера, також можна побачити скільки часу йде на відповідь сервера і який об’єм даних завантажується. Якщо тягнуться якісь джаваскріпти, то значить посилання на них є десь прописані в темплейтах. Також відповідь сервера, якщо файл не знайдений, повинна бути різною для різних файлів.

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

  • Дякую, Володимире! Спробую твій варіант для іншого сайту, бо на цьому я збираюся зруйнувати ієрархію в категоріях, тому цей варіант не прокатить… Тому потрібно робити статичне меню і, думаю, я вже знаю як саме…
    А щодо рекалми від Гугл, то все запрацювало. Просто в мануалі було написано, що вона має відображатися одразу після додавання коду, а цього не стался чомусь… От пепер ще з’ясувати, чому вона в мене на англійській мові і чому я взагалі не можу знайти в переліку мов на AdSence українську…