Потрага за савршеним мени ...
То је део 1 од туторијала
Део 2 овог туторијала учи како да се изгради вертикални мени + тамна палета боја за хоризонталну један
Одлучила сам да се тема теза , јер је један од мојих клијената ме је обавестио о компатибилности питања између тезе и мој УордПресс чланство сајту плугин МемберВинг. Ја га фиксна и онда одлучио да се ближи поглед на рад и заправо смета да гледају видео на насловној страни главних теза сајта - Диитхемес.цом .
Оно што ме импресионирао највише је пажње на детаље, једноставности и пре свега - СЕО карактеристике које су тако добро мисли.
МемберВинг чланство додатак је дизајниран од самог почетка за чланство локације које би требало да се повуче што више СЕО сок могуће. Тако да сам платио много пажње на мноштво СЕО проаирења и савршенствима у МемберВинг. Многи од мојих сопствених клијената тражимо око различитих тема за коришћење и да је тема која је била тако добро СЕО оптимизовани из дубоко у себи био би одличан спреман за предузетнике чланство портала.
Комбиновање СЕО овлашћења МемберВинг са СЕО овлашћења теза тема би дао најбоље од рангирање прилика да моји клијенти. Тако сам тезе и свирао са њим за дан.
То је одлична тема на све могуће начине. Навигација део иако је мало ограничен у функцији. Полазећи од тезе 1.5 + то је само један ниво менија. Моја жеља је уобичајено бити у могућности да прилагодите навигацију онолико колико је потребно. Неки сајтови имају само неколико страна, многи други тона статичких страна + зиллионс чланака / постова + много категорија.
Дакле, у идеалном свету има шансу да створи леп хијерархијски организованих корисник пријатан мени навигација мора. Теза право ван палицу има добре изгледа навигација, али сам приметио да су сви тезе засноване на сајтовима изгледају као близанци. Прилагођавање теза навигација мени није нимало лака тако да је већина људи једноставно оставити као што је то. Не постоји начин да се промени редослед категорија у менију или место њих у различитим странама. И опет, могућност креирања угнежђена структуре мени недостаје. Тако сам одлучио да видим шта се може учинити о томе.
Након покушава око пола туцета мени / навигација се односе плугин Поставио сам мој избор на Уордпресс Навигација Листа НАВТ додатака .
НАВТ додатак је у суштини несређене листе генератора са супер фенси и помало тешко фигура унтрадитионал админ интерфејса. Шта доводи у заблуду о томе је то што заправо не створи фенси изгледа менија по себи. То се најтежи део посла, иако - даје вам могућност да визуелно повуче заједно, и генеришу несређене листе - скелет вашег мени-да-буде. И можда превише створити много менија. Можете повући све врсте Уордпресс ствари у навигациони мени: странице, поруке, чланке, категорије, корисници, код блокова, спољни линкови, разделници, сепаратора и мешати и одговарају и гнездо и организовати и прилагодити их на било који дрвета налик структуру вас желите.
НАВТ генерише за вас резултат ХТМЛ-код несређене листе. Други лепота НАВТ је у томе што вам помаже да убаците нови мени у тему преко чувеног ЈКуери на основу логике, али без потребе да промени било код! НАВТ вам омогућава да одредите: "Замени ово # елемент са својим новим НАВТ мени". # Елемента може бити ид или класу пута постојећих менија или див елемента таг који се генерише ваш тренутни тему. Дакле, НАВТ ли ово замена за вас не приморава да иде у тему код и учинити га неуредан него што је сада. Ако се то све звучи као бесмислице - не брините - ја ћу водити корак по корак ускоро. Изазован део НАВТ за све је да ћете морати да дође до стварне ЦСС + слике + ЈаваСцрипт код за себе мени. И то је на вама да схватим где и како да интегришемо те фајлове и те ствари правилно окупити повезани.
Искрено не знајући ЈКуери + неким ПХП + ЦСС + има пристојан искуство са Уордпресс - ова ствар је тешко извући.
Радо Знам да ствари мало па сам одлучио да гризу метак и водич човечанства на слободу у изградњи најбољи од најбољих навигацију меније за Уордпресс. Ја само треба да сазнамо изворе за неке леп хоризонтална ЦСС менија. Изабрао сам Динамиц Дриве сајт за своје најбоље селекције, демонстрације и извора.
Сам посветила дан да уче рад и игра са НАВТ плугин-а. На крају сам поносно створио обичај, флексибилан, СЕО оптимизовани, више нивоа, угнежђене нагиватион структура за мој Уордпресс + рад заснива сајта.
Листа карактеристика нивоа, угнежђене Уордпресс навигацију менија за рад тема
(Иоу Гот да волите ове ствари):
- Професионални, чист изглед и осећај.
- Подршка за све модерним претраживачима, укључујући и МСИЕ 6,7, Опера, Сафари, Фирефок 3.к, Гоогле Цхроме ће у оба ЈаваСцрипт и нису ЈаваСцрипт режима.
- Грациозно довнградабле за не-ЈаваСцрипт претраживача. Ви мени ће бити употребљива, визуелно сличне и раде чак и за ЈаваСцрипт онемогућен бровсер (додуше само врхунском нивоу навигација ће бити видљив и не флиоутс ће се десити, наравно, јер су од стране ЈаваСцрипт).
- СЕО фриендли функције - несређене листе мени код се генерише унутар ХТМЛ-а. Гоогле и друге паука претраживача ће моћи да индексира навигацију структуру и наћи линкове за унутрашње странице.
- Подршка за неограничен гнезда нивое и поднивое.
- Подршка за било какав налог или странице, поруке (преко кориснички дефинисаних УРИ), категорије, кориснике, прилагођени код блокови и екстерне линкове у менију.
- Подршка текста, као и слике на основу мени елементима. (Ја тек треба да проба јер су ипак).
- Структура менија и садржаја је визуелно подесив преко НАВТ Администратор области.
- Компактан: јКуери базиран флиоутс за угнеждена нивоа.
- Брзи: јКуери за мени се учитава из Гоогле-ове сервере (волео бих рад саме да учине исто, уместо да их вуче на локалном нивоу). Ово ће убрзати ствари мало.
- Скалабилност - Ова врста мени се мењати и конфигурисати у било које време преко НАВТ додатак подешавањима, без икакве потребе кодирања било где.
Користио сам ову одличну мени из динамичну вожњу портала као базу. Морао сам да прилагодите ЈаваСцрипт кода мало, као и укључују комад ПХП у цустом_фунцтионс.пхп да то ради са тезом. Такође, број већ постојећих страница, категорија и поруке из мог сајта су коришћени за склапање структуре менија. Ваш сајт специфичности ће бити другачије - али концепти ће бити исти.
Па хајде настави, ми ћемо?
Корак по корак инструкције за подешавање НАВТ на бази угнеждене, прилагодљив, више нивоа, СЕО фриендли
и напросто кул потрази навигациони мени за Уордпресс и теза Тема
- Иди на Уордпресс админ панела. Плугинс-> Додај нови, пронађите "навт". Додатак ће бити приказани. Кликните на [Инсталирај], [Инсталирај одмах], "Активирај плугин".
- Алати-> НАВТ листе Унутар "Навигација Група" површине пронашли "име групе" и унесите: "мену1" у пољу, притисните [Направи] дугме. "Мену1" правоугаоник површине добио направили.
Овај "мену1" простор ће бити главни игралиште за изградњу менија. Бићете превлачењем и испуштањем овде мени елемената. - У "актива" област наћи "други" ЛистБок и кликните на "Хоме" избор. "Хоме" тхингие ће се појавити у оквиру за "нераспоређен" области. Чудно, зар не? Без бриге, све док се ради - и то ће за нас.
- Превуците овај "Почетна" тхингие из "актива" простор у "мену1" правоугаоник области. Она ће постати "Хоме" ставку у менију.
- Поновите кораке 3-4 за неке странице из "Странице" области, као и за категорије у "категорије" области. Превуците било друге ставке које желите да буде на вашем менију изнутра "мену1" правоугаоник. Можете кликнути на страницама, категорије, кориснике и неке уобичајене елементе као што су "Листа разделник" и "код блока". Код блок је кул начин да додате прилагођени исечака унутар менија.
- Можете превуците ставке менија у "мену1" простор да реорганизујете њихов редослед.
- Можете подесити хијерархијског положаја сваког менија са "<" и ">" стрелице.
- Кликом на име сваког текста ставке менија - отвара ум фантастичних екстра прилагођавање дијалог за ову ставку. Ја углавном користе подразумеване вредности, али технички можете полудети и почнемо правити слике на основу мени изборе и додају комади ХТМЛ код у њега. Наставите са опрезом ипак.
- За линклесс унцликабле подменији који ће послужити као "родитељи" за друге "под-децу" Користио сам "Код блока" типа. На пример, када прилагођавања што су код блока ставку сам ушао за "Ставка менија алиас" = "МемберВинг" и за "Унесите блок кода:" = "<а хреф='#'> МемберВинг </ а>". Пошто хреф = "#" ће учинити, али не можете да кликнете делује као валидна "родитељ" мени избор.
- Ево како мој НАВТ 'мену1 "изгради структуру изгледао скоро завршен:
- Заврши почетни зграде и затим кликните на "опрему" икону да бисте прилагодили структуру менија:
- То ће отворити дијалог са 4 картице: Опције приказа, ЦСС тема.
- Идите на "Опције" картицу и проверите да ли је све непроверена и "Име групе" каже: "мену1"
- Идите на "Екран" картицу и проверите да ли све на "Прикажи навигациони групе за ..." површине се проверава [к]. Оставите остатак на вредности.
- Идите на "ЦСС" картицу и изаберите радио дугме (к), "Немојте наносити ЦСС-класе".
- Идите на "Тема" картицу и напуните је у тако:
Убаците у "Додавање ознака пре ..." област овај код:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Убаците у "Додавање ознака после ..." област овај код:
<br style='clear: left' /></div> - Притисните [сачувате / затвори] дугме
- У овој згради тренутку мени из НАВТ додатак опције је завршена.
Сада је време да мало подесити за рад тема да се то спреман. За то нам треба да додате неколико датотека прилагођених - ЦСС и ЈаваСцрипт што припада мени и ажурира рад 'цустом_фунцтионс.пхп - Овде можете преузети комплетан скуп фајлова .
- Унзип архиву. Ако сте ажурирали вашу цустом_фунцтионс.пхп са прилагођавања - потребно је да их споји са мојим стварима. Ја ћу га оставити на вама.
Ако нисте дотакли - слободно га замени са мојим. Имајте на уму: Ја радије на позицију мени под сајту заглавља (стандардно је горе) - тако да је мој подешавање укључени ову предност као добро. - Уплоад архива укључујући све поддиректоријуме и датотеке у оквиру вашег теза тему директоријум 'обичај', овако:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Нисам дотакао цустом.цсс - Ја више волим да мени специфичним ЦСС-под својим локацијама да би се избегло стварање неред унутар цустом.цсс - У овом тренутку можете поново покренете веб сајт и погледате нове лепа нова нивоа, угнежђене, СЕО оптимизовани менија.
- Увек можете вратити НАВТ подешавања и прилагођавање менија са више избора или промените било шта. Он ће се одразити на живи сајт аутоматски.
Пут пред нама ...
Ово упутство су креативни пример једне врсте менија. Играо сам са другом - само да видим како тамне боје мени би да изгледа овако:
Теза тема - више нивоа угнежђених ЦСС мену - тамно палете
Мислим да је прилично лепо. Постоји још много навигациони узорака доступни на Динамиц Дриве - сви они су могуће прилагодити за рад и других Уордпресс тема са неким напор:
Динамиц Дриве Хоризонтална Менији
Надам се да ћете наћи овај туторијал корисно и корисно. Као што сам рекао, могуће је да прилагодите било који од ових менија за теза - то је дато време и жељу да се то деси.
Сам могао да урадим овај посао за вас на основу уговора. Само изаберите мени вам се допада, контактирајте ме и ја ћу радити на код и упутства за ваш сајт.
$ 20
И наравно, ако сте до зграде Супер СЕО оптимизовани Премиум Вордпресс чланство Портал - најбоље решење за то:
Теза Тема + МемберВинг чланство додатак + Селф Хостед Вордпресс- наравно.
