Il-Quest għall-menu perfetta ...

Din hija l-Parti 1 tal-tutorja
Parti 2 ta 'dan tutorja tgħallem kif nistgħu nibnu menu vertikali + paletta kulur skur għall-waħda orizzontali

I iddeċieda li nikseb it-tema Thesis, għaliex wieħed mill-klijenti tiegħi infurmati me dwar kwistjonijiet ta 'kompatibilità bejn Thesis u wordpress sħubija tiegħi sit plugin MemberWing. I fiss u mbagħad ddeċidiet li tagħti ħarsa aktar mill-qrib Thesis u effettivament bothered jaraw videos fuq il-paġna ta 'quddiem ta' Thesis sit prinċipali - Diythemes.com.
What impressjonat me huwa l-aktar attenzjoni għall-dettall, faċli li jinftiehem u fuq kollox - karatteristiċi SEO li huma hekk maħsuba sew ta.
Plugin sħubija MemberWing kienet imfassla mill-art għall siti sħubija li hemm bżonn li pull bħala meraq SEO kemm jista 'jkun. So I mħallsa lottijiet ta 'attenzjoni lejn għadd kbir ta' titjib SEO u perfections fl MemberWing. Ħafna mill-klijenti tiegħi stess huma jitolbu dwar temi differenti għall-użu u li jkollhom it-tema li kienet tant tajjeb SEO ottimizzati minn ġewwa fond se jkun tajjeb eċċellenti għas-sħubija intraprendituri portal.

Jikkombinaw poteri SEO ta MemberWing b'poteri SEO ta 'tema Thesis jagħti l-aħjar opportunitajiet ta' klassifikazzjoni għall-klijenti tiegħi. Hekk sirt Thesis u kellha magħha għal jum.

Huwa tema eċċellenti fil-manjieri kollha. Il-parti ta 'navigazzjoni li għalkemm huwa daqsxejn limitata fil-funzjoni. Jibda minn Thesis 1,5 + huwa wieħed livell menu biss. Ix-xewqa tiegħi tas-soltu hija li jkunu kapaċi li customize navigazzjoni kemm meħtieġ. Xi siti għandhom biss ftit paġni, ħafna oħrajn tunnellata ta 'paġni statika + zillions ta' artikoli / postijiet + lottijiet tal-kategoriji.
Allura fid-dinja ideali li jkollhom iċ-ċans li toħloq sbieħ tfittex organizzati ġerarkikament utent menu tan-navigazzjoni faċli huwa għandu. Thesis dritt barra l-BAT tkun tajba li tħares 'navigazzjoni imma I ndunat li l-websajts Thesis bbażati qed tfittex simili tewmin. Customizing menu tan-navigazzjoni Thesis mhuwiex verament faċli biex aktar nies biss jitilqu minnu bħala ikun. M'hemm l-ebda mod għall-bidla ordni ta 'kategoriji fil-menu jew fil-pożizzjoni tagħhom fl bejn paġni. U għal darb'oħra, il-kapaċità li joħolqu strutturi menu nested hija nieqsa. Għalhekk iddeċidejt li tara x'jista 'jsir dwar dan.
Wara li jippruvaw madwar nofs tużżana menu / navigazzjoni plugins relatati I sett għażla tiegħi dwar NAVT Navigazzjoni Wordpress Lista Plugin.
Plugin NAVT huwa essenzjalment unordered lista ġeneratur ma fancy super u daqsxejn iebes-figura għall-interface admin untraditional. Liema qarrieqa dwar dan hija li ma jkunx effettivament joħolqu menus fancy tfittex minnu stess. Hija tagħmel il-parti l-aktar iebsa ta 'xogħol għalkemm - jagħtik l-abbiltà li viżiv pull flimkien, u jiġġeneraw il-lista unordered - iskeletru tal-menu tiegħek iridu jiġu. U inti tista 'toħloq menus ħafna wisq. Inti tista 'pull kull tip ta' għalf Wordpress fil-menu tan-navigazzjoni: paġni, postijiet, artikoli, il-kategoriji, l-utenti, blokki tal-kodiċi, ir-rabtiet esterni, dividers, separaturi u ħawwad u jaqblu u l-bejta u jirranġa u customize minnhom fi kwalunkwe siġar struttura li tixbaħ inti trid.
NAVT jiġġenera għalik irriżulta HTML lista unordered. Sbuħija-Tieni Laqgħa tal NAVT huwa li jgħinek daħħal menu ġdida tiegħek fis-tema tiegħek permezz JQuery famuż bbażati loġika imma mingħajr il-bżonn li tbiddel kwalunkwe kodiċi! NAVT jippermettilek li jispeċifikaw: "jissostitwixxu dan l-element ma # menu tiegħi NAVT ġodda". # element jista 'jkun id jew klassi ta' passaġġ ta 'l-menu eżistenti jew div element tikketta li qed iġġenerat minn tema attwali tiegħek. Allura NAVT ma dan il-bdil għalik mingħajr jisforzaw tmur fis-kodiċi tema u jagħmilha aktar messy milli diġà hi. Jekk dik l-ħsejjes bħal gibberish - tinkwetax - I'll niggwidawk pass pass dalwaqt. Il-parti ta 'NAVT sfida għal kulħadd hija li inti ser ikollok toħroġ bi CSS attwali + immaġini + kodiċi javascript għall menu tiegħek innifsek. U huwa sa inti biex insemmu fejn u kif għandha tintegra dawn il-fajls u jagħmlu dan Jittieħed sewwa nikseb konnessi flimkien.
Dejjem tiegħek mingħajr ma jkunu jafu xi PHP JQuery + + + CSS li għandu esperjenza ma 'deċenti Wordpress - din hija ħaġa diffiċli li jattira.
Gladly Naf li dan Jittieħed daqsxejn so I iddeċieda li l-gidma bullet umanità u gwida għal-libertà fil-bini ta 'l-aħjar ta' l-menu tan-navigazzjoni aħjar għall Wordpress. I biss meħtieġa biex issir taf sorsi għal xi menus sbieħ tfittex CSS orizzontali. I telgħet website drive dinamiku għall selezzjonijiet aqwa tagħhom, demos u s-sorsi.

I ddedikata ta 'kuljum għall-istudju Thesis u jilagħbu bil plugin NAVT. Fl-aħħar I kburi maħluqa konswetudini, flessibbli, SEO ottimizzati,, nested f'ħafna nagivation-istruttura għall-sit tiegħi Wordpress Thesis + ibbażata.

Lista ta 'karatteristiċi ta', 'menu tan-navigazzjoni nested f'ħafna Wordpress għall Teżi Tema
(GOT inti biex imħabba din Jittieħed):

• Professjonali, dehra nadifa u jħossu.
• Appoġġ għall-browsers moderni, inkluż MSIE 6,7, Opra, Safari, Firefox 3.x, Google Chrome kemm javascript u mhux modi javascript.
• Gracefully downgradable għal nuqqas ta 'browsers javascript. Inti menu se jkun jista 'jintuża, viżivament simili tax-xogħol u anke għall-browsers b'diżabilità javascript (għalkemm biss navigazzjoni ogħla livell se jkun viżibbli u li l-ebda flyouts se jiġri tal-kors kif inhuma magħmula minn javascript).
• Karatteristiċi SEO friendly - unordered kodiċi menu lista hija ġġenerati fil HTML. Google u Brimb oħra search engine se tkun tista 'indiċi ta' l-istruttura tan-navigazzjoni tiegħek u ssib links għal paġni ta 'ġewwa.
• Appoġġ għall-livelli ta 'nesting illimitat u sublevels.
• Appoġġ għal kwalunkwe ordni jew il-paġni, karigi (permezz ta 'l-utenti definiti URIs), kategoriji, l-utenti, il-kodiċi blokki użanza u links esterni fi ħdan il-menu.
• Appoġġ ta 'test kif ukoll l-immaġni-elementi bbażati fuq menu. (I għadhom ma tipprova dawn għalkemm).
• Menu istruttura u l-kontenut huwa aġġustabbli viżwalment permezz ta 'żona admin NAVT.
• Compact: flyouts JQuery bbażata għal livelli nested.
• Fast: JQuery għall-menu hija mgħobbija minn servers Google (I'd love Thesis ruħha li tagħmel l-istess minflok tiġbdu lokalment). Dan jitħaffef affarijiet daqsxejn.
• Iskalabbiltà - Dan it-tip ta 'menu huwa editable u configurable fi kwalunkwe ħin permezz ta' l-issettjar plugin NAVT mingħajr il-ħtieġa ta 'kodifikazzjoni kullimkien.

I użati f'dan il-menu eċċellenti minn portal issuq dinamiċi bħala bażi. I kellha customize kodiċi javascript daqsxejn kif ukoll tinkludi blokki ta 'PHP fis custom_functions.php sabiex taħdem mal-Thesis. Wkoll in-numru ta 'pre-paġni eżistenti, il-kategoriji u l-karigi mill sit tiegħi kienu użati biex jinġabru l-istruttura menu. Ispeċifiċitajiet Your sit se jkun differenti - imma kunċetti se tkun l-istess.
So let procede, għandhom aħna?

-Istruzzjonijiet pass pass biex NAVT setup bbażati fuq SEO nested, customizable, f'ħafna livelli, li favur
u biss sempliċi jibred tfittex menu tan-navigazzjoni għall Wordpress u Teżi Tema

1. Mur fil-panel admin Wordpress. Plugins-> Żid ġodda, tfittxija għal "navt". Il-plugin se jintwerew. Ikklikkja [Installa], [Installa issa], "Activate Plugin".
2. Tools-> Listi NAVT, Inside "Navigazzjoni Group" żona issib "isem tal-grupp" u daħħal: "menu1" fil-qasam, agħfas [Oħloq] buttuna. "Menu1 żona rettanglu" ltqajna maħluqa.
   Din il-"menu1" il-qasam se jkun il-bitħa prinċipali għall-kostruzzjoni menu. Int ser jittrattienu u twaqqa 'l-elementi hawn menu tiegħek.
3. Fil-"assi" żona isibu "oħra" listbox u kklikkja fuq "Home" l-għażla. "Home" thingie se tidher ġewwa ta ' "unassigned" żona. Stramb, eh? Nru inkwiet, sakemm xogħlijiet - u se għalina.
4. Drag dan il-"Home" thingie minn "assi" iż-żona fis-"menu1 żona rettanglu". Se jsir "Home" oġġett fil-menu.
   • Irrepeti passi 3-4 għal xi paġni minn "Pages" iż-żona, kif ukoll għall-kategoriji fil-"kategoriji" iż-żona. Drag kwalunkwe oġġetti oħra li trid tkun fuq menu tiegħek ġewwa "menu1" rettangolu. Inti tista 'tikklikkja fuq il-paġni, il-kategoriji, l-utenti u xi elementi tad-dwana bħal "divider lista" u l-blokk "kodiċi". Blokk Kodiċi huwa mod kessaħ għal żid informattivi dwar il-drawwa ġewwa l-menu.
   • Inti tista 'drag oġġetti menu ġewwa "menu1" żona għall-ordni rranġati mill-ġdid tagħhom.
   • Inti tista 'taġġusta l-pożizzjoni ġerarkika ta' kull oġġett menu ma ' "<" u ">" vleġeġ.
   • Tikklikkja fuq isem it-test ta 'kull oġġett menu - tiftaħ boggling f'moħħu dialog customization żejda għal dan il-punt. I-aktar użata defaults iżda li teknikament ma inti tista 'tmur crazy u jibdew jagħmlu għażliet ibbażati fuq l-immaġni menu u żid biċċiet ta' l-HTML code inkorporat fih. Tipproċedi b'attenzjoni għalkemm.
   • Għall submenus unclikable linkless li se jservu bħala "ġenituri" ta 'oħrajn "sub-tfal" I użat "block Kodiċi" tip. Per eżempju meta customizing tali kodiċi blokk punt I mdaħħla għal "alias partita Menu" = "MemberWing" u għal "Ikteb blokk kodiċi:" = "<a href='#'> MemberWing </ a>". Wara li href = "#" se jagħmilha ma clickable imma li jaġixxu bħala validu "parent" għażla menu.
5. Here's how NAVT tiegħi "menu1" jibnu struttura dehru qishom kważi tlesta:
   
6. Jitkompla l-ħolqien inizjali u mbagħad ikklikkja fuq "tagħmir" ikona li customize istruttura menu tiegħek:
   
7. Se tiftaħ dialog ma '4 tabs: Għażliet, Display, CSS, Tema.
   1. Go to "Options" tab u kun żgur li kollox huwa mingħajr xkiel u "grupp isem" jgħid: "menu1"
   2. Go to "Wiri" tab u jagħmel dak kollu żgur dwar il-"grupp ta 'navigazzjoni Show fuq ..." iż-żona hija kkontrollata [x]. Ħalli l-bqija fl-nuqqasijiet.
   3. Go to "CSS" tab u tagħżel buttuna tar-radju (x) "Ma japplikax klassijiet CSS".
   4. Go to "Tema" tab u imla bl-istess li:
      
      Daħħal fil-"Żid it-tikketti qabel ..." żona ta 'dan il-kodiċi:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Daħħal fil-"Żid it-tikketti wara ..." żona ta 'dan il-kodiċi:
      <br style='clear: left' /></div>
   5. Press [ħlief / mill-qrib] button
8. Fuq dan il-bini tal-menu fi ħdan il-punt mill-għażliet plugin NAVT hija kompluta.
   Issa wasal iż-żmien biex jagħmlu tixgħel ftit għall tema Thesis biex tiksbu lest. Għal dak li għandna bżonn żid fajls doganali ftit - u CSS javascript li tappartjeni għall-menu u aġġornament custom_functions.php Teżi "
9. Niżżel l-sett sħiħ ta 'fajls hawn.
10. Arkivju Unzip. Jekk għandek aġġornati custom_functions.php tiegħek mal customizations tiegħek - għandek bżonn biex jingħaqdu ma 'Jittieħed tiegħi. I'll leave f'idejn lilek.
    Jekk int ma jintmessx it - tħossok liberu li jissostitwixxu dan il-mini. Jekk jogħġbok innota: I ipprefera li l-pożizzjoni tal-menu taħt l-header websajt (default hawn fuq) - so aġġustament tiegħi inkluża din il-preferenza kif ukoll.
11. Arkivju Upload inklużi subdirectories u l-fajls kollha taħt it-tema Thesis tiegħek 'direttorju custom ", bħal din:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Jiena ma jintmessx custom.css - I jippreferu jżommu l-menu CSS speċifiċi taħt il-postijiet tagħhom stess ikun evitat li jinħolqu mess ġewwa custom.css
12. Fuq dan il-punt tista 'rikarigu website tiegħek u ara l-menu beautiful ġodda ġodda f'ħafna livelli, nested, SEO ottimizzati.
13. Inti tista 'dejjem tmur lura għas-settings NAVT u customize menu tiegħek ma' iktar għażla jew jerġgħhu jagħtu posizzjoni xejn. Dan se jkun rifless fis-sit ħajjin awtomatikament.

It-triq 'l quddiem ...

Dan jinkludi per eżempju tutorja kreattiv ta 'tip wieħed ta' menu. Lgħabt ma 'ieħor - biss biex tara kif skur menu kkulurita look like:

Theme Thesis - f'ħafna menu nested CSS - dlam palette

Naħseb li huwa pjuttost sbieħ. Hemm ħafna aktar kampjuni navigazzjoni disponibbli fuq Dynamic Drive - kollha kemm huma possibbli customize għall Thesis u temi oħra Wordpress ma 'xi sforz:

Dynamic Drive orizzontali Menus

Nispera li inti ser issib dan il-benefiċċju tutorja u utli. As I said, huwa possibbli li customize kwalunkwe minn dawn il menus għal Thesis - li jingħata żmien u x-xewqa biex dan iseħħ.

I jistgħu jagħmlu dan ix-xogħol għalik fuq bażi ta 'kuntratt. Just pick-menu li tixtieq, tikkuntattjani u I'll ħidma dwar il-kodiċi u l-istruzzjonijiet għall-website tiegħek.

$ 20

U ovvjament jekk int sa bini SEO super ottimizzati portal premium sħubija wordpress - l-aħjar soluzzjoni għal din:
Tema Thesis + MemberWing plugin sħubija + awto ospitat Wordpress tal-kors.

Tagged bħala: menu CSS għall wordpress, tema teżi, menus tema te ġerarkika, tema te menu f'ħafna livelli, nagivation tema teżi, menus tema te nested, tema te tutorja, menu css wordpress, wordpress menu nested