В търсене на идеалното меню ...
Това е част 1 от Инструкция
Част 2 на този настойнически учи как да се изгради вертикална + меню тъмна палитра цветове за един хоризонтален
Реших да получите тези тема , защото един от клиентите ми ме информира за проблеми със съвместимостта между работа и моя WordPress сайта членство плъгин MemberWing. Аз го поправя и след това са решили да вземат по-отблизо тези и на практика труда да гледат видеоклипове на първа страница на основния сайт теза - Diythemes.com .
Какво ме впечатли най-много е вниманието към детайла, удобство за потребителя и най-вече - SEO функции, които са толкова добре, че на.
MemberWing членство плъгин е проектиран от самото начало на членството в сайтове, които трябва да изтегли колкото сок SEO е възможно. Така че аз платени много внимание на множество SEO аксесоари и съвършенство в MemberWing. Много от моите собствени клиенти искат за различни теми, които да използват и като тема, която е толкова добре оптимизирана SEO от дълбоко вътре ще бъде отличен годни за членството в портала предприемачи.
Съчетавайки SEO правомощията на MemberWing с SEO правомощията на тези тема ще дам най-доброто класиране на възможности за клиентите си. Така че аз имам работа и играе с него за един ден.
Той е отличен тема по всички възможни начини. Навигацията част от него, въпреки че е малко ограничен функция. Като се започне от тези 1.5 + е едно ниво на менюто само. Моят обичайните желание е да бъде в състояние да персонализирате навигация, колкото е необходимо. Някои сайтове са само няколко страници, много други са тона на статични страници + zillions на статии / мнения + много категории.
Така че в идеален свят, които имат възможност да създадете добре изглеждащ йерархично организирана лесна навигация меню е задължително. Тези правото на разстояние бухалката е добре изглеждащ навигация, но забелязах, че всички тези-базирани уеб сайтове са гледам като близнаци. Персонализиране на тези навигационното меню не е много лесно, така повечето хора просто го остави колкото се. Няма начин да промените реда на категориите в менюто или да ги позиция между страниците. И пак, възможността за създаване на вложени структури менюто липсва. Така че реших да видя какво може да се направи за него.
След като се опитва около половин дузина меню / навигация свързани плъгини задам моя избор за Wordpress Plug-in Навигация Списък NAVT .
NAVT плъгин е по същество неподреден списък генератор със супер фантазия и малко трудно фигура нетрадиционни администратор интерфейс. Какво подвеждаща за това е, че той всъщност не създават въображаеми търси менюта от самия него. Той прави най-трудната част от работата все пак - ви дава възможност за визуално съюзим и да генерира неподреден списък - скелет на вашето меню-към-бъда. И вие може да създаде много менюта също. Можете да дръпнете всички такива неща Wordpress в навигационното меню: страници, постове, статии, категории, потребители, код блокове, външни връзки, разделители, разделители и микс и мач и гнездото и да организира и да ги персонализирате по никакъв дървовидна структура вас искате.
NAVT генерира за вас резултат HTML неподреден списък. Втори красотата на NAVT е, че тя ви помага да поставите новото меню в темата чрез известни JQuery основава логика, но без да е необходимо да промените код! NAVT ви позволява да се конкретизират: "замени настоящия # елемент с новия си NAVT меню". # Елемент може да бъде лична карта или класа на пътя на съществуващите меню или тагове DIV елемент, който е генериран от текущата тема. Значи ли това, NAVT Замяна за вас, без да принуждават да отидеш в темата код и го направи по-разхвърлян, отколкото вече е. Ако всичко звучи като безсмислици - не се притеснявай - аз ще ви води стъпка по стъпка скоро. Предизвикателната част от NAVT за всички е, че ще трябва да излезе с действителните CSS + снимки + JavaScript кода за себе си меню. И това е до вас да разбера къде и как да се интегрират тези файлове и да направи тези неща правилно се свързват заедно.
С уважение, без да знаят JQuery + някои PHP + CSS + като достойни опит с Wordpress - това нещо е трудно да се тегли.
С удоволствие знам тези неща малко затова реших да отхапе от куршум и човечеството Пътеводител за свобода в изграждането на най-добрите от най-добрите навигационни менюта за Wordpress. Аз просто трябваше да се уверя източници за някой хубав търси хоризонтално меню CSS. Вдигнах Dynamic Drive сайт за най-доброто им избор, демонстрации и източници.
Аз посветен един ден да учат и играят с тези плъгин NAVT. В края на краищата аз гордо, създадени по поръчка, гъвкав, оптимизиран SEO, нива, вложени nagivation структура за моя Wordpress + базирана теза.
Списък на характеристики на нива, вложени навигация Wordpress меню за тези теми
(Трябва да обичаш тези неща):
- Специалист, почистване вид и усещане.
- Поддръжка на всички съвременни браузъри, в това число 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome в JavaScript, така и извън JavaScript режими.
- Елегантно downgradable за които не са JavaScript браузъри. Можете менюто ще бъдат използваеми, визуално подобни и дори за работа JavaScript увреждания браузъри (макар и само горната навигация ниво, ще се видим и не flyouts ще се случи, разбира се, тъй като те са направени от JavaScript).
- SEO приятелски черта - неподреден списък с кодове менюто се генерира в HTML. Google и други търсещи машини паяци ще могат да индексира вашата навигационна структура и намерите линкове към вътрешни страници.
- Поддръжка на неограничен гнездене нива и поднива.
- Подкрепа за всяка поръчка или страници, постове (чрез дефинирани от потребителя URIs), категории, потребители, потребителски код блокове и външни връзки в менюто.
- Поддръжка на текстови и картинни елементи меню. (Аз все още трябва да се опита тези, все пак).
- Меню структура и съдържание е визуално регулируеми чрез администратор NAVT област.
- Компактен: JQuery основава flyouts за вложени нива.
- Бързо: JQuery за меню се зарежда от сървърите на Google (бих искал тези си да направят същото, вместо да го дърпа на местно ниво). Това ще ускори нещата малко.
- Скалируемост - Този вид меню се редактира и конфигурира по всяко време чрез плъгин настройки NAVT без да е необходимо за кодиране навсякъде.
АЗ използван този отличен меню от Dynamic Drive портал за база. Трябваше да персонализирате JavaScript код малко както и включва парчета на PHP в custom_functions.php, за да работи с тези. Също така броят на вече съществуващи страници, категории и мнения от моя сайт са били използвани за сглобяване конструкция меню. Вашият сайт спецификата ще бъде различен - но концепцията ще бъде същата.
Така че нека пристъпи, а?
Стъпка по стъпка инструкции за инсталиране NAVT базирани вложени, адаптивни, нива, SEO приятелски
и просто хладен гледам менюто за навигация за Wordpress и тезата Тема
- Към администраторите Wordpress панел. Допълнителни модули-> Добавяне на нова, търсене за "navt". В добавка, ще бъдат показани. Щракнете [Инсталиране], [инсталирате сега], "Активиране на Plug-in".
- Инструменти-> NAVT списъци Отвътре "Навигация група" зона намери "име на групата" и въведете: "menu1" в областта, натиснете [Създай] бутона. "Menu1" правоъгълник област има създадена.
Тази "menu1" регион ще бъде основната площадка за изграждане меню. Ще бъде плъзгане и пускане тук вашето меню елементи. - В "активи" зона намери "други" падащ списък и щракнете върху "Начало" избор. "Начало" thingie ще се появи в рамките на "некласираните" зона. Странни, а? Не се тревожете, стига да работи - и воля за нас.
- Плъзнете този "дом" thingie от "активи" в район "menu1" правоъгълник област. Тя ще се превърне в "дом" от меню.
- Повторете стъпки 3-4 за някои страници от "Страница" зона, както и за категорията "категории" зона. Плъзнете всички други елементи, които искат да бъдат на вашето меню вътре "menu1" правоъгълник. Можете да кликнете на страници, категории, потребителите и някои потребителски елементи като "списък с разделител" и "блок код". Код блок е страхотен начин за добавяне на потребителски откъси вътре в менюто.
- Можете да плъзнете елементите от менюто вътре "menu1" площ, за да пренаредите им ред.
- Вие може да коригира йерархична позиция на всеки елемент от менюто с "<" и ">" стрели.
- Като щракнете върху текста името на всеки елемент от менюто - отваря съзнанието стряскам допълнително персонализиране диалоговия прозорец за този обект. Аз най-вече използва по подразбиране, но технически можете да отидете луд и започнете да печелите картинни избор менюто и добавяне на HTML код парчета в него. Продължете с повишено внимание все пак.
- За linkless unclikable подменюта, които ще служат като "родители" за други "рискови деца" аз бях "кодекс блок" тип. Например, когато персонализиране такива Код блок влязоха за "точка псевдоним Меню" = "MemberWing" и за "Въведете блок код:" = "<a href='#'> MemberWing </ A>". Като HREF = "#" ще направи не кликване, но в качеството на валидна "майка" избор меню.
- Ето как ми NAVT "menu1" изгради структура изглеждаше почти завършена:
- Готов първоначално сградата и след това кликнете на "съоръжение" иконата, за да персонализирате своя структура меню:
- Тя ще се отвори диалогов прозорец с четири раздела: Опции, меню, CSS, тема.
- Към "Опции" в раздела и се уверете, че всичко е нерегистриран и "име на групата", казва: "menu1"
- Отидете на "Покажи" в раздела и се уверете, че всичко на "навигация Покажи група на ..." област се проверяват [X]. Оставете останалата част на неизпълнение.
- Към "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 Хоризонтална менюта
Надявам се, че ще намерите този урок от полза и полезни. Както вече казах, че е възможно да персонализирате всеки от тези менюта за тези - че се дава време и желание да се случи.
Мога да направя тази работа за вас въз основа на договор. Просто изберете от менюто желаете, свържете се с мен и аз ще работим за утвърждаване на кодекс и инструкции за вашия уеб сайт.
Двадесет милиона щатски долара
И разбира се, ако сте до сградата супер SEO оптимизиран членство премия WordPress портал - най-доброто решение за това:
Дипломна работа Тема + MemberWing членство плъгин + самостоятелно хоства Wordpress , разбира се.
