Sanaysay Tema + MemberWing = Mabisang SEO Membership Site Synergy

Ang paghahanap para sa mga perpektong menu ...

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

Ko nagpasya upang makakuha ng sanaysay tema , dahil ang isa ng aking mga kliyente na alam sa akin tungkol sa mga isyu ng pagkakatugma sa pagitan ng sanaysay at ang aking pagiging kasapi sa WordPress site MemberWing plugin . Ko naayos ito at pagkatapos ay nagpasya na tumagal ng isang malapit na hitsura sa tesis at talagang bothered upang panoorin ang mga video sa harap pahina ng pangunahing tesis site - Diythemes.com .
Ano impressed sa akin ang pinaka ay pansin sa detalye, kabaitan ng user at karamihan ng lahat - SEO mga tampok na kaya ay naisip na rin ng.
MemberWing plugin ng pagiging miyembro ay dinisenyo mula sa lupa up para sa mga site ng pagiging miyembro na kailangan upang kunin ng mas maraming SEO juice hangga't maaari. Kaya ko binayaran maraming ng pansin sa maraming mga SEO pagpapahusay at perfections sa MemberWing. Marami ng aking sariling mga kliyente ay humihingi tungkol sa mga iba't ibang tema upang gamitin at may tema na noon ay kaya mahusay na SEO-optimize mula sa malalim sa loob ay magiging isang mahusay na angkop para sa mga negosyante ng portal ng pagiging miyembro.

Pinagsasama ang kapangyarihan SEO ng MemberWing sa SEO kapangyarihan ng sanaysay tema ay magbibigay sa pinakamahusay na ranggo pagkakataon sa aking mga kliyente. Kaya Nakatanggap ako sanaysay at nilalaro sa ito para sa isang araw.

Ito ay isang mahusay na tema sa lahat ng mga paraan. Ang nabigasyon bahagi nito bagaman ay isang bit limitado sa function na. Simula mula sa tesis 1.5 + ito ay lamang ng isang antas ng menu. Ang aking karaniwang pagnanais ay magagawang upang ipasadya ang nabigasyon bilang hangga't kailangan. Ang ilang mga site ay may ilang mga pahina lamang, marami pang iba ay may tons ng mga static na mga pahina + zillions ng mga artikulo / post + maraming ng mga kategorya ng.
Kaya sa ideal na mundo pagkakaroon ng isang pagkakataon upang lumikha ng magandang naghahanap hierarchically nakaayos na user friendly na navigation menu ay isang kinakailangan. Tesis sa kanan off the bat may magandang naghahanap nabigasyon ngunit napansin ko na ang lahat ng tesis-based na mga website ay naghahanap tulad ng twins. Pagpapasadya ang tesis navigation menu ay hindi talaga madaling kaya karamihan sa mga tao lamang na iwanan ito bilang ay. Walang paraan upang baguhin ang pagkakasunud-sunod ng mga kategorya sa menu o iposisyon ang mga ito sa pagitan ng mga pahina. At muli, ang kakayahan upang lumikha ng nested kaayusan ng menu ay nawawala. Kaya ko nagpasya upang makita kung ano ang maaaring gawin tungkol dito.
Pagkatapos sinusubukan ang tungkol sa kalahating dosenang menu / nabigasyon kaugnay na plugin ko itatakda ang aking pagpipilian sa Listahan Plugin ng WordPress Nabigasyon NAVT .
NAVT plugin ay mahalagang unordered listahan generator sa sobrang fancy at isang bit mahirap malaman untraditional admin interface. Ano ang ng nakaliligaw tungkol dito ay na ito ay hindi aktwal na lumikha ng magarbong naghahanap menu mismo. Ginagawa ang hardest bahagi ng trabaho bagaman - ay nagbibigay sa iyo ng kakayahan upang biswal pagsamahin, at makabuo ng unordered listahan - balangkas ng iyong menu-darating. At maaari kang lumikha ng maraming mga menu masyadong. Maaari mong hilahin ang lahat ng uri ng WordPress bagay-bagay sa navigation menu: pahina, post, artikulo, kategorya, ang mga gumagamit, mga bloke ng code, mga panlabas na link, dibaydes, separators at Halo at pagtutugma at pugad at ayusin at i-customize ang mga ito sa anumang punong-kahoy-tulad ng istraktura na iyong gusto.
NAVT bumubuo ng para sa iyo nagresulta HTML unordered listahan. Ang pangalawang kagandahan ng NAVT ay na ito ay tumutulong sa iyo upang ipasok ang iyong bagong menu sa iyong tema sa pamamagitan ng bantog na nakabatay sa lohika JQuery ngunit walang pangangailangan na baguhin ang anumang code! NAVT ay nagbibigay-daan sa iyo upang tukuyin ang: "palitan ang ang # elemento na ito sa aking bagong NAVT na menu ng". # Elemento ay maaaring maging isang id o klase ng landas ng umiiral na menu o tag ng div sangkap na binuo sa pamamagitan ng iyong kasalukuyang tema. Kaya NAVT ang kapalit na ito para sa iyo nang walang pagpwersa sa iyo upang pumunta sa tema code at gawin itong mas magulo kaysa sa na ito ay. Kung ang lahat ng mga tunog tulad ng satsat - huwag mag-alala - Kukunin ko Gagabayan ka ng hakbang sa pamamagitan ng hakbang na sa lalong madaling panahon. Ang mahirap na bahagi ng NAVT para sa lahat na magkakaroon ka na dumating sa aktwal na CSS + larawan + javascript code para sa iyong menu sa iyong sarili. At ito ay hanggang sa iyo na malaman kung saan at kung paano na isama ang mga file na ito at gawin ang mga bagay-bagay na maayos makapag konektado magkasama.
Taos-puso walang alam JQuery + ilang PHP + CSS + may disente karanasan sa WordPress - Ang bagay na ito ay mahirap upang kunin.
Masaya alam ko ang mga bagay-bagay ng isang bit kaya ako nagpasya na kumagat ang bala at gabay ng sangkatauhan sa kalayaan sa pagbuo ang pinakamahusay na ng ang pinakamahusay na mga menu ng nabigasyon para sa WordPress. Kailangan ko lamang upang malaman ang mga pinagkukunan para sa mga ilang gandang naghahanap ng pahalang na mga menu sa CSS. Pinili ko ang dynamic drive website para sa kanilang mga pinakamahusay na seleksyon, demo at mga mapagkukunan.

Nakatuon ko ang isang araw na pag-aralan ang sanaysay at makipaglaro sa NAVT plugin. Sa katapusan ko buong kapurihan lumikha ng pasadyang, kakayahang umangkop, SEO optimize, multilevel, nested nagivation istraktura para sa aking WordPress + site tesis based.

Listahan ng mga tampok ng multilevel, nested WordPress nabigasyon menu para sa tisis Tema
(Na nakuha mo sa mahal ito bagay-bagay):

• Professional, malinis ang hitsura at pakiramdam.
• Suporta para sa lahat ng mga modernong browser, kabilang ang MSIE 6,7, Opera, Safari, Firefox 3.x, ang Google Chrome sa parehong javascript at mga di-javascript mode.
• Maganda downgradable para sa mga di-javascript browser. Mong menu ay magiging kapaki-pakinabang, biswal katulad at nagtatrabaho kahit para sa mga-javascript kapansanan browser (kahit na lamang tuktok na antas ng nabigasyon ay makikita at walang mga flyouts ay mangyayari ng kurso bilang mga ito ay ginawa sa pamamagitan ng javascript).
• SEO friendly na mga tampok - unordered listahan menu ng code ay binuo sa loob ng HTML. Google at iba pang mga spider ng search engine ay magagawang i-index ang iyong nabigasyon istraktura at maghanap ng mga link sa panloob na mga pahina.
• Suporta para sa mga walang limitasyong nesting antas at sublevels na.
• Suporta para sa anumang order o mga pahina, post (sa pamamagitan ng tinukoy ng user URI), kategorya, ang mga gumagamit, pasadyang code bloke at panlabas na mga link sa loob ng menu.
• Suporta ng teksto-pati na rin ang imahe-based na mga elemento menu. (Mayroon akong pa upang subukan ito bagaman).
• Istraktura at nilalaman ng menu ay paningin madaling iakma sa pamamagitan ng NAVT admin lugar.
• Compact: ang JQuery based flyouts para sa mga nested antas.
• Mabilis: JQuery para sa ang menu ay load mula sa mga server ng Google (Gusto ko iyan tesis mismo upang gawin ang parehong sa halip ng batak ito lokal). Ito ay pabilisin ang mga bagay-bagay ng kaunti.
• Kakayahang sumukat - Ang uri ng menu na ito ay mae-edit at na-configure sa anumang oras sa pamamagitan ng mga setting ng plugin sa NAVT nang walang anumang nangangailangan ng pagkukudigo kahit saan.

Ginamit ko ang mahusay na menu na ito mula sa dynamic drive portal bilang isang base. Nagkaroon ako upang ipasadya ang javascript code sa isang bit pati na rin isama ang tipak ng PHP sa custom_functions.php upang gawin itong gumagana sa tesis. Din ang bilang ng mga pre-umiiral na pahina, mga kategorya at mga post mula sa aking site ay ginagamit upang magtipon ang istraktura ng menu. Ang iyong mga mga pagtutukoy site ay ibang - ngunit ang konsepto ay ang parehong.
Kaya hayaan magpatuloy, dapat namin?

Hakbang sa pamamagitan ng hakbang na mga tagubilin upang i-setup NAVT -based nested, napapasadyang, multilevel, SEO friendly na
lamang plain cool na naghahanap ng navigation menu para sa WordPress at sanaysay Tema

1. Pumunta sa WordPress admin panel. Plugin-> Magdagdag ng bago, paghahanap para sa "navt". Ang plugin ay ipapakita. I-click ang [Install], [I-install ngayon], "Buhayin Plugin".
2. Tools-> NAVT Listahan, Inside "Navigation Group" lugar ng "pangalan ng grupo" at ipasok ang: "menu1" sa patlang, pindutin ang [Lumikha] na button. "Menu1" parihaba lugar May nilikha.
   Ito "menu1 ang" lugar ay ang pangunahing palaruan para sa konstruksiyon ng menu. Ikaw ay pagkaladkad at bumababa dito ang iyong mga elemento menu.
3. Sa "asset" na lugar na makahanap ng "ibang" listbox at mag-click sa pagpipiliang "Home". "Home" thingie ay lilitaw sa loob ng "unassigned" na lugar. Kakaiba, eh? Huwag mag-alala, hangga't ito gumagana - at ito para sa amin.
4. I-drag ito "Home" na thingie mula sa "asset" na lugar sa sa "menu1" parihaba lugar. Ito ay maging "Home" na item sa menu.
   • Ulitin ang mga hakbang 3-4 para sa ilang mga pahina mula sa "Pages" na lugar, pati na rin para sa mga kategorya sa "kategorya" na lugar. I-drag ang anumang iba pang mga item na gusto mong maging sa iyong menu sa loob ng parihaba "menu1". Maaari mong i-click sa pahina, kategorya, ang mga gumagamit at ang ilang mga pasadyang mga elemento tulad ng "listahan ng divider" at "block ng code". Ang code block ay cool na paraan upang magdagdag ng mga pasadyang mga snippet sa loob ng menu.
   • Maaari mong i-drag ang mga item ng menu sa loob ng lugar "menu1" upang muling ayusin ang kanilang mga pagkakasunod-sunod.
   • Maaari mong ayusin ang ang hierarchical posisyon ng bawat item ng menu na may "<" at ">" arrow.
   • Ang pag-click sa teksto pangalan ng bawat item ng menu - bubukas isip boggling karagdagang pagpapasadya dialog para sa item na ito. Ginamit ko halos default ngunit technically maaari mong mabaliw at simulan ang paggawa ng mga imahe-based na mga pagpipilian sa menu at idagdag ang mga chunks ng HTML code ito. Magpatuloy sa pag-iingat bagaman.
   • Para sa mga linkless unclikable submenus na maglingkod bilang mga "magulang" para sa iba pang mga "sub-anak" ginamit ko ang "Code block" na uri. Halimbawa kapag pagpapasadya tulad code block item na aking pinasok para sa "alias Menu item" = "ng MemberWing" at para sa "Ipasok ang code block:" = "<a href='#'> MemberWing </ a>". Nagkakaroon ng href = "#" ay gawin itong hindi naki-click ngunit kumikilos bilang isang wastong menu pagpili na "magulang".
5. Narito kung paano ang 'menu1' aking NAVT na bumuo ng istraktura mukhang halos nakumpleto:
   
6. Tapusin ang unang gusali at pagkatapos ay i-click sa icon na "lansungan" upang ipasadya ang iyong mga kaayusan ng menu:
   
7. Ito ay buksan ang dialog na may 4 na mga tab: Options, Display, CSS, Tema.
   1. Pumunta sa "Options" na tab at siguraduhin na ang lahat ay check at ang "pangalan ng grupo" sabi ni: "menu1"
   2. Pumunta sa "Ipakita" na tab at siguraduhin na ang lahat sa "Ipakita nabigasyon grupo sa ..." lugar ay naka-check [x]. Iwanan ang natitira sa default.
   3. Pumunta sa tab na "CSS" at piliin ang radio button (x) "Huwag mag-aplay klase CSS".
   4. Pumunta sa tab na "Mga tema" at punan ito sa tulad na:
      
      Isingit sa "Magdagdag ng mga tag bago ..." area code na ito:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Isingit sa "Magdagdag ng mga tag pagkatapos ..." area code na ito:
      <br style='clear: left' /></div>
   5. Pindutin ang [i-save / isara] na button
8. Sa gusaling ito ng punto ng menu mula sa loob ng mga pagpipilian ng plugin sa NAVT ay kumpleto.
   Ngayon ay ang panahon upang gawin ang isang maliit na tune up para sa tisis tema upang makakuha ng ito handa. Para sa mga na kailangan namin upang magdagdag ng ilang mga pasadyang file - CSS at javascript na nabibilang sa menu at custom_functions.php update ng sanaysay
9. I-download ang kumpletong hanay ng mga file dito .
10. Magsiper archive. Kung ikaw-update ang iyong custom_functions.php sa iyong mga pagpapasadya - kailangan mong ipagsama ang mga ito sa aking mga bagay-bagay. Kukunin ko na iwanan ito sa iyo.
    Kung hindi mo pa baliw nito - huwag mag-atubiling patungan ito sa minahan. Mangyaring tandaan: ko ginustong upang iposisyon ang menu sa ilalim ng header ng website (default ay sa itaas) - upang aking adjustment kasama ang kagustuhang ito pati na rin.
11. Mag-upload ng archive kasama ang lahat ng mga subdirectory at file sa ilalim ng direktoryo 'pasadyang iyong sanaysay tema, tulad nito:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Hindi ko baliw custom.css na - Mas gusto ko upang panatilihin ang menu-tiyak na CSS sa ilalim ng kanilang sariling mga lokasyon upang maiwasan ang paglikha 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, nested, SEO optimize menu.
13. Maaari kang palaging bumalik sa NAVT ang mga setting at ipasadya ang iyong menu na may mas maraming mga mapagpipilian o muling iposisyon ang anumang bagay. Ito ay makikita sa live site awtomatikong.

Ang kalsada sa maaga ...

Ang tutorial na ito kasama ng creative halimbawa ng isang uri ng menu. Nilalaro ko na may isa pa - lamang upang makita kung paano ang madilim na kulay menu magiging hitsura:

Tisis tema - multilevel nested CSS menu - madilim palette

Tingin ko ito ay medyo maselang. May mga mas marami pang-navigate sample na makukuha sa Dynamic Drive - lahat ng mga ito ay posibleng i-customize para sa tesis at iba pang mga tema ng WordPress na may ilang mga pagsisikap:

Dynamic Drive Pahalang na menu

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

Maaari kong gawin ang trabahong ito para sa iyo sa isang kontrata na batayan. Pumili lang ang menu na gusto mo, makipag-ugnay sa akin at kukunin ko na magtrabaho sa ang code at mga tagubilin para sa iyong website.

$ 20

At ng kurso kung ikaw ay hanggang sa gusali sobrang SEO optimize premium WordPress miyembro portal - ang pinakamahusay na solusyon para sa:
Sanaysay Tema + miyembro ng MemberWing plugin + sarili host WordPress ng kurso.

comments } { 15 komento }