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