Потрага за савршеним Вертикално менију ...

Део 1 овог упутства описано корак по корак процес изградње хоризонталну више нивоа угнежђену мени за ВордПресс тему тезе . Део 2 ће наставити да унапреди ову функционалност. Овде ћемо додати "мрачни" верзију хоризонталном менију за навигацију и ја ћу вас научити како да бисте се пребацили између "светла" и "тамног" верзија. Део 2 је надскуп Парт 1. То обухвата све од дела 1 + додаје више кул ствари.

Главна идеја да сам желео да представи додаје вертикални мени (и то ВордПресс уопште). Тражио сам стварно флексибилан, СЕО пријатељски и мулти-компатибилни претраживач вертикални мени који ће омогућити да направите неограничене гнезде нивое.

ВЕБ има тона страница на ту тему, али када сам почео да испробате све ове узорке - они ни распала, распала, подржани само ограничен број нивоа или мисбехавед у Гејтс знак + Баллмер је јунксплорер 6. Коначно сам се вратио да су покушали и поверења Динамиц Дриве меније и њихове вертикалне узорке показала се лепо уклапа случај да моје строге захтеве. Морао сам да их мењате, иако значајно да се уверите се уклапа тезу модел.
Потрага за савршенством наставља ...

Провео сам око 16 сати претраживања, монтажа, тестирање, фиксирање, полирање и подешавање ЦСС вертикалном менију и јс код. И 3/4 време је провео чинећи га да ради у МСИЕ 6.
У сваком случају, био сам задовољан коначним резултатом. Резултирало вертикална оријентација мени има све исте предности које има хоризонтални мени.

Имајући могућност да додају вертикални мени је веома важно да око 70-80% од портала на Интернету. Хоризонтални менији су ограничене "Спаце" да прими много избора менија, али вертикални мени нема ово ограничење и да би неизмерно помоћи. Дакле, идемо.

Много корака да се то деси су већ описани у делу 1. туторијала тако да ће то учинити за један нешто краћи, али са много више мноштвом функција и резултата.

Дакле, овде то иде:

Изградња СЕО пријатељски, вертикална, вишестепени, хијерархијски нестед мени за ВордПресс и тезе теми. Корак по корак
(... Оно што никада мислио је могуће ...)

  1. Инсталирајте Екец пхп плугин и активирали га. Ми ћемо то потребно, јер ја ћу користити ПХП унутар текста додатак да емитују ХТМЛ код вертикалног менија. '
  2. До кораке 1 - 6 од 1 дела туторијала . У суштини потребно је да инсталирате и активирате плугин користите НАВТ + визуелно изгради свој мени. Уверите се да ваша група мени име "мену1 '. Ово име је Хардцодед у цустом_фунцтионс.пхп
  3. Кликните на 'зупчаника' икону за васу мену1 'Групни да измените својим својства:
    navt_customize_menu
  4. Следи кораке 7.1 -7.3 Дела 1 туторијала да подесите "Опције", "Дисплаи" и "цсс" табс подешавања.
  5. Сада кликните на "тема" картици овог дијалога. Ми ћемо заменити низ поставки тамо (ако сте пратили корак 1). То је у реду - нећете изгубити ништа - али ове промене су потребне, јер сам променио мало код од корака бр.1.
    Ево како тај дијалог треба да буде испуњен у:
    1. Унутар "КСПатх Тема:" Површина унесите овај код (она заповеда да замени било коју команду са овим класама):
      .jquerycssmenu, .jqueryslidemenu
    2. Постави "акција" да "Замени са"
    3. Унутар "Адд тагс пре навигацију групе" области унесите овај код:
      <div class='jquerycssmenu' style='margin-top:5px;'>
    4. Унутар "Адд тагс после навигацију групе" области унесите овај код:
      <br style='clear: left' /></div>
    5. Кликните на [САВЕ / цлосе] тастер.
  6. Сада идите на УордПресс админ панел -> Аппеаранце -> Додаци.
  7. Превуците "Текст" уидгет (из великог "доступан" видгетс области) у "1" Сидебару области на десној страни. Ми ћемо бити додајући код у текст додатак који ће нам помоћи да оствари вертикалну мени.
    НАПОМЕНА: Претпостављам да имате Сидебар "1" у постојању. Теза опција вам омогућава да га искључите - али због овог туторијала да би то било.
  8. Када вукао и пао овај додатак - то ће се отвара попут цвета (осећам романтично сада да је преко Иахоо! борба).
  9. У области "титле" унесите "Најбољи светски вертикални мени" ... Па, слободно користите своју креативност - да текст ће ићи изнад свог новорођеног вертикалном менију.
  10. У великој области за текст - унесите овај ПХП код:
    <?php
    if (function_exists('navt_getlist'))
    $menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
    else
    $menu_html = "";
    $menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
    echo $menu_html;
    ?>
  11. Притисните [Саве] тастер, кликните на "Цлосе" линк.
  12. Преузмите ажурирани скуп датотека овде .
    Ова архива садржи:


    • Ажурирана верзија "Бригхт" хоризонталног менија кода
    • "Тамна" верзија хоризонталног менија
    • Вертикални мени кодови
    • Ажурирана верзија цустом_фунцтионс.пхп
  13. Сада је потребно да распакујете ову архиву и отпремите га у 'прилагођени' директоријум на ваша теза тему.
    Напомена: ако сте урадили све прилагођавања унутар цустом_фунцтионс.пхп - требаце вам да их споји. Ако није - слободно га замените са мојом верзијом.
  14. Воила! Сада можете да учитате ваш веб сајт и погледате исти "Бригхт" хоризонтални мени знак + неато вертикални мени на левој Сидебар.
  15. БОНУС задатак: Нека је променити "Бригхт" хоризонтални мени на "мрачни" шему боја.
    1. Унутар цустом_фунцтионс.пхп фајла:
      замени овај код:
      echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      //echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      са овим кодом:
      //echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      У суштини смо коментаришући од једне линије и унцомментинг другу.
    2. Сада идите на админ-> Тоолс-> ВордПресс НАВТ Листе и кликните на поменутом "Геар" икону да измените својства васу мену1 групе.
    3. Кликните на дугме "Мотив" картицу.
    4. Унутар "Адд тагс пре навигацију групе" области унесите овај код:
      <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. Сада - поново учитате страницу - и ваш главни хоризонтални мени оријентација "магично" постала тамна, тако нешто:
      Thesis theme - multilevel nested CSS menu - dark palette

      Теза тема - више нивоа угњеждена ЦСС мену - тамна палета

      Тамна палета боја може бити погодна за одређеним сајтовима од светла боја један. Дакле, сада имате слободу избора у свом животу!

    6. Да се ​​вратимо на "светло" боји - само поништите изнад "Бонус" корака.
  16. Закључак:
    Волим тезу тему, волим ВордПресс и волим чињеницу да имамо начина за додавање пристојне меније за навигацију нашим порталима.

$ 20


Уживајте!

Глеб Есман

{Коментари на овај унос су затворени}

Потрага за савршеним мени ...

То је део 1 од туторијал
Део 2 овог туторијала учи како да се изгради вертикалну мени знак + тамна палета боја за хоризонталну један

Одлучио сам да се тезе тему , јер је један од мојих клијената ме је обавестио о проблемима са компатибилношћу између теза и мој УордПресс плугин чланства сајта МемберВинг. Ја га фиксира, а затим одлучио да се ближи поглед на тезе и заправо смета да гледате видео на насловној страни сајта - главна теза Диитхемес.цом .
Оно што ме највише импресионирала је пажња посвећена детаљима, упутство за корисника једноставности и пре свега - СЕО функцијама које су тако добро помислио.
МемберВинг чланство додатак је дизајниран из темеља за чланство сајтове који би треба да повуче онолико СЕО сок могуће. Тако сам платио много пажње на мноштво побољшања и СЕО савршенстава у МемберВинг. Многи од мојих клијената се питају о различитим темама могу да користе и има тему која је била тако добро СЕО оптимизовани из дубоке унутрашњости би била одличан избор за предузетнике чланству портала.

Комбиновање СЕО овлашћења МемберВинг са СЕО силама ће дати најбоље рангираних могућности да својим клијентима. Тако сам тезе и играо са њом за дан.

То је одлична тема на све начине. Навигација део мада је мало ограничена у функцији. Полазећи од теза 1.5 + то је само један ниво менија. Моја жеља је уобичајено да буде у могућности да прилагодите навигацију онолико колико је потребно. Неки сајтови имају само неколико страница, многи други имају тона статичких страна + зиллионс чланака односно поруке + још многе категорије.
Дакле, у идеалном свету има шансу да створе леп хијерархијски организовану употребу пријатељски мени за навигацију је мора. Теза право ван палицом има добре изгледа навигација, али сам приметио да се све тезе засноване на сајтовима изгледају као близанци. Прилагођавање тезу навигациони мени није нимало лака тако да већина људи једноставно оставите као што је. Не постоји начин да промените редослед категорија у менију или позиционира их између страница. А опет, могућност креирања угнежђених структура менија недостаје. Тако сам одлучио да видим шта се може учинити о томе.
После око пола туцета покушава менија / оријентација у вези додатака да подесим мој избор на УордПресс Плугин за навигацију Листа НАВТ .
НАВТ плугин је у суштини несређене листе генератор са супер фенси и помало тешко схватити нетрадиционалан админ интерфејса. Шта доводи у заблуду о томе да је она заправо не створи фенси изгледа менија по себи. То се најтежи део посла мада - даје вам способност да визуелно повлачење заједно, и генерисати несређене листе - скелетни вашег мени-да-буде. А можда превише створити много меније. Можете повући све врсте УордПресс ствари у мени за навигацију: пагес, поруке, чланци, категорије, корисници, код блокови, спољни линкови, разделници, сепаратора и мешати и одговарају и гнездо и организовати и прилагодити их на било дрво налик структури сте желе.
НАВТ генерише ХТМЛ за вас резултирала несређене листе. Други лепота НАВТ је да помаже вам да убаците нови мени у ваш тему преко чувене јКуери бази логике, али без потребе да се промени код било! НАВТ дозвољава вам да наведете: "# заменити овај елемент са мојом новом НАВТ менију". # Елеменат може бити ид или класу путу постојећег менија или див елемента привеска који се генерише по вашој тренутној теми. Дакле, да ли овај НАВТ замену за вас без форсирања да одеш у теми кода и чине га више неуредна него што већ јесте. Ако то све звучи као бесмислице - не брините - ја ћу водити корак по корак ускоро. Изазован део НАВТ за све је да ћете морати да дођу до стварног ЦСС + слике + ЈаваСцрипт кода за ваш сами менија. И то је на вама да схватим где и како да интегришемо те фајлове и да ове ствари правилно буду заједно повезане.
Искрено не знајући јКуери + нека ПХП + ЦСС + има пристојно искуство са УордПресс - ова ствар је тешко да се повуче.
Радо ја знам ове ствари мало па сам одлучио да се уједају за употребу метак и хуманост на слободу у изградњи најбоље од најбољих навигационих менија за УордПресс. Само је потребно да сазнамо изворе за неким лепим траже хоризонталних ЦСС менија. Изабрао сам Динамиц Дриве изворе за своје најбоље селекције, демонстрације и извора.

Сам посветио један дан да студирају тезе и игра са НАВТ плугин. На крају сам поносно израђена прилагођени, флексибилан, СЕО оптимизован, више нивоа и угнежђену нагиватион структуру за мој УордПресс знак + тезе засноване на локацији.

Листа карактеристика више нивоа и отишли менија за тезе Тхеме
(Мораш да волите ове ствари):

  • Професионални, чист изглед и осећај.
  • Подршка за свим модерним прегледачима, укључујући МСИЕ 6,7, Опера, Сафари, Фирефок 3.к, Гоогле Цхроме у оба јавасцрипт и јавасцрипт нису режима.
  • Грациозно довнградабле за нон-јавасцрипт претраживачима. Ви мени ће бити употребљива, визуелно сличне и раде чак и за ЈаваСцрипт онемогућен бровсер (додуше само горњем нивоу пловидбе ће бити видљив и нема флиоутс ће се десити, наравно, јер су направљени од стране јавасцрипт).
  • СЕО фриендли функције - несређене листе мени код се генерише унутар ХТМЛ-а. Гоогле и друге претраживача паук ће моћи да индексира ваш навигациону структуру и пронађите везе ка унутрашњим страницама.
  • Подршка за неограничен гнежђење нивоима и сублевелс.
  • Подршка за икаквог реда и странице, Постова (преко корисника дефинисане УРИ-е), категорије, корисника, блокови прилагођени код и спољним везама у оквиру менија.
  • Подршка текста-као слика-басед мени елементи. (Ја тек треба да испробате ове иако).
  • Мени структура и садржај је визуелно подесив преко НАВТ админ области.
  • Компактан: јКуери засновани флиоутс за угнежђених нивоа.
  • Брзи: ЈКуери за мени се учитава из Гоогле сервере (волео бих Тхесис сама да уради исто, уместо да га вуче локално). Ово ће убрзати ствари мало.
  • Скалабилност - Овај тип менија је мењати и подешавати у било ком тренутку преко НАВТ плугин поставки без потребе за кодирање где.

Користио сам ову одличну мени из Динамиц Дриве портала као базу. Морао сам да се прилагодим ЈаваСцрипт кода мало, као и укључују комад у ПХП цустом_фунцтионс.пхп да то ради са тезом. Такође, број већ постојећих страница, категорија и порука послатих са сајта коришћени су за монтажу структуру менија. Ваша локација специфичности ће бити другачије - али концепти ће бити исти.
Па нека настави, хоћемо ли?

Корак по корак упутства за подешавање НАВТ бази угњеждена, прилагодљив, вишестепени, СЕО пријатељски
и једноставно кул потрази и тезе теми

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

    Нисам дотакао цустом.цсс - Ја више волим да мени специфичан ЦСС под својим локацијама да би се избегло стварање неред унутар цустом.цсс
  12. У овом тренутку можете да учитате ваш веб сајт и погледате нову лепу нову вишеслојног и угнежђену, СЕО оптимизован мени.
  13. Увек можете да се вратите НАВТ подешавања и прилагођавање менија са више избора или репозиције ништа. Ће се одразити на активној Веб локацији аутоматски.

Пут пред нама ...

Ово упутство даје креативну пример једне врсте менија. Сам играо са другом - само да видимо како тамне боје мени би изгледао овако:

Thesis theme - multilevel nested CSS menu - dark palette

Теза тема - више нивоа угњеждена ЦСС мену - тамна палета

Мислим да је прилично лепо. Постоји много више навигационих узорци доступни на Динамиц Дриве - сви они су могуће прилагодити за теза и других Вордпресс тема са мало напора:

Dynamic Drive Horizontal Menus

Динамиц Дриве Хоризонтални менији

Надам се да ћете наћи овај туторијал користан и користан. Као што сам рекао, могуће је да се прилагодите било који од ових менија за Магистарска теза - да је дато времена и жељу да се то деси.

Сам могао да радим овај посао за вас на основу уговора. Само изаберите мени који вам се допада, контактирајте ме и ја ћу радити на коду и упутства за ваш сајт.

$ 20

И наравно ако сте до изградње супер СЕО оптимизован Премиум Уордпресс чланство портал - најбоље решење за ово:
Теза Тхеме + МемберВинг чланство Плугин + Селф Хостед УордПресс наравно.

comments } { 15 коментара }

Премија 3 порука

Јул 5, 2009

Ово је слободан задиркивање за премијум 3 пост. Овај чланак садржи комбинован садржај: Први део је видљив за Златни члан, цео чланак је само видљива Платинум чланова. Покушајте да се улогујете као златни члан почетку (усернаме / пассворд = Голд / Силвер) - видећете још садржаја. А онда ... Логофф и ре-Улаз платине [...]

Прочитајте цео чланак →

Премија 2 порука

Јул 5, 2009

Ово је слободан задиркивање за премијум 2 пост. Остатак је видљив за злато и само цлановима. Савет - Голд мембер логин / пассворд = Голд / Силвер ......

{{{Злато | платина}}}
Остатак овог чланка је доступан само члановима премијум.

Прочитајте цео чланак →

Порука премиум 1

Јул 5, 2009

Ово је демонстрација чланак за МемберВинг-к. Са МемберВинг-Кс Овај чланак је направљен за куповину по једној цени од $ 2.95 или путем претплате на "Голд Мемберсхип" програма. Дакле, ово је слободан задиркивање за премијум 1 пост. Остатак овог чланка је видљива само за чланове који су га купили за $ 2.95 или се претплатили на "Златна [...]

Прочитајте цео чланак →

Теза тема и плугин МемберВинг Чланство сајт за најбоље СЕО чланство сајтовима

Јул 5, 2009

МемберВинг је УордПресс Плугин чланство сајт дизајниран специјално за СЕО оптимизоване чланство порталима. Уз то је флексибилни индексираних Задиркивачи, подршку за Гоогле Прва Цлицк Фрее стандард, коришћење дигиталног садржаја и преузимање заштита оснажени са ПромоФусион - то гарантује своју чланску сајт брзо индексирање и већи ранг листи. Док други сајт чланство софтвери воли да потпуно онемогућите приступ [...]

Прочитајте цео чланак →