У пошуках ідеального меню ...
Це частина 1 Підручник
Частини 2 цього підручника вчить, як будувати вертикальні меню + темна палітра кольорів для горизонтальної
Я вирішив, тема дисертації, тому що один з моїх клієнтів, повідомили мені про проблеми сумісності між дисертації і моє членство на сайті WordPress плагіна MemberWing. Я фіксованою, а потім вирішив ближче подивитися на дисертації і справді турбує, щоб дивитися відео на титульній сторінці основного сайту дисертація - Diythemes.com.
Що мене вразило найбільше уваги до деталей, зручність для користувача і, перш за все - SEO функції, які так добре подумали.
MemberWing членство плагін був розроблений з нуля для членства сайти, які необхідно вивести стільки соку SEO наскільки це можливо. Так що я приділяється багато уваги на безліч поліпшень і SEO досконало MemberWing. Багато хто з моїх клієнтів просять про різних темах у використанні і з тим, що було так добре оптимізований SEO з глибини буде відмінним, придатний для членство портал підприємців.
Поєднання SEO повноважень MemberWing з SEO повноважень тема дисертації дало б кращі можливості ранжирування моїм клієнтам. Так що я отримав дисертацію, грав з ним протягом дня.
Це відмінна тема в усіх відношеннях. Навігаційна частина його хоч трохи обмежені функції. Починаючи від тези 1.5 + це один рівень меню тільки. Моє звичайне бажання, щоб мати можливість налаштувати навігацію стільки, скільки необхідно. Деякі сайти мають лише кілька сторінок, багато інших тонн статичних сторінок + мільярдів Статті / + багато посад категорії.
Так що в ідеальному світі маючи можливості створити приємні для ока ієрархічно організованого зручної навігації по меню є обов'язковим. Дисертації з місця в кар'єр має красивий навігації, але я помітила, що всі дисертації вебсайтів, шукаємо, як близнюки. Установки дисертація навігації меню не дуже просто, тому багато людей просто залишити все як є. Існує немає можливості зміни порядку категорій в меню або на позицію їх між сторінками. І знову, можливість створювати вкладені структури меню відсутні. Тому я вирішив подивитися, що можна зробити.
Після спроби приблизно півдюжини меню / навігації пов'язані плагінів, які я Поставити мій вибір на Wordpress навігації Список плагінів NAVT.
NAVT плагінів істотно неупорядкований список генератора з супер фантазія і трохи важко Малюнок нетрадиційним інтерфейсом адміністратора. Що це помилка про те, що вона не створює фантазії дивлячись мене сам по собі. Це найважча частина роботи, хоча - дає вам можливість візуального зібрати воєдино і генерувати ненумерований список - скелет меню-к-бути. І ви можете створити занадто багато мене. Ви можете вивести всіх видів матеріалу Wordpress в меню навігації: сторінок, повідомлень, статей, категорії користувачів, блоки коду, зовнішні посилання, роздільники, сепаратори і змішувати і поєднувати і гнізда й організовують і налаштувати їх у будь-деревоподібній структури ви хотіти.
NAVT генерує для вас привів HTML неупорядкований список. Другий красу NAVT є те, що вона допомагає вам вставити нове меню у вашій темі за допомогою відомих JQuery засновані логіки, але без необхідності змінювати будь-який код! NAVT дозволяє вказати: "замінити # Елемент з моїм новим меню NAVT". # Елемент може бути ідентифікатор або клас шляху існуючого меню або Div тега елемента, який в даний час за рахунок вашої поточної теми. Таким NAVT це заміна для вас, не змушуючи вас йти в темі код і зробити його більш безладним, ніж вона вже є. Якщо це все звучить як марення - не хвилюйтеся - я вас крок за кроком найближчим часом. Складною частиною NAVT для всіх є те, що вам доведеться придумати фактичні зображення + CSS + JavaScript коду для вашого меню самостійно. І це до вас, щоб з'ясувати, де і як інтегрувати ці файли і зробити цей матеріал правильної отримати з'єднані разом.
З повагою, НЕ знаючи, JQuery + деякі PHP + CSS +, що гідний досвід роботи з Wordpress - це річ важко тягнути.
Із задоволенням я знаю, що матеріал трохи і тому я вирішив стиснути зуби і направляти людство на свободу у побудові кращого з кращих навігаційних меню для WordPress. Мені просто потрібно з'ясувати, за деякими джерелами приємні для ока горизонтальне меню CSS. Я вибрав динамічний сайт диску для їх кращого вибору, демонстрації та джерел.
Я присвятив день для вивчення дисертації та грати з плагінів NAVT. Врешті-решт, я з гордістю створили звичай, гнучкий, SEO оптимізовані, багаторівневі, вкладені структури nagivation для моєї дисертації Wordpress + заснована сайті.
Список особливостей багаторівневі, вкладені меню навігації для Wordpress Тема дисертації
(Ви повинні любити цей матеріал):
- Професійна, чистий вид.
- Підтримка всіх сучасних браузерах, в тому числі 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome як JavaScript і не JavaScript режимах.
- Правильно downgradable для Non-JavaScript-браузерів. Ви мене буде практичним, візуально схожих і працювати навіть на JavaScript відключені браузерів (хоча і лише у верхній частині вікна рівня буде видно і не flyouts відбудеться, звичайно, як вони зроблені JavaScript).
- SEO можливості - неупорядкований список меню Код генерується в HTML. Google і інших пошукових павуків зможе індексувати структуру та навігацію знайти посилання на внутрішні сторінки.
- Підтримка необмежена вкладеність рівнів і підрівнів.
- Підтримка будь-яких тем або сторінки, посади (за допомогою певних користувачем, URI), категорії користувачів, користувальницький код блоків і зовнішніх посилань в меню.
- Підтримка текстових, а також графічне меню елементів. (Я до сих пір, щоб спробувати хоча ці).
- Структура та зміст меню візуально Регулювання через адміністративний розділ сайту NAVT.
- Компактність: JQuery засновані flyouts для вкладених рівнів.
- Fast: JQuery для мене завантажується з сервера Google (я сама люблю дисертація зробити те ж саме замість потягнувши її на місці). Це дозволить прискорити процес, небагато.
- Масштабованість - Цей тип меню можна редагувати і налаштовується в будь-який час через налаштування плагіна NAVT без необхідності кодування в будь-якому місці.
Я використав це чудове меню з динамічних портал диску в якості бази. Я повинен був настроїти JavaScript коду небагато, а також включити шматок PHP в custom_functions.php, щоб вона працювала з тезою. Крім того, число вже існуючих сторінок, категорій і посад з мого сайту були використані для складання структурі меню. Налаштування вашого сайту буде по-іншому - але концепція буде такою ж.
Так давайте продовжимо, чи що?
Крок за кроком інструкції для встановлення NAVT основі вкладених, що настроюється багаторівневий, SEO дружній
і просто холодний дивитися меню навігації для Wordpress і дисертації тема
- Перейти до адмін-панелі WordPress. Plugins-> Додати нове, для пошуку "navt". Плагін буде показаний. Натисніть кнопку [Встановити], [Встановити], "Включити плагін".
- Сервіс-> NAVT Списки Inside "зональної навігації група" знайти "назва групи" і введіть: "Menu1" в поле, натисніть кнопку [Створити] кнопку. Отримали створив "Menu1" прямокутник області.
Це "Menu1" область буде основна майданчик для мене будівництва. Ви будете перетягнути сюди ваші елементи меню. - В "Площа активів" знайти "інший" Список "та натисніть кнопку" Home "вибору. "Штучка Дім" з'явиться всередині "Площа непризначення". Weird, так? Не турбуйтеся, поки вона працює - і це буде для нас.
- Перетягніть це "штука дім" від "Площа активи" в "Menu1" прямокутник області. Він стане "Home" в меню пункт.
- Повторіть кроки 3-4 кілька сторінок із "Сторінки" області, а також у категоріях "Площа категорій". Перетягнути будь-які інші елементи, які хочуть бути на мене зсередини "Menu1" прямокутник. Ви можете натиснути на сторінках, категорії користувачів і деякі призначені для користувача елементи, такі як список "дільник" та "Код блок". Блок коду є прохолодний спосіб додавати власні фрагменти всередині мене.
- Ви можете перетягнути мене всередині "Menu1" області, щоб змінити порядок їх замовлення.
- Ви можете налаштувати ієрархічна позиція кожного пункту меню з "<" і ">" стрілами.
- Натиснувши на назву тексту кожного пункту меню - викликає неймовірна додаткових діалогових налаштування для цього елемента. Я в основному використовується за умовчанням, але технічно можна зійти з розуму і почати заробляти графічного меню вибору і додати шматки коду HTML в неї. Приступити хоча і з обережністю.
- Для linkless unclikable підменю, які будуть служити "батьків" для інших "суб-дітям" я використав "тип блоку коду". Наприклад, при налагодженні такого пункту блок коду я вступив в "Alias Пункт меню" = "MemberWing" і за "Код блоку:" = "<a href='#'> MemberWing </ A>". Маючи HREF = "#" зробить його інтерактивним, але не виступає в якості дійсних "батька" меню вибору.
- Ось як мій NAVT 'menu1' побудувати структуру дивилися, як майже завершено:
- Готово початкового потенціалу та натисніть на іконку "Gear", щоб налаштувати вашу структуру меню:
- Це буде відкритий діалог з 4 вкладки: Настройки, Дисплей, CSS, Тема.
- У меню "Настройки" вкладку і переконайтеся, що все це неперевірена і "Назва групи", каже: "Menu1"
- У меню "Дисплей" вкладку і переконайтеся, що все на "групу навігації Показати на ..." Площа перевіряється [X]. Останнє на значення за замовчуванням.
- Перейти на "CSS" і виберіть вкладку перемикач (X) "Не застосовувати CSS класи".
- Перейти на "Тема" вкладку і заповнити її так:
Включити в "Додати теги раніше ..." Площа цей код:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Включити в "Додати теги після ..." Площа цей код:
<br style='clear: left' /></div> - Натисніть [Save / Close] кнопка
- У цій будівлі пункт меню зсередини посилань NAVT плагіна завершена.
Тепер настав час, щоб зробити трохи заграти на тему дисертації щоб було готове. Для цього нам необхідно додати кілька файлів, призначені для користувача - CSS і JavaScript, який належить до меню і оновлення custom_functions.php дисертація ' - Завантажити повний набір файлів тут.
- Розпакуйте архів. Якщо ви оновили custom_functions.php з вашими настройками - вам необхідно об'єднати їх з моїми речами. Я залишу це до вас.
Якщо ви ще не торкнувся її - не соромтеся, перезаписати його з моїм. Зверніть увагу: я вважав за краще позицію меню сайту під заголовком (за замовчуванням вище) - так що моє перебудови включити цей параметр також. - Завантажити архів, включаючи всі підкаталоги і файли у вашій, тема дисертації 'Директорія Custom ", як це:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Я не торкнулася custom.css - Я не хочу, щоб тримати мене конкретні CSS, що перебувають під їх власними місця, щоб уникнути створення безлад усередині custom.css - На даний момент ви можете оновити ваш веб-сайт і побачити нові красиві нові багаторівневі, вкладені, SEO оптимізованого меню.
- Ви завжди можете повернутися до NAVT параметри та налаштувати меню з великим вибором або змінити нічого. Це буде відображено в прямому сайту автоматично.
Дорога в майбутнє ...
Цей підручник включено творче прикладі одного виду меню. Я грав з одним - просто щоб побачити, як темний меню буде виглядати так:
Тема дисертації - багаторівневих вкладених меню CSS - темна палітра
Я думаю, це дуже приємно. Є багато інших навігаційних зразки доступні на Dynamic Drive - всі вони є можливі налаштування для дисертації та інші теми Wordpress з деяким зусиллям:
Dynamic Drive Горизонтальне меню
Я сподіваюся, що ви знайдете цю Підручник вигідно і корисно. Як я вже сказав, це можна налаштовувати будь-який з цих меню для тези - це певний час і бажання, щоб це відбулося.
Я можу робити цю роботу за вас на контрактній основі. Просто виберіть у меню хочете, зв'яжіться зі мною, і я буду працювати над кодом і інструкцією для вашого сайту.
$ 20
І, звичайно, якщо ви до потенціалу Super Premium оптимізована SEO WordPress членство порталу - краще рішення для цього:
Тема дисертації + MemberWing членство плагіна + Самостійне розміщення Wordpress звичайно.
