Quest for ideaalne menüü ...

See on 1 osa juhendaja
Osa 2 käesoleva juhendaja õpetab, kuidas luua vertikaalne menüü + tumedat värvi palett horisontaalne

I otsustas alustada doktoritöö teema, sest üks minu kliendid teavitanud mind ühilduvuse probleeme vahel doktoritöö ja minu WordPress liikme veebilehte plugin MemberWing. Mul on määratud ja seejärel otsustanud lähemal doktoritöö ja tegelikult häiris vaadata videoid esilehel peamine doktoritöö veebilehekülg - Diythemes.com.
Mis muljet mulle kõige rohkem tähelepanu detailidele, kasutajasõbralikkuse ja peaasi - SEO funktsioone, mis on nii hästi mõelnud.
MemberWing liikmeks plugin oli projekteeritud maapinnast kuni liikmeks saite, et oleks vaja tõmmata nii palju SEO mahla kui võimalik. Ma pöörata palju tähelepanu arvukate SEO lisaseadmeid ja perfections in MemberWing. Paljud minu kliendid küsivad umbes eri teemade kasutamiseks ja millel on teema, mis oli nii hästi SEO-optimeeritud sügavalt sees oleks suurepärane sobivaks liikmeks portaal ettevõtjatele.

Ühendades SEO volitused MemberWing SEO volitused doktoritöö teema annaks parima reitingu võimalusi minu kliendid. Ma sain magistritöö ja mängitakse seda päeval.

See on suurepärane teema kõiki võimalusi. Navigation osa sellest, kuigi on mõnevõrra piiratud funktsioon. Alates doktoritöö 1,5 + see ühe taseme menüüs ainult. Minu tavaline soov on, et oleks võimalik kohandada navigation nii palju kui vaja. Mõned saidid on vaid mõned lehed, on paljud teised tonni staatilisi lehekülgi + zillions artiklid / ametikohad + palju kategooriaid.
Nii et ideaalne maailm, millel on võimalus luua kena otsin hierarhiliselt organiseeritud kasutajasõbralikud navigatsioonimenüü ei tohi. Doktoritöö õigus Kohe on hea vaadata navigation, kuid märkasin, et kõik doktoritöö põhinevad veebilehed on suunatud nagu kaksikud. Customizing doktoritöö navigatsioonimenüü ei ole väga lihtne, seega enamus inimesi lihtsalt jätta see nii on. Ei ole võimalik muuta, et kategooria menüüst või seisukohta nende lehekülgede vahel. Ja jälle, oskus luua pesastatud menüü struktuur on teadmata kadunud. Nii et ma otsustasin vaadata, mida võiks teha midagi.
Pärast üritab umbes pool tosinat menu / navigation seotud pluginad seadsin oma valiku Wordpress Navigation nimekiri Plugin NAVT.
NAVT plugin on sisuliselt ebakorrapärane nimekirja generaator super fancy ja veidi raskesti joonis untraditional admin interface. Mis eksitav on see, et see ei ole tegelikult luua väljamõeldud vaadates menüüsid iseenesest. See kõige raskem osa töö kuigi - annab sulle võime visuaalselt koondada ja tekitada ebakorrapärane nimekiri - luustiku oma menüü-to-be. Ja võid luua mitmeid menüüsid ka. Võite tõmbe igasugu Wordpress asju arvesse navigatsioonimenüü: lehed, ametikohad, artiklite kategooriad, kasutajate kood plokid, väliseid linke, sirkel, separaatorid ja segada ja sobitada ja pesa ja korraldada ja kohandada neid kõiki puu-like struktuur te tahtmine.
NAVT tekitab teile kaasa HTML ebakorrapärane nimekirja. Teiseks ilu NAVT on, et see aitab teil sisestada oma uue menüü oma teema kaudu tuntud jQuery põhineb loogikal, kuid ilma et oleks vaja muuta mis tahes koodi! NAVT võimaldab määrata: "Asenda see # element, millel on minu uus NAVT menüüst". # element võiks id või klassi tee olemasolevate menüü või div element kood, mis on loodud oma praeguse teema. Nii NAVT see asendada te ei sunni teil minna teema kood ja muuta see räpane kui ta juba on. Kui see kõik kõlab nagu jama - ärge muretsege - ma juhendab teid samm-sammult kiiresti. Raske osa NAVT kõigile on see, et sul tulevad välja tegelikud CSS + pildid + javascripti koodi oma menüüs ise. Ja see on sinust aru saada, kus ja kuidas oleks võimalik neid faile ja teha seda kraami korralikult saada ühendatud.
Lugupidamisega teadmata jQuery + mõned PHP + CSS + millel korralikud kogemused Wordpress - see asi on raske tõmmata.
Rõõmuga ma tean seda kraami natuke seega otsustasin Kestab vapralt ja suunata inimkonna vabaduse ehitada parimatest parim navigation menüüde Wordpress. Ma lihtsalt vaja leida allikaid mõne kena suunatud horisontaalsete CSS menüüsid. Ma valisin dünaamiline juhtida veebisaidi oma parimad valikud, demod ja allikad.

Ma pühendatud päev õppida doktoritöö ja mängida NAVT plugin. Lõpus ma uhkelt loodud kohandatud, paindlik, SEO-optimeeritud, mitmetasandiliste, pesastatud nagivation struktuur mu Wordpress + doktoritöö põhineb kohas.

Omaduste loetelu mitmetasandilise, pesastatud Wordpress navigatsioonimenüü jaoks doktoritöö teema
(sul on armastan seda kraami):

• Professional, puhta välimuse.
• Toetada kõiki moodsate brauserite, sealhulgas MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome nii JavaScript ja non-JavaScript puhul.
• Nõtkelt downgradable mitte-javascripti brauseritega. Sa menüü saab kasutada, visuaalselt sarnased ja töö isegi JavaScript keelatud brauseritega (kuigi ainult tipptasemel navigation nähtav ja ei flyouts juhtub muidugi, kui need on tehtud JavaScript).
• SEO-sõbralikud omadused - ebakorrapärane nimekirjast kood on tekitatud HTML. Google ja teiste otsingumootorite ämblikud on võimelised indeks teie navigation struktuuri ja lingid sisemised lehed.
• Toetus piiramatu pesitsevate tasanditel ja sublevels.
• Toetus suvalises järjekorras või lehti, ametikoha (teel kasutaja määratud URI), kategooriad, kasutajate kohandatud koodi plokki ja väliste linkide menüü.
• Probleemid ja teksti-kui ka pildi põhinev menüü elemente. (Ma pole veel proovida neid küll).
• Menüü ülesehitus ja sisu on visuaalselt reguleeritav kaudu NAVT admin piirkonnas.
• Kokkuvõte: jQuery põhineb flyouts jaoks pesastatud tasandil.
• Kiire: jQuery puhul on menüü laadida Google'i serveritest (Ma armastan doktoritöö ise sama tegema, mitte tõmmates ta kohapeal). See kiirendab asja natuke.
• Skaalautuvuus - Selline menüü on muudetav ja seadistatav igal ajal kaudu NAVT plugina seaded ilma vaja koodis kuhugi.

Ma kasutasin seda suurepärast menüüd dünaamiline esivedu portaal aluseks. Mul oli kohandada javascript koodi veidi ning hõlmab kärjetükkidega PHP arvesse custom_functions.php teha seda tööd doktoritöö. Ka mitmeid olemasolevaid lehti, kategooriate ja ametikohtade sivustostani kasutati koguda menüü struktuuris. Teie saidi eripära on erinev - kuid mõisted on sama.
Nii et lase edasi, peab oleme?

Samm-sammult juhiseid setup NAVT põhinev pesastatud, kohandatav, mitmetasandiline, SEO friendly
ja just tavaline jahe otsin navigatsioonimenüü WordPress ja doktoritöö teema

1. Mine Wordpress admin paneeli. Pluginad-> Lisa uus, otsi "navt". Plugin näidata. Klõpsa [Install] [Install nüüd], "Aktiveeri plugin".
2. Tööriistad-> NAVT loendid Inside "Navigation Group" ala leida "grupi nimi" ja sisesta: "menu1" valdkonnas, vajutage [Loo] nupule. "Menu1" ristkülikusse sai loodud.
   See "menu1" ala on peamine mänguväljak menüü ehitus. Sul pukseerige siia oma menüü elemente.
3. Aastal "vara" ala leida "muud" nimekirjakast ja vajuta "Home" valik. "Kodu" thingie ilmub sees "määramata" piirkonnas. Veider, eh? Ära muretse, kui ta töötab - ja see meile.
4. Tõmmake seda "Kodu" thingie andmebaasist "vara" piirkond, "menu1" ristküliku pindala. Sellest saab "Kodu" kirje menüüst.
   • Korrake samme 3-4 mõned leheküljed "lehed" valdkonnas, samuti kategooriasse "kategooriatesse" piirkonnas. Drag muid objekte soovite, et teie menüüs sees "menu1" ristkülik. Te võite klikkida lehekülgedel, kategooriad, kasutajate ja mõned kohandatud elemente nagu "nimekirja jagaja" ja "koodiestossa". Kood plokk on jahe võimalus lisada kohandatud väljavõtted sees menüü.
   • Sa võid lohistada menüükirjetele sees "menu1" ala ümber nende järjekorras.
   • Te võite kohandada hierarhilise positsiooni iga menüü elemendi "<" ja ">" nooli.
   • Klõps teksti nime iga menüü - avab meeles boggling ekstra kohandamise dialoog sellel kirjel. Ma enamasti kasutatakse vaikimisi, kuid tehniliselt võid hulluks minna ja hakata pilti põhinev menüü valikuid ja lisada tükkideks HTML kood on. Ettevaatlikult küll.
   • For linkless unclikable alammenüüd, mis toimib "vanemad" teiste "all-lapsed" Ma "koodiplokk" tüüp. Näiteks kui kohandades nimetatud koodiestossa kirje sisestatakse menüüst käsk nimega "=" MemberWing "ja" Enter code block: "=" <a href='#'> MemberWing </ a> ". Võttes href = "#" teeb ta ei tööta, kuid tegutsevad kehtiva "emaettevõte" menüü valik.
5. Siin kuidas mu NAVT "menu1" ehitada struktuur tundus peaaegu lõpetatud:
   
6. Valmis esialgne hoone ja seejärel nupul "käik" ikooni saad muuta oma menüü struktuur:
   
7. See avab dialoogi 4 kaarti: Valikud Näita, CSS, teema.
   1. Mine "Valikud" kaart ja veenduge, et kõik on märkimata ja "grupi nimi" ütleb: "menu1"
   2. Mine "Ekraan" kaart ja veenduge, et kõike "Näita navigation nimel ..." ala on valitud [x]. Jäta ülejäänud on täitmata.
   3. Go to "CSS" sakk ja valige nupp (x) "ei hõlma CSS klassi.
   4. Vajuta "Teemade" vahekaart ja täitke see niimoodi:
      
      Lisada "Add tags enne ..." piirkond seda koodi:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Lisada "Add tags pärast ..." piirkond seda koodi:
      <br style='clear: left' /></div>
   5. Vajuta [salvestada / close] nuppu
8. Siinkohal menüü hoone seest NAVT plugina seaded on valmis.
   Nüüd on aeg teha vähe tune up for doktoritöö teema, et saan seda valmis. Selleks vajame lisada mõne custom faile - CSS ja JavaScript, mis kuulub menu ja ajakohastada doktoritöö "custom_functions.php
9. Lae täielikku failid siin.
10. Unzip arhiivi. Kui olete oma custom_functions.php oma kohandamised - teil on vaja siduda need minu asjad. Ma jätan sinust.
    Kui te ei puudutanud see - vabalt asendada selle minu. Pange tähele: ma eelistatud positsiooni menüüst veebilehe pealkirja (vaikimisi on eespool) - nii et minu reguleeritav lisanud eelistus samuti.
11. Laadi arhiiv sealhulgas kõik alamkataloogid ja failid vastavalt teie doktoritöö teema "custom" kataloogi, näeb välja selline:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Ma ei puudutanud custom.css - ma eelistan hoida menüü konkreetse CSS omal kohtades tekkimise vältimiseks jama sees custom.css
12. Sel hetkel võite uuesti laadida veebisaidi ja vt uus ilus uus mitmetasandiline, pesastatud, SEO-optimeeritud menüü.
13. Sa võid alati tagasi minna NAVT seaded ja kohandada oma menüü, kus on rohkem valikuvõimalusi või asetada midagi. See kajastatakse saidil automaatselt.

Tee ees ...

See õpetus sisaldub loov näiteks üht tüüpi menüü. Ma mängitakse teine - ainult näha, kuidas tume värviline menüü näeb välja selline:

Doktoritöö teema - mitmetasandiline pesastatud CSS menu - tume palett

Ma arvan, et see on päris kena. On palju rohkem navigatsiooniinstrumendid proovid kättesaadav Dynamic Drive - kõik on võimalik kohandada jaoks doktoritöö ja muud Wordpress teemad mõningaid jõupingutusi:

Dynamic Drive Horisontaalne Menüüd

Loodan, et leiad selle juhendaja kasulik ja vajalik. Nagu ma ütlesin, on võimalik kohandada mis tahes nende menüüde doktoritöö - mis on antud aja ja soov teha see juhtub.

Ma võiksin seda tööd teha Teile lepingu alusel. Lihtsalt vali menüü soovite, minuga ja ma töö koodi ja juhised oma veebilehel.

$ 20

Ja muidugi, kui oled valmis hoone super SEO-optimeeritud lisatasu WordPress liikmeks portaal - parim lahendus selline:
Doktoritöö teema + MemberWing liikmeks plugin + ise hostitud Wordpress muidugi.

Merkatut näiteks: CSS menüü WordPress, doktoritöö teema, doktoritöö teema hierarhilised menüüd, doktoritöö teema mitmetasandiline menüü, doktoritöö teema nagivation, doktoritöö teema pesastatud menüüd, doktoritöö teema juhendaja, WordPress css menüü, WordPress pesastatud menüü