Quest pentru meniul perfect ...

Aceasta este partea 1 a tutorialului
Partea 2 a acestui ghid învaţă cum să construiască + meniu vertical paleta de culori intunecate pentru orizontal

Am decis pentru a obţine tema tezei de doctorat , deoarece unul dintre clienţii mei ma informat despre problemele de compatibilitate între Teza mea şi plug-in WordPress site de membru MemberWing. L-am fixat şi apoi a decis să ia o privire mai atentă la Teza deranjat şi de fapt pentru a viziona clipuri video de pe prima pagina a tezei de site-ul principal - Diythemes.com .
Ceea ce ma impresionat cel mai mult este atentia la detaliu, uşurinţa în utilizare şi caracteristici mai presus de toate - SEO care sunt atât de bine gândit.
plug-in de membru MemberWing a fost conceput de la sol pentru site-uri de membru, care ar trebui să trageţi ca sucul de SEO mai mult posibil. Aşa că am plătit o mulţime de atenţie la multitudinea de accesorii SEO şi perfecţiunile în MemberWing. Multi dintre clientii mei sunt intrebat despre diferite teme de a utiliza şi tema cu care a fost atât de bine optimizat SEO din interiorul profund ar fi o formă excelentă pentru aderarea antreprenori portal.

Combinând puteri SEO MemberWing cu puteri SEO tema tezei de doctorat va da cele mai bune oportunitati de clasament pentru clienţii mei. Aşa că am tezei şi a jucat cu el pentru o zi.

Este o temă excelentă în toate modurile. Partea de navigare din el, deşi este un pic limitat în funcţie. Pornind de la teza 1.5 + este unul doar la nivel de meniu. Dorinţa mea este de obicei pentru a putea personaliza navigare la fel de mult cum este necesar. Unele site-uri au doar câteva pagini, mulţi alţii au de tone de pagini statice + zillions de articole / posturi + o multime de categorii.
Deci, în lume ideală care au o sansa de a crea drãguþ privire organizate ierarhic meniul de navigare de utilizator prietenos este o necesitate. Teza de pe dreapta a BAT bun în căutarea de navigare, dar am observat că toate site-urile bazate pe tezei de doctorat sunt în căutarea ca gemeni. Personalizarea meniului Teza de navigare nu este foarte uşor atât de cei mai mulţi oameni doar o lăsăm aşa cum este. Nu există nici o modalitate de a schimba ordinea categoriilor, în meniu sau poziţia acestora în între pagini. Şi din nou, capacitatea de a crea structuri imbricate meniul lipseşte. Asa ca am decis pentru a vedea ce se poate face despre el.
După încercarea de aproximativ jumătate duzină de meniu / navigare legate de plugin-uri am stabilit alegerea mea pe Wordpress Plugin NAVT Lista de navigare .
plug-in NAVT este neordonate, în esenţă, generator de lista cu super lux si un pic greu de cifre interfata de administrare netradiţionale. Ce înşelătoare despre el este că aceasta nu creează de fapt, meniuri de lux în căutarea de sine. Aceasta nu mai grea parte de locuri de muncă, deşi - vă oferă o posibilitatea de a trage vizual împreună, şi pentru a genera lista neordonate - scheletul de meniu a-la-fi. Şi s-ar putea crea meniuri prea multe. Puteti trage tot felul de chestii Wordpress în meniul de navigare: pagini, posturi, articole, categorii, utilizatorii, blocuri de cod, link-uri externe, separatoare, separatoare şi se amestecă şi se potrivesc şi cuiburi şi organiza şi personaliza-le în orice structură de arbore-ca tine doriţi.
NAVT generează pentru tine rezultat HTML listă neordonată. frumusete a doua de NAVT este că vă ajută să introduceţi meniul noi în temă prin intermediul logicii faimosul JQuery, dar fără a avea nevoie pentru a schimba orice cod! NAVT vă permite să specificaţi: "înlocui acest element # cu meniul meu NAVT noi". # Ar putea fi un element de identitate sau clasa de calea de meniu existente sau tag-ul div element care este generată de tema dvs. curentă. Deci NAVT face acest lucru de înlocuire pentru tine fără a vă forţa să meargă în codul temă şi să-l mai murdar decat este deja. În cazul în care toate sună ca gebreasca - nu vă faceţi griji - te voi ghida pas cu pas în curând. Parte din NAVT provocare pentru toată lumea este că va trebui să vină cu CSS reale + imagini de cod JavaScript + pentru meniul de tine. Şi este de până la tine să dau seama unde şi cum să integreze aceste fişiere şi să facă aceste lucruri în mod corespunzător a obţine conectate impreuna.
Sincer, fără să ştie unele JQuery + PHP + CSS + cu experienţă decente cu Wordpress - acest lucru este greu pentru a trage.
Bucuros stiu chestia asta un pic, aşa că am decis să muşte glonţ şi umanităţii ghid de libertate în construirea cel mai bun dintre cele mai bune meniuri de navigare pentru Wordpress. Am nevoie pentru a afla sursele pentru unele frumos caută meniuri orizontale CSS. Am luat site-ul conduce dinamic pentru selectarea lor cel mai bun, demo-uri şi surse.

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

Lista de caracteristici de la mai multe niveluri imbricate de navigare Wordpress meniu pentru teza Tematica
(Trebuie să iubesc acest îndesat):

• Profesionale, aspect curat si sa se simta.
• Suport pentru toate browserele moderne, inclusiv 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome în ambele javascript şi modurilor de transport non-javascript.
• Graţios downgradable pentru browsere non-javascript. Tu meniul va fi utilizabil, vizual similare şi de muncă, chiar şi pentru browsere javascript dezactivat (deşi numai de navigare de nivel de top va fi vizibilă şi nu flyouts se va întâmpla, desigur, ca ele sunt făcute de JavaScript).
• Caracteristici SEO Friendly - neordonate meniu Lista de coduri este generat în HTML. Google şi alte antene motor de căutare va fi capabil să indice structura de navigare şi de a găsi link-uri către paginile interioare.
• Suport pentru nivelurile nelimitat cuiburi şi sublevels.
• Suport pentru orice comanda sau pagini, posturi (prin URI-uri definite de utilizator), categorii, utilizatorii, blocuri personalizat de cod şi link-uri externe în cadrul meniului.
• Suport de text, precum şi elemente de meniu bazate pe imagini. (Am încă să încercaţi aceste deşi).
• structura meniului şi conţinutul vizual este reglabil prin intermediul admin zona NAVT.
• Compact: flyouts JQuery bazate pe niveluri imbricate.
• Rapid: JQuery pentru meniul este încărcat de pe serverele Google (mi-ar place Teza de sine pentru a face acelaşi loc de a trage-l la nivel local). Acest lucru ar accelera lucrurile un pic.
• Scalabilitatea - Acest tip de meniu este editabil şi configurabil în orice moment, prin setările plugin-ul NAVT fără să fie nevoie de codificare oriunde.

Am folosit acest meniu excelent de la unitatea dinamic ca un portal de bază. Am avut de a personaliza un pic de cod JavaScript, precum şi include ca bucată de PHP în custom_functions.php pentru a face munca cu teza. De asemenea, numărul de pagini pre-existente, categorii si posturi de la site-ul meu au fost utilizate pentru a asambla structura meniului. Site-ul dvs. specifice vor fi diferite - dar concepte vor fi la fel.
Aşa că haideţi să procedeze, vom?

Instrucţiuni pas cu pas pentru a seta NAVT bazate pe imbricate, personalizabil, mai multe niveluri, SEO friendly
şi pur şi simplu se răcească în căutarea meniul de navigare pentru Wordpress şi teza Tematica

1. Du-te la panoul de administrare Wordpress. Plugin-uri-> Adauga nouă căutare, pentru "navt". Plug-in vor fi afişate. Faceţi clic pe [Install], [Instalare acum], "Activare Dop".
2. Instrumente-> NAVT Liste, Inside "Grupul de navigare" zona găsi "Numele de grup" şi introduceţi: "menu1" în câmp, apăsaţi [Creare] buton. "Menu1" zona dreptunghi am creat.
   Acest "menu1" Zona va fi principalul loc de joaca pentru constructii meniu. Veţi fi glisând şi fixând elemente aici dumneavoastră meniu.
3. În "active" zona găsi "alte" listbox şi faceţi clic pe "Acasa" alegere. "Acasa" thingie va apărea în interiorul "neasociate" zonă. Ciudat, nu-i aşa? Nu vă faceţi griji, atâta timp cât funcţionează - şi va pentru noi.
4. Trageţi de acest "Acasa" thingie de la "activele" zonă în "zona menu1 dreptunghi". Acesta va deveni "Acasa" din meniu.
   • Repetaţi paşii 3-4 pentru unele pagini de la "Pagini" zonă, precum şi pentru categoriile în "categorii" zonă. Glisaţi orice alte elemente pe care doriţi să fie pe meniu interior "menu1" dreptunghi. Aveţi dreptul să faceţi clic pe pagini, categorii, useri si unele elemente personalizate, cum ar fi separator de listă "şi" bloc de cod ". bloc de cod este cool mod de a adăuga fragmente particularizate în interiorul meniului.
   • Puteţi să trageţi elementele de meniu din interior "menu1" zona pentru a rearanja ordinea lor.
   • Puteţi ajusta poziţia ierarhică a fiecărui element de meniu cu "<" şi ">" săgeţi.
   • Făcând clic pe numele de text din fiecare element de meniu - deschide mintea uluitor de dialog personalizare suplimentare pentru acest element. Am folosit cea mai mare parte implicită punct de vedere tehnic, dar poti sa te duci nebun şi începe a face alegeri bazate pe imagini de meniu şi se adaugă bucăţi de cod HTML în ea. Procedaţi cu precauţie, totuş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 personalizarea astfel de element bloc de cod am intrat pentru "alias elementul de meniu" = "MemberWing" şi pentru "Introduceţi bloc de cod:" = "<a href='#'> MemberWing </ a>". Având în href = "#" va face, nu poate face clic, dar acţionează ca un valabil "mamă" alegere meniu.
5. Iată cum NAVT meu "menu1" structura construi arata ca aproape finalizată:
   
6. faceţi clic pe Terminare constructii iniţială şi apoi pe "unelte" icoana pentru a personaliza structura dvs. de meniu:
   
7. Se va deschide caseta de dialog cu 4 file: Opţiuni, Display, CSS, Tematica.
   1. Du-te la "Opţiuni" tab-ul şi asiguraţi-vă că totul este bifat si "Numele de grup", spune: "menu1"
   2. Du-te la "Display" tab-ul şi asiguraţi-vă că pe tot grupul "Arată de navigare pe ..." zona este verificat [x]. Lasati restul la valorile implicite.
   3. Du-te la "CSS" fila şi selectaţi butonul radio (x) "Nu se aplică clase CSS".
   4. Du-te la "Tematica" tab şi completaţi-l în aşa:
      
      Introduceţi în "Adăugaţi etichete înainte de ..." zonă de acest cod:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Introduceţi în "Adăugaţi etichete, după ..." zonă de acest cod:
      <br style='clear: left' /></div>
   5. Apăsaţi pe [a salva / aproape] butonul
8. La această clădire meniul punct din interiorul NAVT opţiuni plug-in este completă.
   Acum este momentul pentru a face o melodie pentru tema tezei de doctorat să-l gata. Pentru că avem nevoie pentru a adăuga câteva fişiere personalizat - CSS şi JavaScript care aparţine meniul şi actualizarea custom_functions.php tezei de doctorat "
9. Descărcaţi set complet de fişiere aici .
10. Dezarhivaţi arhiva. Dacă v-aţi actualizat custom_functions.php cu particularizările dvs. - va trebui să le fuzioneze cu lucrurile mele. Voi lăsa până la tine.
    Daca nu l-au atins - nu ezitaţi să o suprascrieţi cu a mea. Vă rugăm să reţineţi: Am preferat să meniul poziţia sub titlul site-ului (implicit este de mai sus) - astfel încât ajustarea meu incluse această preferinţă, de asemenea.
11. arhiva Incarca inclusiv toate subdirectoarele şi fişierele dumneavoastră în conformitate cu tema tezei de doctorat "personalizate" de director, astfel:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Nu am atins custom.css - Aş prefera să păstreze CSS meniul specifice în conformitate cu propriile locatii pentru a evita crearea de mizerie în interiorul custom.css
12. La acest punct s-ar putea reîncărca site-ul dvs. şi să vedeţi noile frumos noi mai multe niveluri, imbricate, SEO optimizat meniu.
13. Puteţi merge oricând înapoi la setările NAVT şi personaliza meniul cu mai multe opţiuni sau repoziţionarea nimic. Acesta va fi reflectată în direct pe site-ul automat.

Drumul ...

Acest tutorial a inclus exemplu creatoare a unui tip de meniu. L-am jucat cu un altul - doar pentru a vedea cat de intunecata meniul de culoare ar arata astfel:

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

Cred că este destul de frumos. Există multe mai multe mostre de navigaţie disponibile la Dynamic Drive - toate acestea sunt posibile pentru teza de a personaliza şi Wordpress alte teme, cu unele eforturi:

Dynamic Drive Meniuri orizontale

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

Am putea face acest lucru pentru tine pe baza de contract. Pur şi simplu alegeţi meniul vă place, să mă contactaţi şi voi lucra pe codul şi instrucţiuni pentru site-ul dumneavoastră.

20 dolari

Şi, bineînţeles, dacă sunteţi în sus pentru construirea super optimizat SEO WordPress membru premium portal - cea mai bună soluţie pentru acest lucru:
Teza Tematica + plug-in de membru MemberWing + auto găzduit Wordpress desigur.

comments } ( 15 comentarii )