Tema tezei de doctorat + MemberWing = puternic site SEO Synergy membru

Quest pentru meniul perfecta ...

Aceasta este partea 1 din tutorial
Partea a 2 a acestui tutorial învaţă cum să construiască meniu vertical + paleta de culoare inchisa pentru cel orizontal

Am decis pentru a obţine tema tezei de doctorat , deoarece unul din clientii mei ma informat despre problemele de compatibilitate între tezei de doctorat şi-mi site-ul WordPress plugin-ul de membru MemberWing. L-am fixat şi apoi a decis să ia o privire mai atentă la tezei de doctorat şi de fapt, deranjat pentru a viziona videoclipuri pe prima pagina a site-ului Teza principală - Diythemes.com .
Ceea ce ma impresionat cel mai mult este atentia la detalii, uşurinţa în utilizare şi mai presus de toate -. Caracteristicile SEO, care sunt atât de bine gândit de
Membru plugin MemberWing a fost proiectat de la sol pentru site-uri de membru, care ar avea nevoie pentru a trage cât mai mult suc de SEO ca posibil. Aşa că am plătit o mulţime de atenţie la multitudinea de SEO îmbunătăţiri şi perfecţiunile în MemberWing. Multi dintre clientii mei se întreabă cu privire la diferite teme de a utiliza şi având tema, care a fost atât de bine optimizat SEO din interiorul adânc ar fi o potrivire excelenta pentru antreprenori portal de aderare.

Combinarea competenţelor SEO de MemberWing cu puteri SEO de tema tezei de doctorat va da cele mai bune oportunităţi de a rang de clienţii mei. Asa ca am luat tezei de doctorat şi a jucat cu el pentru o zi.

Este o temă excelentă în toate modurile. Partea de navigare de el, deşi este un pic limitat în funcţie. Pornind de la teza 1.5 + este un meniu nivel numai. Dorinţa mea de obicei este de a fi capabil de a personaliza navigarea la fel de mult ca este necesar. Unele site-uri au doar cateva pagini, multe altele au de tone de pagini statice peste mii de miliarde de articole / posturi peste o multime de categorii.
Deci, în lume ideală având şansa de a crea frumos în căutarea organizate ierarhic meniul de utilizator prietenos de navigare este o necesitate. Teza de dreapta de pe BAT are de navigare care sa arate bine, dar am observat ca toate site-urile tezei de doctorat, pe bază de cautati ca gemeni. Personalizarea Teza meniul de navigare nu este chiar atât de uşor de majoritatea oamenilor lasa-l asa cum este. Nu există nici o modalitate de a schimba ordinea categoriilor, în meniu sau le poziţiona între pagini. Şi din nou, capacitatea de a crea structuri imbricate meniu lipseşte. Asa ca am decis pentru a vedea ce se poate face despre el.
După încercarea de aproximativ jumătate de duzină de meniu / navigare plugin-uri legate de alegerea mea am setat pe WordPress Plugin NAVT Lista de navigare .
NAVT plugin este neordonata în esenţă, generator de lista cu super-lux şi un pic greu de seama netradiţională interfata admin. Ceea ce induce în eroare despre el este că aceasta nu creează de fapt, meniuri de lux în căutarea de sine. Face cea mai grea parte de locuri de muncă, deşi - vă oferă o capacitate de a trage vizual împreună, şi pentru a genera lista neordonata - schelet de meniu de-a-fi. Şi s-ar putea crea prea multe meniuri. Puteţi trage tot felul de lucruri WordPress în meniul de navigare: pagini, posturi, articole, categorii, utilizatori, blocuri de cod, link-uri externe, separatoare, separatoare şi amestecă şi se potrivesc şi cuib şi aranja şi le personaliza în orice structură de copac, ca tine vrei.
NAVT generează pentru tine rezultat HTML lista neordonata. Frumusete al doilea NAVT este că vă ajută să introduceţi meniu nou în temă prin intermediul JQuery logica pe bază de faimos, dar fără nevoia de a schimba orice cod! NAVT vă permite să specificaţi: "înlocui acest element # cu meniul meu NAVT nou". # Element poate fi un id sau clasa de calea de meniu existent sau tag-ul div element care este generată de tema curentă. Deci, NAVT face acest lucru de înlocuire pentru tine fără a vă forţa să mergi într-un cod temă şi să-l mai murdar decat este deja. În cazul în care toate sunetele un nonsens - nu vă faceţi griji - voi ghida pas cu pas în curând. Parte a NAVT provocare pentru toată lumea este că va trebui să vină cu imagini reale CSS + + JavaScript codul pentru meniul de tine. Şi este de până la tine pentru a afla unde şi cum să integreze aceste fişiere şi să facă aceste lucruri în mod corespunzător se conectate împreună.
Sincer, fără să ştie unii JQuery + PHP + CSS + având o experienţă decentă cu WordPress - acest lucru este greu de a trage.
Bucuros ştiu aceste lucruri un pic, aşa că am decis să muşte glonţ şi a umanităţii ghid de libertate în construirea cele mai bune dintre cele mai bune meniuri de navigare pentru WordPress. Am doar nevoie pentru a afla sursele pentru unele dragute meniuri orizontale CSS. Am ales site-ul Dynamic Drive pentru cele mai bune selecţii, demo-uri si surse.

Am dedicat o zi pentru a studia tezei de doctorat şi să se joace cu plugin NAVT. La final am creat cu mândrie personalizat, flexibil, optimizat SEO, structura pe mai multe niveluri, nagivation imbricate pentru site-ul meu tezei de doctorat pe bază de WordPress +.

Lista de caracteristici de mai multe niveluri, imbricat WordPress de navigare meniu pentru tema tezei de doctorat
(Trebuie să iubesc chestia asta):

• Aspect profesional, curat si sa se simta.
• Suport pentru toate browserele moderne, inclusiv Microsoft Internet Explorer 6,7, Opera, Safari, Firefox 3.x, Google Chrome, atât în ​​javascript şi non-javascript moduri.
• Graţios downgradable pentru non-javascript browsere. Tu meniul va fi utilizabil, vizual similare şi de muncă, chiar şi pentru browsere JavaScript dezactivat (chiar dacă numai de navigare la nivel de top va fi vizibil şi nu flyouts se va întâmpla, desigur, ca ele sunt realizate de javascript).
• Caracteristici SEO friendly - neordonate Codul de lista de meniu este generat în HTML. Google şi alte antene motor de căutare va fi în măsură să indice de structura de navigaţie şi de a găsi link-uri către paginile interioare.
• Suport pentru nivelurile de cuibărit şi nelimitate subnivele.
• Suport pentru orice comandă sau de pagini, posturi (prin URI-uri definite de utilizator), categorii, utilizatori, blocuri de cod personalizate şi link-uri externe, în cadrul meniului.
• Suport de text-imagine, precum şi bazate pe elemente de meniu. (Am încă să încerc, deşi acestea).
• Structura meniului şi conţinutul vizual este reglabil prin zona de administrare NAVT.
• Compact: flyouts jQuery pe bază de niveluri imbricate.
• Rapid: JQuery pentru meniul este încărcat de pe serverele Google (mi-ar place tezei de doctorat se să facă acelaşi loc de a trage-l la nivel local). Acest lucru ar accelera lucrurile un pic.
• Scalabilitate - Acest tip de meniu este editabil şi configurabil la orice moment, prin setările plugin-ul NAVT fără a fi nevoie de codificare oriunde.

Am folosit acest meniu excelent de la Dynamic Drive portal ca o baza. Am avut de a personaliza codul JavaScript un pic, precum şi includ bucată de PHP în custom_functions.php pentru a face să funcţioneze cu tezei de doctorat. De asemenea, numărul de pre-existente de pagini, categorii şi mesajele de la site-ul meu au fost folosite pentru a asambla structura meniului. Specificul site-ul dvs. va fi diferit -, dar concepte vor fi aceleaşi.
Aşa că haideţi să procedeze, trebuie să am?

Pas cu pas instrucţiunile pentru a seta NAVT pe bază de imbricat, personalizabil, mai multe niveluri, SEO friendly
şi pur şi simplu răcească în căutarea meniul de navigare pentru WordPress şi tezei de doctorat Tema

1. Du-te la panoul de administrare WordPress. Plugin-uri-> Add new, căutare pentru "navt". Plugin-ul va fi indicat. Faceţi clic pe [Install], [Instalare acum], "Activare Plugin".
2. Instrumente-> Liste NAVT, Inside "Grupul de navigare" zona găsi "nume de grup" şi introduceţi: "Menu1" în domeniu, apăsaţi [Creare] butonul. "Menu1" zonă de dreptunghi s-au creat.
   Acest "Menu1" zona va fi principalul loc de joaca pentru construcţia de meniu. Veţi fi glisarea şi fixarea elementelor de aici meniurilor.
3. În "active" zona găsi "alte" lista Deblocarea şi faceţi clic pe "Acasa" alegere. "Acasă" thingie va apărea în interiorul de "neasociate" zonă. Ciudat, nu-i aşa? Nu vă faceţi griji, atât timp cât se lucrează - şi se va pentru noi.
4. Trageţi "Home" thingie de la "active" în zona de zonă de dreptunghi "Menu1". Acesta va deveni "Home" element de meniu.
   • Repetaţi paşii 3-4 pentru unele pagini din "Pagini" zonă, precum şi pentru categoriile de "categorii" zonă. Glisaţi orice alte elemente pe care doriţi să fie în meniul tău interior "Menu1" dreptunghi. Puteţi să faceţi clic pe pagini, categorii, utilizatorii şi unele elemente personalizate, cum ar fi "separator de listă" şi "bloc de cod". Bloc de cod este modul rece pentru a adăuga fragmente particularizate în interiorul meniului.
   • Puteţi să trageţi elementele de meniu din interiorul "Menu1" zona pentru a rearanja ordinea lor.
   • Puteţi regla poziţia ierarhică a fiecărui element de meniu cu "<" şi ">" săgeţi.
   • Dacă faceţi clic pe numele de text pentru fiecare element de meniu - se deschide de dialog minte uluitor de personalizare suplimentar pentru acest element. Am folosit cea mai mare parte implicite, dar tehnic, puteţi merge nebun şi începe a face imagine pe bază de opţiuni de meniu şi se adaugă bucati de cod HTML în ea. Procedaţi cu precauţie, deşi.
   • Pentru submeniuri linkless unclikable, care va servi ca "părinţi" pentru alte "sub-copii" am folosit "Codul de bloc" de tip. De exemplu, atunci când astfel de element personalizarea bloc de cod am intrat pentru "element de meniu alias" = "MemberWing" şi pentru "Enter bloc de cod:" = "href='#'> MemberWing <a </ a>". Având în href = "#" va face, nu poate face clic, dar acţionează ca un paşaport valabil alegere meniu "mamă".
5. Iată cum NAVT structura mea "Menu1" build arata ca aproape finalizată:
   
6. Termină clădire iniţială şi apoi faceţi clic pe "unelte" pentru a personaliza structura de meniu:
   
7. Se va deschide dialogul cu 4 file: Opţiuni, Display, CSS, Tema.
   1. Du-te la "Options" tab-ul şi asiguraţi-vă că totul este bifat şi "nume de grup", spune: "Menu1"
   2. Du-te la "Display" tab-ul şi asiguraţi-vă că tot ceea ce pe "Afişare grup de navigare pe ...", zona este verificat [x]. Lasă restul de la valorile implicite.
   3. Du-te la "CSS" tab-ul şi selectaţi butonul radio (x) "nu se aplică în clase CSS".
   4. Du-te la "Tema" tab-ul şi completaţi-l în aşa:
      
      Introduceţi în "Adăugaţi etichete înainte de ..." zona de acest cod:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Introduceţi în "Adăugaţi etichete, după ..." zona de acest cod:
      <br style='clear: left' /></div>
   5. Apăsaţi pe [Save / inchide] butonul
8. La această clădire meniu punct din cadrul NAVT opţiuni plugin este complet.
   Acum este momentul pentru a face un ton puţin pentru tema tezei de doctorat să-l gata. Pentru că avem nevoie să adăugaţi câteva fişiere personalizate - CSS şi JavaScript, care aparţine de meniu şi de actualizare custom_functions.php tezei de doctorat "
9. Descărcaţi set complet de fişiere aici .
10. Dezarhiveaza arhiva. Dacă aţi actualizat custom_functions.php cu particularizările - ai nevoie pentru a le îmbina cu lucrurile mele. Voi lăsa până la tine.
    Dacă nu l-au atins - nu ezitaţi să-l suprascrieţi cu a mea. Vă rugăm să reţineţi: Am preferat pentru a poziţiona meniul în antetul site-ul (implicit este de mai sus) - astfel încât ajustarea meu inclus această preferinţă, de asemenea.
11. Încarcă arhiva, inclusiv toate subdirectoarele şi fişierele din directorul "custom" tema tezei de doctorat, ca aceasta:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Nu am atins custom.css - am prefera să păstreze meniu specific CSS în locaţiile proprii pentru a evita crearea de dezordine în interiorul custom.css
12. La acest punct se poate reîncărca site-ul dvs. şi de a vedea noul frumos nou pe mai multe niveluri, imbricat, meniu optimizat SEO.
13. Puteţi să mergeţi întotdeauna înapoi la NAVT setările şi a personaliza meniul cu mai multe opţiuni sau repoziţionarea nimic. Aceasta se va reflecta direct pe site-ul în mod automat.

Calea de urmat ...

Acest tutorial a inclus exemplu creativ de un singur tip de meniu. M-am jucat cu un altul - doar pentru a vedea cat de inchisa la culoare, meniul va arata ca:

Tema tezei de doctorat - pe mai multe niveluri imbricate meniu CSS - paletei întuneric

Cred că este destul de frumos. Există mai multe mostre de navigaţie disponibile de la Dynamic Drive - toate acestea sunt posibile de a personaliza pentru teze şi alte teme WordPress cu un efort:

Meniuri dinamice orizontale de antrenare

Sper că veţi găsi acest tutorial benefic şi util. Aşa cum am spus, este posibil de a personaliza oricare dintre aceste meniuri pentru a tezei de doctorat - care este dat de timp şi de dorinţa de a face sa se intample.

Am putea face acest lucru pentru tine pe o bază de contract. Doar alege meniul vă place, să mă contactaţi şi voi lucra la cod şi instrucţiuni pentru site-ul tau.

20 dolari

Şi desigur, dacă sunteţi de până la construirea de super-premium optimizat SEO membru WordPress portal - cea mai bună soluţie pentru acest lucru:
Tema tezei de doctorat + membru plugin MemberWing + auto găzduită WordPress de curs.

comments } { 15 comentarii }