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

Део 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

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

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