Teza Tema + MemberWing = snažan SEO sinergiju članstvo site

U potrazi za savršenim izborniku ...

Ovo je dio jednog od tutorial
Dio 2 ovog tutorial uči kako izgraditi vertikalni izbornik tipke + tamna boja paletu za horizontalnu jednom

Odlučio sam da biste dobili Teza temu , jer je jedan od mojih klijenata me obavijestili o problemima s kompatibilnošću između teze i moj WordPress članstvo site plugin MemberWing. Ja to popraviti, a zatim je odlučio da se bliži pogled na rad i zapravo smeta za gledanje videa na naslovnoj stranici Glavna teza stranice do Diythemes.com .
Ono što me najviše dojmilo je pažnja za detalje, korisnika naklonosti i najviše od svega - SEO značajke koje su tako dobro mislili.
MemberWing članstvo čep je dizajniran od temelja za članstvo web stranice koje će trebati izvući što više soka SEO moguće. Tako sam platio mnogo pozornosti na mnoštvo SEO poboljšanja i savršenosti u MemberWing. Mnogi od mojih klijenata su molba o različitim temama za korištenje i ima temu koja je bila tako dobro SEO optimiziran iz duboke unutrašnjosti će biti odličan fit za članstvo portal poduzetnika.

Kombinirajući SEO ovlasti MemberWing sa SEO ovlasti temu disertacije dati najbolje rangiranih mogućnosti da svojim klijentima. Tako sam dobio tezu i igrao s njim za jedan dan.

To je izvrsna tema u svim načinima. Navigacijski dio, iako je malo ograničena u funkciji. Počevši od disertacije 1.5 + je jedan stupanj samo izbornik. Moja želja je obično biti u mogućnosti prilagoditi navigaciju onoliko koliko je potrebno. Neke web stranice imaju tek nekoliko stranica, mnogi drugi imaju tona statičkih stranica tipke + / zillions članaka POSTS + puno kategorija.
Tako je u idealnom svijetu ima priliku za stvaranje lijepo izgleda hijerarhijski organiziranu user friendly navigacijski izbornik je potrebno. Teza pravo isključiti šišmiš ima dobro izgleda navigacija, ali primijetio sam da su svi rad-based web-mjesta izgleda poput blizanaca. Prilagodba disertaciju navigacijski izbornik zapravo i nije lako tako da većina ljudi jednostavno ostavite kao što je to. Ne postoji način da se promijeni redoslijed kategorija u izborniku ili ih smjestiti između stranica. I opet, sposobnost to stvoriti ugniježđene izbornika strukture nedostaje. Tako sam odlučio vidjeti što se može učiniti o tome.
Nakon težak oko pola tuceta izbornika / navigacijski povezanih čep sam stavio izbor na WordPress Plugin NAVT Navigacija popis .
NAVT plugin bitno neuređen popis generator sa super fancy i pomalo teško shvatiti netradicionalnim admin sučelje. Što zabludu o tome da zapravo ne stvaraju fine izbornicima u potrazi sam po sebi. To čini najteži dio posla ipak - vam daje mogućnost da vizualno povući zajedno, i generirati popis neuređen - kostur svog izbornika-to-biti. A možete stvoriti mnoge izbornike previše. Vi svibanj povući sve vrste WordPress stvari u navigacijskom izborniku: stranice i postovi, članci, kategorije, korisnike, kod blokova, vanjski linkovi, razdjelnika, separatori i miješati i sparivati ​​te gnijezdo i organizirati te ih prilagoditi na bilo stablo poput strukture što želite.
NAVT stvara za vas rezultirali HTML neuređen popis. Drugo ljepota NAVT je da pomaže vam da ubacite vaš novi izbornik u vašem temu preko poznatog jQuery temelji logike, ali bez potrebe da promijeni bilo kod! NAVT vam omogućuje da odredite: "zamijeniti ovu # elementa s mojim novim NAVT izborniku". # Element koji bi mogao biti id ili klasa put postojećih izbornika ili div elementa oznaka koja se generira aktualnom temom. Tako se ovaj NAVT zamjenu za vas bez prisiljavajući vas da ide u temu kod i čine ga više neuredan nego što već je. Ako se to sve zvuči kao isprazna brbljarija - ne brinite - Ja ću vas voditi korak po korak uskoro. Izazovan dio NAVT za sve je da ćete morati doći do stvarne slike CSS tipke + tipke + javascript koda za izbornika sebe. I to je do vas shvatiti gdje i kako integrirati te datoteke i napraviti ove stvari pravilno se povezati zajedno.
Iskreno ne znajući jQuery + neki + CSS + PHP ima pristojan iskustva sa WordPress - ova stvar je teško povući.
Rado znam ove stvari malo pa sam odlučio zagristi metak i vodič humanost na slobodu u izgradnji najbolji od najboljih navigacijskih izbornika za WordPress. Samo sam trebao saznati izvora za neke lijepo izgleda horizontalnih CSS izbornika. Sam pokupila dinamički disk web stranicu za svoje najbolje Selections, demo i izvora.

Sam posvetio dan za proučavanje rada i igrati s NAVT plugina. Na kraju sam s ponosom stvorio običaj, fleksibilan, SEO optimiziran, višerazinski, smješteno nagivation strukturu za moj WordPress tipke + disertacije temelji mjestu.

Popis značajke višerazinski, smješteno WordPress navigacijski izbornik za temu disertacije
(Moraš voljeti ove stvari):

• Professional, čist izgled i dojam.
• Podrška za svim modernim preglednicima, uključujući MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome u oba JavaScript i non-javascript načina.
• Graciozno downgradable za ne-javascript preglednicima. Vi izbornik će moći koristiti, vizualno slični i rad čak i za javascript invaliditetom preglednika (iako samo top level plovidbe bit će vidljivi i nema flyouts će se dogoditi, naravno, kao što su oni donose JavaScript).
• SEO friendly značajke - neuređen popis Izbornik broj se generira u HTML-u. Google i ostale tražilice moći indeksirati Vaše navigacijsku strukturu i naći linkove na unutarnjim stranicama.
• Podrška za neograničen gnijezde razine i podrazine.
• Podrška za bilo kojim redoslijedom ili stranice, stupovima (putem definiranih korisnika URI), kategorije, korisnike, prilagođeni kod blokova i vanjskih linkova unutar izbornika.
• Podrška teksta, kao i image-based elemente izbornika. (Imam još probati ove ipak).
• Izbornik struktura i sadržaj je vizualno podešavati preko NAVT admin područje.
• Kompaktan: Jquery bazi flyouts za ugniježđene razinama.
• Brzi: jQuery u izborniku se učitava s Googleovim poslužiteljima (volio bih da sam tezu da učine isto, umjesto da ga vuče na licu mjesta). To će ubrzati stvari malo.
• Skalabilnost - Ovaj tip meni je uređivati ​​i konfigurirati u bilo koje vrijeme putem NAVT plugin postavkama bez potrebe za kodiranje bilo gdje.

Koristio sam ovaj odličan izbornik s dinamičnim pogonom na portalu kao bazu. Morao sam prilagoditi JavaScript kôd malo, kao i uključuju komad PHP-u custom_functions.php to izraditi Internet funkcionirati s rada. Također broj već postojećih stranica, kategorija i radnih mjesta iz moje stranice korišteni su za sastavljanje strukture izbornika. Vaši specifičnosti stranici će biti drugačije - ali koncepti neće biti isti.
Tako ćemo nastaviti, neka mi?

Korak po korak upute za postavljanje NAVT -based ugniježđena, prilagodljiv, višerazinski, SEO friendly
i samo plain svjež obličje navigacijski izbornik za WordPress i disertacije temi

1. Idi na WordPress admin panela. Dodaci-> Dodati novi, potraga za "navt". Dodatak će biti prikazan. Kliknite [Install], [Instaliraj sada], "Uključite dodatak".
2. Alati-> NAVT popisi, unutar "Navigacija" grupe području Traži "naziv grupe" i upišite: "menu1" u polju, pritisnite [Create] tipku. "Menu1" pravokutni prostor dobio stvorio.
   Ovaj "menu1" područje će biti glavni igralište za izbornika gradnje. Vi ćete se povučete i ispustite ovdje svoje elemente izbornika.
3. U "imovina" području pronašli "ostalo" listbox i kliknite na "Home" izboru. "Home" thingie će se pojaviti unutar "neraspoređen" području. Čudno, zar ne? Bez brige, sve dok to radi - i to će za nas.
4. Povucite ovaj "Home" thingie iz "imovina" u području "menu1" pravokutnika području. Ona će postati "Home" stavku u izborniku.
   • Ponovite korake 3-4 za neke stranice iz "Stranica" području, kao i za kategorije "u kategorijama" području. Povucite bilo koje druge stavke koje želite da budu na izborniku unutar "menu1" pravokutnika. Možete kliknuti na stranicama, kategorije, korisnike i neke prilagođene elemente kao što su "popis djelitelja 'i' blok koda". Kod blok je cool način za dodavanje prilagođene isječke unutar izbornika.
   • Vi svibanj povucite stavke izbornika "iznutra" menu1 području preurediti svoj red.
   • Možete podesiti hijerarhijski položaj svaku stavku na izborniku s "<" i ">" strelice.
   • Klikom na tekst naziva svakog izbornika - otvara um boggling dodatnu prilagodbu dijalog za ovu stavku. Ja uglavnom koriste zadane postavke, ali tehnički možete šiziti i započeti izradu image-based izbornika izbora i dodati komade HTML kod u nju. Nastavite s oprezom, ipak.
   • Za linkless unclikable podizbornika koji će poslužiti kao "roditelja" za druge "pod-djece" sam koristio "Kodeks blokirati" tip. Na primjer, kada prilagodbu takav predmet blok koda sam ušao za "stavke izbornika pseudonim" = "MemberWing" i za "Unesite kod blok:" = "<a href='#'> MemberWing </ a>". Nakon href = "#" učinit će ne kliknuti, ali djeluje kao valjana "roditelja" izbornika izboru.
5. Evo kako moj NAVT To menu1 'graditi strukturu izgledao gotovo završena:
   
6. Završi početnu zgradu, a zatim kliknite na "prijenosnika" ikonu da biste prilagodili strukturu izbornika:
   
7. To će otvoriti dijalog s 4 kartice: Mogućnosti, Display, CSS, Teme.
   1. Idite na "Options" tab i pobrinite se da je sve označeno i "naziv grupe", kaže: "menu1"
   2. Kliknite na "Prikaži" tab i provjerite je li sve na "Prikaži grupe plovidbe na ..." područje označeno [x]. Ostavite ostatak na zadane postavke.
   3. Idi na "CSS" karticu i odaberite radio gumb (x) "Ne primjenjuje CSS klasama".
   4. Idi na "temu" karticu i ispunite ga kao da je:
      
      Umetnuti u "Dodavanje oznaka prije ..." područje ovaj kod:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Umetnuti u "Dodavanje oznaka, nakon ..." područje ovaj kod:
      <br style='clear: left' /></div>
   5. Pritisnite [spasiti / zatvaranje] tipku
8. U ovoj zgradi točke izbornika iznutra NAVT plugin opcija je završena.
   Sada je vrijeme da malo pjesama za temu doktorskog rada da se to spremni. Za to nam je potrebno dodati nekoliko prilagođenih datoteka - CSS i javascript koji pripada izborniku i ažuriranja disertacije To custom_functions.php
9. Preuzmite kompletan set datoteka ovdje .
10. Raspakirajte arhivu. Ako ste ažurirali custom_functions.php sa svojim prilagodbe - morate ih spojiti s mojom stvari. Ja ću ga ostaviti do vas.
    Ako niste ga dotaknu - slobodno ga prebrisati s mojim. Napominjemo: Ja sam radije za poziciju izbornika ispod zaglavlja web stranici (default je gore) - tako da je moj podešavanje uključili ovu postavku, kao dobro.
11. Upload arhivu uključujući i sve poddirektorije i datoteke iz svoga diplomskog rada temu 'custom' direktoriju, kao što su to:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Nisam dotaknuo custom.css - volim da bi izbornik specifične CSS pod svojim mjestima kako bi se izbjeglo stvaranje nered unutar custom.css
12. U ovom trenutku možete ponovno učitati vaše web stranice i vidjeti novi lijep novi višerazinski, smješteno, SEO optimizirane izbornika.
13. Vi ćete uvijek može vratiti u NAVT postavke i prilagoditi izbornik s više izboru ili premjestiti ništa. To će se odraziti i na web sučelju automatski.

Put koji predstoji ...

Ovaj tutorial uključuje kreativni primjer jednog tipa izbornika. Igrao sam sa drugom - samo da vidite kako tamne boje izbornik će izgledati ovako:

Teza temu - multilevel ugniježđena CSS izbornik - tamna paleta

Mislim da je prilično lijepo. Postoji mnogo više navigacijski uzorci dostupni na dinamičke Drive - sve od njih moguće je prilagoditi za rad i drugih WordPress teme uz malo truda:

Dinamički Drive Horizontalne Izbornici

Nadam se da ćete naći ovaj tutorial koristan i koristan. Kao što sam rekao, to je moguće prilagoditi bilo kojem od tih menija za magistarskog rada - da se daje vremena i želju da se to dogodilo.

Mogao sam napraviti ovaj posao za vas na temelju ugovora. Samo odaberite izbornik vam se sviđa, kontaktirajte me i ja ću raditi na kodu i uputa za vaše web stranice.

20 $

I naravno, ako ste do izgradnje super premium WordPress SEO optimiziran članstvo portal - najbolje rješenje za to:
Teza Tema + MemberWing članstvo plugin + sebe domaćin WordPress , naravno.

comments } { 15 comments }