Il Quest għall-menu perfetta ...
Dan huwa Parti 1 ta 'l-tutorja
Parti 2 ta 'dan tutorja tgħallem kif jibnu + menu vertikali paletta kulur skur għall-waħda orizzontali
I iddeċieda li jiksbu tema Thesis , għaliex wieħed mill-klijenti tiegħi infurmani dwar kwistjonijiet kompatibilità bejn Teżi u tiegħi wordpress sħubija sit plugin MemberWing. I fiss u mbagħad ddeċidiet li tagħti ħarsa aktar mill-qrib fil-Teżi u attwalment bothered jaraw vidjos fuq il-paġna ta 'quddiem tas-sit prinċipali Thesis - Diythemes.com .
Liema impressjonat lili l-hija l-aktar attenzjoni għall-dettall, użu faċli u aktar karatteristiċi ta 'kulħadd - SEO li huma hekk ukoll ħsibt.
plugin sħubija MemberWing kienet iddisinjata mill-art għall-siti sħubija li hemm bżonn biex tiġbed kemm SEO meraq possibbli. So I mħallsa lottijiet ta 'l-attenzjoni għall numru kbir ta' titjib SEO u perfections fl MemberWing. Ħafna mill-klijenti tiegħi stess qed jitolbu dwar temi differenti għall-użu u wara li tema li kienet hekk ukoll SEO ottimizzati minn ġewwa fil-fond ikun xieraq eċċellenti għas-sħubija intraprendituri portal.
Jikkombinaw setgħat SEO ta MemberWing b'setgħat SEO ta ' tema Thesis tagħti l-aħjar opportunitajiet għall-klassifikazzjoni klijenti tiegħi. Allura sirt Teżi u lagħbu magħha għal jum.
Huwa tema eċċellenti fil-manjieri kollha. Il-parti tan-navigazzjoni ta 'dan għalkemm huwa daqsxejn limitata fil-funzjoni. Jibda minn Thesis 1.5 + huwa menu livell wieħed biss. xewqa tas-soltu tiegħi hija li jkunu kapaċi biex jippersonalizzaw navigazzjoni daqs kemm meħtieġ. Xi siti għandhom biss ftit paġni, ħafna oħrajn għandhom tunnellata ta 'paġni statika + zillions ta' oġġetti / postijiet + lottijiet ta 'kategoriji.
Allura fid-dinja ideali li jkollhom iċ-ċans li toħloq sbieħ tfittex ġerarkikament organizzata utent menu tan-navigazzjoni faċli huwa għandu. dritt Thesis off BAT tkun tajba tfittex navigazzjoni imma jien innutajt li l-websajts kollha Thesis bbażati qed tfittex simili tewmin. menu tan-navigazzjoni Customizing Teżi mhux verament faċli sabiex in-nies aktar sempliċement inħallu kif. M'hemm l-ebda mod għall-bidla ordni ta 'kategoriji fil-menu jew il-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 fuq Lista tan-Navigazzjoni Plugin NAVT Wordpress .
plugin NAVT huwa essenzjalment unordered ġeneratur lista ma fancy super u daqsxejn diffiċli biex figura interface admin untraditional. Liema qarrieqi dwar dan hija li din attwalment ma toħloq menus fancy tfittex minnu stess. Hija ma l-parti l-agħar ta 'impjieg għalkemm - jagħtik abbiltà li viżwalment jaħdmu flimkien, u jiġġeneraw il-lista unordered - iskeletru tas tiegħek menu-iridu jiġu. U inti tista 'toħloq menus ħafna wisq. Inti tista 'ġibda kull tip ta' għalf Wordpress fil-menu tan-navigazzjoni: paġni, postijiet, oġġetti, il-kategoriji, l-utenti, blokki tal-kodiċi, ir-rabtiet esterni, dividers, separaturi u ħawwad u jqabbel u bejta u jirranġa u jippersonalizzaw minnhom fi kwalunkwe struttura ta 'siġra-bħalek tixtieq.
NAVT jiġġenera għalik irriżulta HTML lista unordered. sbuħija Tieni NAVT huwa li jgħinek daħħal menu ġdida tiegħek fis-tema tiegħek permezz loġika msejsa jQuery famużi iżda mingħajr il-ħtieġa 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 element div tikketta li tkun qed tiġi ġġenerata skond it-tema attwali tiegħek. Allura NAVT ma dan il-bdil għalik mingħajr ma jkunu sfurzati li inti 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 hekk. Il-parti ta 'sfida ta NAVT għal kulħadd hija li inti ser ikollok toħroġ bi CSS attwali + immaġini kodiċi javascript + għal menu tiegħek innifsek. U huwa sa inti biex insemmu fejn u kif għandha tintegra dawn il-fajls u tagħmel dan il-għalf kif suppost jiksbu konnessi flimkien.
Sinċerament mingħajr ma jkunu jafu jQuery + xi + PHP CSS + li għandu esperjenza diċenti bi Wordpress - din hija ħaġa diffiċli li tiġbed.
Gladly Naf li dan Jittieħed daqsxejn so I iddeċieda li gidma l-bullet u l-umanità gwida għal-libertà fil-bini l-aħjar ta 'l-menus ta' 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 jsuq dinamiku għall-għażliet aħjar tagħhom, demos u sorsi.
I iddedikata kuljum għall-istudju Teżi u jilagħbu bil plugin NAVT. Fl-aħħar I kburi maħluqa konswetudini, flessibbli, SEO ottimizzati, f'ħafna, nested istruttura nagivation għall-sit tiegħi Wordpress Thesis + ibbażata.
Lista ta 'karatteristiċi ta' navigazzjoni f'diversi nested menu Wordpress, għall Thesis Tema
(Idea li imħabba din Jittieħed):
- Professjonali, tfittex nadif u jħossu.
- Appoġġ għall-browsers moderni, inkluż MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome kemm javascript u modi mhux javascript.
- Gracefully downgradable għal browsers mhux javascript. Inti menu se jkunu jistgħu jintużaw, viżivament simili u tax-xogħol anke għal browsers b'diżabilità javascript (għalkemm biss navigazzjoni ogħla livell se jkun viżibbli u l-ebda flyouts se jiġri tal-kors kif inhuma magħmula minn javascript).
- karatteristiċi SEO friendly - unordered kodiċi menu lista huwa ġġenerat fil HTML. Google u Brimb oħra search engine se jkunu jistgħu indiċi istruttura ta 'navigazzjoni tiegħek u ssib links għal paġni ta' ġewwa.
- Appoġġ għal livelli tbejjit illimitata u sublevels.
- Appoġġ għall-kull ordni jew il-paġni, karigi (permezz utent definiti URIs), kategoriji, l-utenti, blokki użanza kodiċi u r-rabtiet esterni fi ħdan il-menu.
- Appoġġ ta 'test-kif ukoll elementi menu immaġni bbażata fuq. (I għad iridu jippruvaw dawn għalkemm).
- istruttura Menu u l-kontenut viżiv aġġustabbli permezz admin qasam NAVT.
- Kumpatti: flyouts jQuery bbażati fuq livelli nested.
- Fast: jQuery għall-menu jitgħabba mis-servers Google (I'd Thesis imħabba ruħha li tagħmel l-istess minflok tiġbdu lokalment). Dan ikun tħaffef l-affarijiet ftit.
- Modularità - Dan it-tip ta 'menu huwa editable u konfigurabbli fi kwalunkwe ħin permezz ta' issettjar plugin NAVT mingħajr il-ħtieġa ta 'kodifikazzjoni kullimkien.
I użati f'dan il-menu eċċellenti minn drive dinamiċi portal bħala bażi. Kelli biex jippersonalizzaw kodiċi javascript daqsxejn kif ukoll tinkludi blokki ta 'PHP fis custom_functions.php biex jagħmluha taħdem ma Thesis. Wkoll in-numru ta 'paġni pre-eżistenti, il-kategoriji u l-postijiet minn sit tiegħi kienu użati biex tinġabar struttura ta' menu. Your sit ispeċifiċitajiet se jkun differenti - imma kunċetti se jkun l-istess.
Mela ejja tipproċedi, għandu aħna?
Istruzzjonijiet pass pass setup NAVT bbażati fuq nested, customizable, fuq diversi livelli, SEO friendly
u biss sempliċi jibred tfittex menu tan-navigazzjoni għall Wordpress u Thesis Tema
- Mur admin panel Wordpress. Plugins-> Żid ġodda, tfittxija għal "navt". Il-plugin se jintwerew. Ikklikkja [Installa], [Installa issa], "Attiva Plugin".
- Għodod ta '> Listi NAVT, Inside "Navigazzjoni Grupp" żona issib "grupp" isem u jidħlu: "menu1" fil-qasam, agħfas [Oħloq buttuna]. "Menu1 żona rettanglu" ltqajna maħluqa.
Din l-"menu1" żona se tkun l-bitħa prinċipali għall-kostruzzjoni menu. Inti ser tkun sejjer u twaqqa hawn elementi menu tiegħek. - Fl-"assi" żona issib "oħrajn" listbox u kklikkja fuq "Home" għażla. "Home" thingie se jidhru ġewwa ta '"unassigned" żona. Stramb, eh? Ebda inkwiet, sakemm taħdem - u se għalina.
- Drag dan il-"Home" thingie minn "assi" żona fi "menu1 żona rettangolu". Huwa se jsir "Home" oġġett fil-menu.
- Irrepeti passi 3-4 għal xi paġni minn "Pages" żona, kif ukoll għall-kategoriji "kategoriji" żona. Drag kwalunkwe oġġetti oħra li inti tixtieq li 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ħall-diviżur "lista" u "kodiċi blokk". blokk Kodiċi huwa jibred mod li jżidu siltiet tad-dwana ġewwa l-menu.
- Inti tista 'ġibda menu ġewwa "menu1" żona li rranġati sabiex 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ħ moħħ boggling dialog adattament żejda għall din il-partita. I-aktar użati mankanzi iżda teknikament inti tista 'tmur crazy u jibdew jagħmlu għażliet menu immaġni bbażati fuq u żid biċċiet tal-kodiċi HTML fih. Tipproċedi b'kawtela għalkemm.
- Għall submenus unclikable linkless li se jservu bħala "ġenituri" għal oħra "sub-tfal" I jintużaw "blokk Kodiċi" tip. Per eżempju meta customizing tali kodiċi blokk punt I mdaħħla għal "alias Menu partita" = "MemberWing" u għal "Daħħal 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".
- Ara kif NAVT tiegħi "istruttura jibnu menu1" dehru qishom kważi lesta:
- bini inizjali Finlandiżi u mbagħad ikklikkja fuq "tagħmir" ikona li customize struttura ta 'menu tiegħek:
- Din tiftaħ dialog mal 4 tabs: L-Għażliet, Display, CSS, Tema.
- Mur fil-"Options" tab u kun żgur li kollox huwa mhux iċċekkjati u "grupp isem" jgħid: "menu1"
- Mur fil-"Display" tab u jagħmlu dak kollu żgur dwar "grupp ta 'navigazzjoni Uri fuq ..." żona hija kkontrollata [x]. Ħalli l-mistrieħ fuq nuqqasijiet.
- Mur fil-"CSS" tab u tagħżel radju buttuna (x) "Ma japplikax klassijiet CSS".
- Mur fil-"Tema" tab u imla bl-istess li:
Daħħal in "Żid tikketti qabel ..." żona dan il-kodiċi:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Daħħal in "Żid tikketti wara ..." żona dan il-kodiċi:
<br style='clear: left' /></div> - Istampa [issalva / qrib] buttuna
- Fuq dan il-bini menu punt minn ġewwa NAVT għażliet plugin hija kompluta.
Issa wasal iż-żmien biex jagħmlu tixgħel ftit għall tema Thesis biex tiksbu lest. Għall li għandna bżonn li tiżdied fajls doganali ftit - u CSS javascript li tappartjeni għall-menu u aġġornament custom_functions.php Thesis " - Niżżel is-sett sħiħ ta 'fajls hawn .
- 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 it up lilek.
Jekk int ma jintmess dan - li tħossok liberu li jissostitwixxu dan il-mini. Jekk jogħġbok innota: I ipprefera li menu pożizzjoni skond l-intestatura websajt (default hawn fuq) - sabiex l-aġġustament tiegħi inklużi din il-preferenza kif ukoll. - arkivju Tella kollha subdirectories u fajls taħt tiegħek tema Thesis "użanza" direttorju, bħal din:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
I ma jintmess custom.css - nippreferi li jżomm CSS menu speċifiċi taħt postijiet tagħhom stess sabiex jevitaw il-ħolqien mess ġewwa custom.css - Fuq dan il-punt tista 'rikarigu website tiegħek u ara l-ġodda sbieħ ġodda f'diversi, nested, SEO ottimizzati menu.
- Inti tista 'dejjem tmur lura għas-settings NAVT u customize menu tiegħek ma' l-għażla aktar jew erġa 'qiegħed xejn. Dan se jkun rifless fis-sit ħajjin awtomatikament.
It-triq 'l quddiem ...
Dan inkluda tutorja eżempju kreattiv ta 'tip wieħed ta' menu. Lgħabt ma 'ieħor - biss biex tara kif skur menu ikkulurit look like:
tema Thesis - f'diversi CSS nested menu - dlam palette
Naħseb li huwa pjuttost sbieħ. Hemm ħafna navigazzjonali aktar kampjuni disponibbli fil dinamiċi Drive - kollha kemm huma huma possibbli biex jippersonalizzaw għall Teżi u Wordpress temi oħra ma 'xi sforz:
Dynamic Drive menus Orizzontali
Nispera li inti ser issib dan benefiċċju tutorja u utli. As I said, huwa possibbli biex jippersonalizzaw kwalunkwe minn dawn menus għal Thesis - li hija mogħtija żmien u x-xewqa biex dan iseħħ.
I jistgħu jagħmlu dan ix-xogħol għalik fuq bażi ta 'kuntratt. Biss pick-menu li tixtieq, tikkuntattja lili u I'll xogħol dwar il-kodiċi u l-istruzzjonijiet għall-website tiegħek.
$ 20
U ovvjament jekk int sa bini SEO super ottimizzati sħubija wordpress primjum portal - l-aħjar soluzzjoni għal dan:
Thesis Tema + plugin MemberWing sħubija + awto ospitat Wordpress tal-kors.
