Thesis Theme + MemberWing = Võimas SEO Liikmelisus Site Synergy

Quest täiuslik menüü ...

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

Ma otsustasin, et saada Thesis teema , sest üks minu kliendid teatas mulle umbes ühilduvuse probleeme vahel Thesis ja minu WordPress liikmeks kohas plugin MemberWing. Ma leppisin ja siis otsustas võtta lähemal Thesis ja tegelikult viitsi vaadata videosid esilehel peamine Thesis site - Diythemes.com .
Mis muljet mulle kõige rohkem see, tähelepanu detailidele, kasutajasõbralikkuse ja mis kõige tähtsam - SEO funktsioone, mis on nii hästi mõelnud.
MemberWing liikmeks plugin oli kavandatud maapinnast kuni liikmelisuse sites et oleks vaja välja tõmmata nii palju SEO mahla kui võimalik. Nii et ma maksnud palju tähelepanu paljude SEO lisaseadmeid ja perfections sisse MemberWing. Paljud minu kliendid on küsides erinevaid teemasid kasutada ja millel on teema, mis oli nii hästi SEO optimeeritud alates sügavale oleks suurepärane sobivus liikmeks portaal ettevõtjatele.

Ühendades SEO volitused MemberWing SEO volitused Thesis teema annaks parima edetabel võimalusi oma klientidele. Nii sain Thesis ja mängitakse see päev.

See on suurepärane teema igal viisil. Navigation osa, kuigi on natuke piiratud funktsioon. Alates Thesis 1,5 + on 1 taseme menüüs ainult. Mu tavaline soov on, et oleks võimalik kohandada navigation nii palju kui vaja. Mõned saidid on ainult paar lehekülge, paljud teised on tonni staatilisi lehekülgi + zillions artikleid / postitusi + palju kategooriaid.
Nii et ideaalne maailm, millel on võimalus luua kena välimusega hierarhiliselt korraldatud kasutajasõbralik navigatsioonimenüü on must. Lõputöö õigus ära nahkhiir on stiilne navigation kuid märkasin, et kõik Thesis põhinev veebilehed otsite nagu kaksikud. Kohandamine Thesis navigatsioonimenüü ei ole tõesti lihtne, et enamik inimesi lihtsalt jätta nagu on. Ei ole nii muuta, et kategooriate menüüs või paigutada neid lehekülgede vahel. Ja jälle võime luua nested menüü struktuurid on puudu. Nii et ma otsustasin vaadata, mida võiks teha midagi.
Pärast üritab umbes pool tosinat menüü / navigation seotud pluginad seadsin oma valiku WordPress Navigation List Plugin NAVT .
NAVT plugin sisuliselt Tavalise nimekirja generaator super fancy ja veidi raskesti aru ebatraditsioonilisi admin liides. Mis eksitav on see, et see ei ole tegelikult luua väljamõeldud otsin menüüd ise. See kõige raskem osa töö küll - annab sulle võime visuaalselt koondada ja tekitada Tavalise nimekirja - skelett oma menüü-to-be. Ja võite luua mitu menüüd ka. Võite tõmmata igasugu WordPress kraami navigatsioonimenüü: lehti, postid, artiklid, kategooriad, kasutajate kood plokid, väliseid linke, sirkel, separaatorid ja segada ja sobitada ja pesa ja korraldada ja kohandada neid ühegi puu-like struktuur te tahad.
NAVT tekitab teile kaasa HTML Tavalise nimekirja. Teine ilu NAVT, et see aitab teil sisestada oma uue menüü oma teema kaudu tuntud jQuery põhinev loogika kuid vajadus muuta mingi koodi! NAVT võimaldab määrata: "Asenda see # element minu uus NAVT menu". # Element võiks olla id või klassi tee olemasoleva menüü või div element tag et on loodud oma praeguse teema. Nii NAVT teeb seda asendust siis ilma sunnib teid minema teema koodi ja muuta see räpane kui ta juba on. Kui see kõik kõlab nagu plära - ärge muretsege - ma juhendab teid samm-sammult kiiresti. Keeruline osa NAVT kõigile on see, et sa pead tulla tegelik CSS + pilte + javascript kood oma menüü ise. Ja see on sinust aru saada, kus ja kuidas integreerida neid faile ja teha seda kraami korralikult saada ühendatud.
Lugupidamisega, teadmata, jQuery + mõned PHP + CSS + millel korralik kogemus WordPress - see asi on raske tõmmata.
Rõõmuga ma tean seda kraami natuke, et ma otsustasin, et hammustavad kuuli ja juhend inimkonna vabaduse hoone parimatest parimad navigation menüüd WordPress. Ma lihtsalt vaja teada, allikad mõned kena välimusega horisontaalne CSS menüüsid. Ma valisin dünaamiline drive veebilehel oma parima valikud, demod ja allikatest.

Ma pühendatud päev õppida Thesis ja mängida NAVT plugin. Lõpus ma uhkelt loodud kohandatud, paindlik, SEO optimeeritud, mitmetasandiline, nested nagivation struktuur minu WordPress + Thesis veebileht.

Omaduste loetelu mitmetasandilise, nested WordPress navigatsiooni menüü Thesis Theme
(Sa pead armastama seda kraami):

• Professional, puhas välimus ja meeleolu.
• Toetus kõik tänapäevased brauserid, sealhulgas MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome nii javascripti ja mitte-javascripti olekutes.
• Nõtkelt downgradable mitte-javascripti brauseritega. Sa menüü on kasutatav, visuaalselt sarnased ja töötavad isegi JavaScripti funktsioonide (kuigi ainult tipptasemel navigation on nähtav ja ei flyouts juhtub muidugi, kui need on tehtud JavaScript).
• SEO sõbralikud omadused - Tavalise nimekirja menüü kood tekib jooksul HTML. Google ja teiste otsingumootorite ämblikud on võimelised index oma navigation struktuuri ja lingid sisemistel lehekülgedel.
• Toetus piiramatu pesitsevate taset ja sublevels.
• Toetus suvalises järjekorras või lehekülge postitust (via kasutaja määratud URI) kategooriate kasutajad, kohandatud koodi plokid ja väliste linkide menüüst.
• Toetus teksti-kui ka pildi-põhine menüü elemente. (Ma pole veel proovida neid küll).
• Menüü struktuur ja sisu on visuaalselt reguleeritav kaudu NAVT admin piirkonnas.
• Kompaktne: jQuery põhinev flyouts jaoks nested tasanditel.
• Kiire: jQuery jaoks menüü laadida Google serverid (ma armastan Thesis ise tegema sama asemel tõmmates seda kohapeal). See kiirendab asju natuke.
• Mastaapsuse - Seda tüüpi menüü on muudetav ja seadistatav igal ajal läbi NAVT plugin seadeid ilma vajaduseta kodeerimine kuhugi.

Ma kasutasin selle suurepärase menüü dünaamiline drive portaali baasi. Mul oli kohandada javascript koodi natuke samuti sisaldama patakas PHP arvesse custom_functions.php teha seda tööd koos Thesis. Ka mitmeid olemasolevaid lehekülgi, kategooriad ja teated minu ala kasutati koguda menüü struktuur. Saidi spetsiifika on erinev - kuid mõisted on sama.
Nii et las minna, eks?

Samm-sammult juhiseid setup NAVT põhinev nested, kohandatav, mitmetasandiline, SEO friendly
ja lihtsalt lahe vaadata navigatsioonimenüü jaoks WordPress ja Thesis Theme

1. Mine WordPress admin panel. Plugins-> Lisa uus otsing "navt". Plugin näidatakse. Klõpsake [Install], [Install now], "Aktiveeri Plugin".
2. Tööriistad-> NAVT loendid Inside "Navigation Group" ala leida "grupi nimi" ja sisesta: "menu1" valdkonnas, vajutage [Loo] nupule. "Menu1" Ristküliku pindala sai loodud.
   See "menu1" ala on peamine mänguväljak menüü ehitus. Sul pukseerige siia oma menüü elemente.
3. Aastal "vara" ala leida "teiste" nimekirjast ja vajuta "Home" valik. "Home" thingie ilmub sees "määramata" piirkonnas. Imelik, eh? Ära muretse, kui see toimib - ja see meile.
4. Lohista see "Home" thingie andmebaasist "vara" piirkond, "menu1" ristküliku pindala. Sellest saab "Home" kirje menüüst.
   • Korrake samme 3-4 mõned leheküljed "Pages" ala, samuti kategooriat "kategooriad" piirkonnas. Lohista muid objekte, sa tahad olla oma menüü sees "menu1" ristkülik. Te võite klikkida lehekülgi, kategooriad, kasutajate ja mõned custom elemente nagu "nimekirja jagaja" ja "koodiestossa". Koodiestossa on lahe võimalus lisada custom pikad sees menüü.
   • Te võite lohistada menüü sees "menu1" ala ümber oma järjekorras.
   • Te võite kohandada hierarhiline positsioon iga menüü koos "<" ja ">" nooli.
   • Klõpsates tekst nimi iga menüü - avab meeles Arusaamatu extra kohandamine dialoogi seda eset. Ma enamasti kasutatakse vaikimisi, kuid tehniliselt saab hulluks minna ja hakata pilti põhinev menüü valikuid ja lisada tükkideks HTML koodi ta. Tegutsema ettevaatlikult küll.
   • Sest linkless unclikable alammenüüd, mis toimib "vanemad" teiste "sub-lapsed" ma kasutasin "Code block"-tüüpi. Näiteks, kui kohandamine nii koodiestossa kirje astusin jaoks "menüüst alias" = "MemberWing" ja "Enter koodiestossa:" = "<a href='#'> MemberWing </ a>". Võttes href = "#" teeb ta ei tööta, kuid keda kehtiv "vanem" menüüs valik.
5. Siin on, kuidas mu NAVT "menu1" ehitada struktuur tundus peaaegu lõpule viidud:
   
6. Lõpetada esialgne hoone ja seejärel nupul "käik" ikoon, et kohandada oma menüü struktuur:
   
7. See avab dialoogi 4 kaarti: Options Display, CSS, teema.
   1. Vajuta "Options" sakk ja veenduge, et kõik on märkimata ja "grupi nimi" ütleb: "menu1"
   2. Mine "Ekraan" sakk ja veenduge, et kõik "Näita navigation rühm ..." piirkonnas kontrollitakse [x]. Jäta ülejäänud ajal ei täida.
   3. Vajuta "CSS" tab ja valige nupp (x) "Ärge CSS klassid."
   4. Vajuta "Theme" tab ja täitke see niimoodi:
      
      Lisada "Add tags enne ..." ala see kood:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Lisada "Add tags pärast ..." ala see kood:
      <br style='clear: left' /></div>
   5. Vajutage [salvestada / close] nuppu
8. Sel hetkel menu hoone seest NAVT plugin võimalusi on valmis.
   Nüüd on aeg teha vähe tune up Thesis teema, et saan seda valmis. Sest et meil on vaja lisada mõni custom faile - CSS ja JavaScript, mis kuulub menüü ja uuendus Thesis "custom_functions.php
9. Lae komplekt failid siin .
10. Unzip arhiivi. Kui teil on uuendanud oma custom_functions.php oma kohandamised - sa pead liita need minu asjad. Ma jätan ta sinust.
    Kui sa ei ole puudutanud see - võid vabalt kirjutada seda minu. Pange tähele: ma eelistasin asendisse menüüst kodulehel header (default on suurem) - nii minu korrigeerimine lisada see eelistus samuti.
11. Lisatud arhiiv sealhulgas kõik alamkataloogid ja failid alla oma väitekirja teemal "custom" kataloog, näeb välja selline:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Ma ei ole puudutanud custom.css - ma eelistan hoida menüü spetsiifiliste CSS omal kohtades vältida jama sees custom.css
12. Sel hetkel võite uuesti oma veebilehel ja vaata, uus ilus uus mitmetasandiline, nested, SEO optimeeritud menüü.
13. Te võite alati minna tagasi NAVT seaded ja kohandada oma menüü koos suurema valiku või asetada midagi. See kajastub saidil automaatselt.

Tee ees ...

See õpetus sisaldub loov näiteks üht tüüpi menüü. Ma mängitakse veel üks - just näha, kuidas tumedat värvi menüü näeb välja selline:

Lõputöö teema - mitmetasandiline nested CSS menüü - tume palett

Ma arvan, et see on päris kena. Seal on palju rohkem navigatsiooni proovide saadaval Dynamic Drive - need kõik on võimalik kohandada jaoks Thesis ja muid WordPress teemad mõned jõupingutusi:

Dynamic Drive Horizontal menüüd

Loodan, et leiad selle juhendaja kasulik ja vajalik. Nagu ma ütlesin, on võimalik kohandada mis tahes nende menüüsid Thesis - mis on antud aega ja soov muuta see juhtub.

Ma ei tee seda tööd teile lepingu alusel. Lihtsalt vali menüüst soovite, minuga ja ma tööd kood ja juhiseid oma veebilehel.

$ 20

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

comments } { 15 kommentaari }