Пошуки ідеального меню ...
Це частина 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". # Елемент може бути ідентифікатор або клас шлях існуюче меню або мітки справ елемент, який в даний час за рахунок вашої поточної теми. Так 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 для не-JavaScript браузерів. Ви меню можна буде використовувати, візуально схожих і роботи навіть для JavaScript відключені браузерів (хоча і тільки верхній рівень навігації буде видно і не Спливаючі меню буде відбуватися, звичайно, як вони зроблені на JavaScript).
- SEO дружніх функцій - невпорядкований список кодів меню генерується в форматі HTML. Google та інші павуки пошукових машин зможуть індексувати структуру переходів і знайти посилання на внутрішні сторінки.
- Підтримка необмеженого рівня вкладеності і підрівнів.
- Підтримка будь-яке замовлення або сторінки, повідомлення (через користувальницький URI), категорії, користувачів, користувальницькі блоки коду і зовнішні посилання в меню.
- Підтримка текстових, а також на основі образу елементи меню. (У мене є ще спробувати ці, хоча).
- Структура меню та контент візуально Регулювання через площу адміністратора NAVT.
- Компактність: JQuery засновані Спливаючі меню для вкладених рівнів.
- Швидко: JQuery для меню завантажується з Google серверах (я б із задоволенням сама дисертація зробити те ж саме, а не тягнути його на місці). Це дозволило б прискорити процес, небагато.
- Масштабованість - Цей тип меню для редагування і настроюються в будь-який час через налаштування плагіна NAVT без необхідності кодування в будь-якому місці.
Я використав цю прекрасну меню з динамічних дисків порталу в якості бази. Я повинен був настроїти JavaScript коду біт, а також включити шматок PHP в custom_functions.php щоб змусити його працювати з тезою. Крім того, кількість вже існуючих сторінок, категорій і посад з мого сайту були використані для складання структуру меню. Ваш специфіки сайту буде відрізнятися - але поняття будуть однаковими.
Так що давайте продовжувати, чи не так?
Крок за кроком інструкції для установки NAVT основі вкладених, що настроюються, багаторівневі, SEO дружніх
і просто холодний дивитися навігаційне меню для Wordpress і дисертації тему
- Перехід до панелі адміністратора Wordpress. Модулі-> Новий пошук за словом «navt". Плагін буде показано. Натисніть кнопку [Install], [Встановити зараз], "Активувати плагін".
- Сервіс-> Списки NAVT, Inside "Навігація Група" області знайти "ім'я групи" і введіть: "menu1" в поле, натисніть [Створити] кнопку. "Menu1" прямокутник області отримали створений.
Це "menu1" область буде основним майданчиком для меню будівництва. Ви будете перетягнути сюди ваші елементи меню. - В "активи" області знайти «інші» списку та натисніть на кнопку "Home" вибір. "Головна" штучка з'явиться всередині "непризначенням" області. Дивно, так? Не турбуйтеся, до тих пір, як вона працює - і це буде для нас.
- Перетягніть цей "дім" штучка від "активи" в області "menu1" прямокутної області. Він стане "Home" пункт в меню.
- Повторіть кроки 3-4 для деяких сторінок з "сторінки" області, а також для категорії "категорії" області. Перетягніть будь-які інші елементи, які ви хочете бути на вашому меню всередині "menu1" прямокутник. Ви можете натиснути на сторінки, категорії користувачів і деякі настроювані елементи, такі як "список дільник» і «блок коду". Блок коду прохолодно спосіб додавання користувацьких фрагментів всередині меню.
- Ви можете перетягнути пункти меню всередині "menu1" області, щоб змінювати їх порядок.
- Ви можете налаштувати ієрархічне положення кожного пункту меню з "<" і ">" стріли.
- Натиснувши на назву тексту кожного пункту меню - відкриває неймовірна додаткових діалог настройки для цього елемента. Я в основному використовується за умовчанням, але технічно ви можете зійти з розуму і почати заробляти на основі образу вибір меню і додати шматки HTML-коду в нього. З обережністю, хоча.
- Для linkless unclikable підменю, який буде служити "батьків" для інших "на південь від дітей" я використав "Блок коду" типу. Наприклад, при налаштуванні такий пункт блок коду я увійшов до "Пункт меню псевдонім" = "MemberWing" і "Код блоку:" = "<a href='#'> MemberWing </>". Маючи HREF = "#" зробить це не активний, але діючи в якості дійсного "батька" в меню вибору.
- Ось, як побудувати структуру мого NAVT "menu1 'схожий практично завершена:
- Готово первісне будинок, а потім натисніть на кнопку "передача" значок, щоб налаштувати меню структуру:
- Це буде відкритий діалог з 4 вкладки: Параметри, Дисплей, CSS, Тема.
- Перейдіть в розділ "Настройки" вкладку і переконатися, що все перевірено і "ім'я групи" каже: "menu1"
- До вкладку "Відображення" і переконайтеся, що всі на "групу Показати навігації на ..." площа перевіряється [х]. Залиште відпочинок на значення за замовчуванням.
- Перехід до "CSS" і виберіть перемикач (х) "Не застосовувати CSS класів».
- К "Тема" на вкладці і заповніть її так:
Включити до "Додати теги раніше ..." площа цього коду:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Включити до "Додати теги після ..." площа цього коду:
<br style='clear: left' /></div> - Натисніть кнопку [зберегти / закрити] кнопка
- У цій будівлі пункт меню з варіантів NAVT плагіна завершена.
Тепер прийшов час зробити невеликий заграти за тема дисертації , щоб отримати його готовим. Для цього нам потрібно додати кілька користувальницьких файлів - CSS і JavaScript, що відноситься до меню і custom_functions.php поновлення дисертація " - Завантажити повний набір файлів тут .
- Розпакуйте архів. Якщо ви оновили custom_functions.php з вашими настройками - потрібно об'єднати їх з мої речі. Я залишаю це на ваш розсуд.
Якщо ви ще не торкнувся її - не соромтеся переписувати його з моїм. Будь ласка, зверніть увагу: я віддавав перевагу позиції меню під заголовком сайту (за замовчуванням вище) - так що моя настройка включена цього переваги, а також. - Завантажити архів, включаючи всі підкаталоги і файли у вашій дисертації тема каталогу "звичай", як тут:
.../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
І, звичайно, якщо ви до будівлі супер SEO оптимізовані Premium Wordpress членство портал - найкраще рішення для цього:
Тема дисертації + MemberWing членства плагін + саме розміщення Wordpress звичайно.
