Ang paghahanap para sa mga perpektong menu ...

Ito ay Part 1 ng tutorial
Part 2 ng ito tutorial nagtuturo kung paano bumuo ng vertical menu + madilim na kulay palette para sa isang pahalang

Ko nagpasya upang makakuha ng sanaysay tema , dahil ang isa sa aking mga kliyente tungkol sa akin tungkol sa mga isyu sa compatibility sa pagitan ng sanaysay at ang aking pagiging kasapi ng WordPress plugin site MemberWing. Naayos ko ito at pagkatapos ay nagpasya na kumuha ng isang mas malapit tingnan ang sanaysay at talagang bothered sa watch video sa harap ng pahina ng mga pangunahing tesis site - Diythemes.com .
Ano impressed sa akin ang pinaka ay pansin sa detalye, gumagamit kabaitan at higit sa lahat - SEO mga tampok na mabuti-iisip ng.
MemberWing plugin pagiging miyembro ay dinisenyo mula sa lupa up para sa pagiging kasapi ng mga sites na kailangan sa pull ng mas maraming SEO juice hangga't maaari. Kaya ko ang bayad ng maraming pansin sa maraming tao ng mga pagpapahusay SEO at perfections sa MemberWing. Marami sa aking sariling mga kliyente ay humihingi sa tungkol sa iba't-ibang tema upang gamitin at pagkakaroon ng tema na noon ay mabuti SEO optimized mula sa malalim sa loob ay isang mahusay na akma para sa pagiging kasapi ng portal na negosyante.

Kombinasyon ng SEO kapangyarihan ng MemberWing may kapangyarihan SEO ng sanaysay tema ay magbigay ng pinakamahusay na ranggo ng mga pagkakataon sa aking mga kliyente. Kaya ako got sanaysay at nilalaro na may ito para sa isang araw.

Ito ay isang mahusay na tema sa lahat ng mga paraan. Ang nabigasyon bahagi ng kahit na ito ay isang bit limitado sa function. Simula mula sa sanaysay 1.5 + ito ay isa sa antas ng menu lamang. Aking mga karaniwang pagnanais ay upang ma-customize nabigasyon bilang marami gaya ng kinakailangan. Ang ilang mga site ay may lamang ng ilang mga pahina, maraming iba ay may tons ng mga static na pahina + zillions ng articles / posts + ng maraming mga kategorya.
Kaya sa ideal na mundo sa pagkakaroon ng pagkakataon na lumikha ng nice naghahanap hierarchically organisado user friendly nabigasyon menu ay isang ay dapat. Sanaysay karapatan off ang bat ay may mabuting naghahanap nabigasyon ngunit napansin ko na ang lahat ng sanaysay-based na mga website ay naghahanap ng tulad ng Twins. Pagpapasadya menu nabigasyon sanaysay ay hindi tunay madali kaya ang karamihan sa tao lamang mag-iwan ito bilang ay. Walang paraan upang baguhin ang pagkakasunud-sunod ng mga kategorya sa menu o posisyon ng mga ito sa pagitan ng mga pahina. At muli, ang kakayahan na gumawa nakapugad istruktura menu ay nawawala. Kaya ko nagpasya upang makita kung ano ang maaaring gawin tungkol dito.
Pagkatapos sinusubukan tungkol sa kalahating dosenang menu / nabigasyon kaugnay plugins ako magse-set ang aking mga pagpipilian sa WordPress Nabigasyon List Plugin NAVT .
NAVT plugin ay mahalagang unordered listahan dyeneretor sa sobrang fancy at isang bit hard-to-tayahin untraditional admin interface. Ano ang tungkol sa nakaliligaw na ito ay na ito ay hindi tunay na lumikha ng magarbong naghahanap ng mga menu sa pamamagitan ng kanyang sarili. Ito ay ang hardest bahagi ng trabaho kahit na - ay nagbibigay sa iyo ng isang kakayahang visually pull-sama, at bumuo ng unordered listahan - kalansay ng iyong menu-to-be. At maaari kang lumikha ng maraming mga menu masyadong. Maaari mong pull ang lahat ng uri ng WordPress bagay-bagay sa menu nabigasyon: mga pahina, posts, articles, mga kategorya, mga user, mga bloke code, mga panlabas na link, dibaydes, separators at ihalo at tugma at pugad at ayusin at ipasadya ang mga ito sa anumang mga puno-tulad ng istraktura sa iyo nais.
NAVT bumubuo ng para sa iyo nagdulot HTML unordered listahan. Ikalawang kagandahan ng NAVT ay na ito ay tumutulong sa iyo upang magsingit ng iyong bagong menu sa iyong tema sa pamamagitan ng bantog na JQuery base lohika ngunit walang kailangan upang baguhin ang anumang code! NAVT ay nagbibigay-daan sa iyo upang tukuyin: "palitan ito # sangkap sa aking bagong NAVT menu". # Sangkap ay maaaring maging isang id o klase ng landas ng mga umiiral na menu o sangkap ng div tag na ay binuo sa pamamagitan ng iyong mga kasalukuyang tema. Kaya NAVT ang kapalit na ito para sa iyo nang walang pagpwersa sa inyo na pumunta sa tema code at gawin itong mas marumi kaysa sa ito ay mayroon na. Kung na ang lahat ng tunog tulad ng satsat - huwag mag-alala - kukunin ko na gabay ka hakbang-hakbang sa lalong madaling panahon. Ang mahirap na bahagi ng NAVT para sa lahat ay na mayroon kang magkaroon ng tunay na CSS + + imahe javascript code para sa iyong menu ng iyong sarili. At ito ay hanggang sa inyo na malaman kung saan at kung paano upang maisama ang mga file na ito at gumawa ng mga bagay-bagay na ito ng maayos kumuha konektado magkasama.
Nang buong puso na walang alam JQuery + ilang PHP + CSS + pagkakaroon ng disenteng karanasan sa WordPress - bagay na ito ay mahirap sa pull.
Masaya ako malaman ito bagay-bagay ng isang bit sa gayon ako ay nagpasya na ang mga kagat ng bala at gabay sa sangkatauhan sa kalayaan sa gusali ang pinakamahusay sa mga pinakamahusay na mga menu nabigasyon para sa WordPress. Ko na lang na kailangan upang malaman pinagkukunan para sa ilang mga nice naghahanap pahiga menu CSS. Ako pumili ng dynamic drive website para sa kanilang mga pinakamahusay na pagpipilian, demo at mga pinagkukunan.

Ako nakatutok sa isang araw sa pag-aaral sanaysay at maglaro na may NAVT plugin. Sa katapusan ko buong kapurihan pasadyang ginawa, flexible, SEO optimized, multilevel, nakapugad nagivation istraktura para sa aking WordPress site + sanaysay base.

Talaan ng mga katangian ng multilevel, nakapugad nabigasyon menu WordPress para sa sanaysay Theme
(Got ka sa pag-ibig na ito bagay-bagay):

• Professional, malinis na anyo at pakiramdam.
• Suporta para sa lahat ng mga modernong browser, kabilang ang MSIE 6,7, Opera, Safari, Firefox 3.x, ang Google kromo sa parehong javascript at mga di-javascript mode.
• Maganda downgradable para sa mga di-javascript browser. Ikaw menu ay kapaki-pakinabang, visually katulad at nagtatrabaho para sa kahit na hindi pinagana javascript browser (kahit na lamang tuktok na antas ng nabigasyon ay nakikita at walang flyouts ang mangyayari ng mga kurso bilang ang mga ito ay ginawa sa pamamagitan ng javascript).
• SEO friendly na mga tampok - unordered listahan ng menu code ay binuo sa loob ng HTML. Google at iba pang mga search engine spiders ay maaaring ma-index ng iyong nabigasyon istraktura at makahanap ng mga link sa mga panloob na pahina.
• Suporta para sa mga walang limitasyong suntok para sa mga antas at sublevels.
• Support para sa anumang pagkakasunod-sunod o mga pahina, mga post (sa pamamagitan ng tinukoy ng user URIs), mga kategorya, mga user, mga pasadyang code ng mga bloke at panlabas na mga link sa loob ng menu.
• Suporta ng text-pati na rin ang imahen-based na mga sangkap ng menu. (Mayroon akong pa upang subukan ang mga ito kahit na).
• Menu istraktura at nilalaman ay visually madaling iakma sa pamamagitan ng NAVT admin lugar.
• Compact: JQuery base flyouts para nakapugad na antas.
• Mabilis: JQuery para sa menu ay ikinarga mula sa mga server ng Google (Gusto pag-ibig sanaysay kanyang sarili na gawin ang parehong sa halip ng paghila ito sa isang lugar lamang). Ito ay magpapabilis sa mga bagay-bagay ng kaunti.
• Scalability - Ito uri ng menu ay maaaring mai-edit at isaayos ng anumang oras sa pamamagitan ng NAVT mga setting ng plugin nang walang anumang kailangan ng coding kahit saan.

Ginamit ko ito mahusay na menu mula sa mga dynamic drive portal bilang isang base. Ako had upang ipasadya javascript code ng kaunti pati na rin isama ang tipak ng PHP sa custom_functions.php upang gawin itong trabaho sa sanaysay. Din ang bilang ng mga pre-umiiral na pahina, mga kategorya at mga post mula sa aking site ay ginagamit upang magtipon menu istraktura. Ang iyong site specifics ay iba't-ibang - ngunit konsepto ay ang parehong.
Kaya hayaan magpatuloy, ay dapat namin?

Hakbang sa pamamagitan ng hakbang na mga tagubilin sa setup NAVT -based nakapugad, napapasadyang, multilevel, SEO friendly
at lamang payak na cool naghahanap nabigasyon menu para sa WordPress at sanaysay Theme

1. Pumunta sa WordPress admin panel. Plugins-> Magdagdag ng bago, sa paghahanap para sa "navt". Ang plugin ay ipapakita. I-click ang [I-install], [I-install na ngayon], "Buhayin ang Plugin".
2. Tools-> NAVT Listahan, Inside "Navigation Group" lugar ng matagpuan ang "pangalan ng grupo" at ipasok ang: "menu1" sa patlang, pindutin ang [Lumikha] button. "Menu1" rektanggulo lugar got nilikha.
   Ito "menu1" lugar ay ang mga pangunahing palaruan para sa menu construction. Ikaw ay pagkaladkad at bumababa dito ang inyong mga sangkap ng menu.
3. Sa "mga ari-arian" lugar ng matagpuan ang "ibang" listbox at i-click sa "pagpili Home". "Home" thingie ay lilitaw sa loob ng "Hindi naka-assign" na lugar. Weird, eh? Walang alalahanin, hangga't ito ay gumagawa - at ito ay para sa amin.
4. I-drag ito "Home" thingie mula sa "aari" na lugar sa "menu1" rektanggulo lugar. Ito ay maging "Home" item sa menu.
   • Ulitin ang mga hakbang 3-4 para sa ilang mga pahina mula sa "lugar ng Pahina", pati na rin ang para sa mga kategorya ng sa "Mga kategorya ng" area. I-drag ang anumang iba pang mga aytem na nais mong maging sa iyong menu sa loob ng "menu1" rektanggulo. Maaari mong i-click sa mga pahina, kategorya, ang mga gumagamit at ang ilang mga pasadyang mga sangkap tulad ng "listahan ng divider" at "code block". Code block ay cool na paraan upang magdagdag ng mga pasadyang snippets sa loob ng menu.
   • Maaari mong i-drag ang mga bagay na menu sa loob ng "menu1" lugar para ayusin ang kanilang mga order.
   • Maaari mong ayusin ang hierarchical na posisyon ng bawat item sa menu ng "<" at ">" arrow.
   • Ang pag-click sa teksto ng pangalan ng bawat item na menu - bubukas isip boggling karagdagang pagpapasadya dialog para sa ang bagay na ito. Ako halos lahat ginamit default technically ngunit maaari kang mabaliw at simulan ang paggawa ng imahen-based na mga pagpili menu at magdagdag ng chunks ng HTML code sa ito. Magpatuloy sa pag-iingat bagaman.
   • Para sa linkless unclikable submenus na maglingkod bilang "magulang" para sa iba pang "sub-anak" ko ginamit "Code block" uri. Halimbawa kapag pagpapasadya tulad code block item na aking pinasok para "ang Menu item alias" = "MemberWing" at para sa "Ipasok ang code block:" = "<a href='#'> MemberWing </ a>". Ang pagkakaroon href = "#" ay gumawa ng mga ito ay hindi click ngunit kumikilos bilang isang may-bisang "magulang" menu pagpili.
5. Narito kung paano menu1 'aking NAVT' magtayo istraktura mukhang halos nakumpleto:
   
6. Tapos unang gusali at pagkatapos ay i-click sa "lansungan" icon upang ipasadya ang iyong menu istraktura:
   
7. Ito ay bukas na dialog na may 4 mga tab: ang Opsyon, Display, CSS, Theme.
   1. Pumunta sa "Options" na tab at siguraduhin na ang lahat ay malaya at ang "pangalan ng grupo" says: "menu1"
   2. Pumunta sa "Display" tab at siguraduhin na ang lahat sa "Ipakita ang nabigasyon sa grupo ..." lugar ay checked [x]. Iwanan ang pahinga sa mga default.
   3. Pumunta sa tab ng "CSS" at piliin ang radio button (x) "Huwag mag-aplay klase CSS".
   4. Pumunta sa "Theme" na tab at punuin ito sa nais na:
      
      Isingit sa "Magdagdag ng mga tag bago ..." ang lugar na ito ang code:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Isingit sa "Magdagdag ng mga tag pagkatapos ..." ang lugar na ito ang code:
      <br style='clear: left' /></div>
   5. Pindutin ang [i-save / close] button
8. Sa puntong ito gusali menu mula sa loob ng NAVT opsyon plugin ay kumpleto na.
   Ngayon ay oras na para gumawa ng isang maliit na tune up para sa tisis tema sa kumuha ito handa na. Para na kailangan namin upang magdagdag ng ilang mga pasadyang file - CSS at javascript na nauukol sa menu at i-update tesis 'custom_functions.php
9. I-download ang kumpletong hanay ng mga file dito .
10. Magsiper archive. Kung ikaw ay na-update ang iyong custom_functions.php sa iyong mga pagpapasadya - kailangan mo upang sumanib sa kanila sa aking mga bagay-bagay. Kailangan ko bang iwan ito sa iyo.
    Kung hindi ka pa baliw ito - mag-atubili na itong patungan ng minahan. Mangyaring tandaan: ko ginustong posisyon sa menu sa ilalim ng header ng website (default ay sa itaas) - sa gayon ang aking mga adjustment na ito kasama ang kagustuhan rin.
11. I-upload ang archive kasama ang lahat ng mga subdirectories at file sa ilalim ng iyong sanaysay tema 'custom' na direktoryo, tulad nito:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Hindi ko pa baliw custom.css - Mas gusto ko ang panatilihin ang menu-tiyak na CSS sa ilalim ng kanilang sariling mga lokasyon upang maiwasan ang paggawa ng gulo sa loob custom.css
12. Sa puntong ito maaari mong i-reload ang iyong website at makita ang mga bagong magagandang bagong multilevel, nakapugad, SEO optimized menu.
13. Maaari kang bumalik sa mga setting ng NAVT at ipasadya ang iyong menu na may mas pinili o iposisyon ulit kahit ano. Ito ay maipapakita sa mga live site ay awtomatikong.

Ang daan nga ...

Ito tutorial kasama creative halimbawa ng isang uri ng menu. Ako nilalaro na may isa pang isa - lamang upang makita kung paano ang maitim na kulay na menu ay ang hitsura:

Tisis tema - multilevel nakapugad CSS menu - madilim palette

tingin ko ito ay pretty nice. Mayroong maraming mga karagdagang mga halimbawa paggalugad makukuha sa Dynamic Drive - lahat ng mga ito ay posible na-customize para sa tesis at iba pang mga WordPress tema sa ilang mga pagsisikap:

Dynamic Drive Horizontal menu

Umaasa ako makakahanap ka ng tutorial na ito kapaki-pakinabang at kapaki-pakinabang. Tulad ng sinabi ko, ito ay posible upang ipasadya ang anumang ng mga menu para sa sanaysay - na ibinigay na oras at pagnanais na gumawa ito mangyari.

kaya kong gawin ito gumagana para sa iyo sa isang batayan kontrata. Lamang piliin ang mga menu gusto mo, makipag-ugnayan sa akin at kukunin ko na trabaho sa ang code at mga tagubilin para sa iyong website.

$ 20

At ng mga kurso kung ikaw ay hanggang sa gusali sobrang SEO optimized WordPress premium membership portal - ang pinakamahusay na solusyon para sa mga ito:
Sanaysay Theme + pagiging kasapi ng MemberWing plugin + naka-host sa sarili WordPress ng kurso.

Tagged bilang: CSS menu para sa WordPress , sanaysay tema , sanaysay tema hierarchical menu , sanaysay tema multilevel menu , sanaysay tema nagivation , sanaysay tema nakapugad na mga menu , sanaysay tema tutorial , WordPress CSS menu , WordPress nakapugad na menu