Puikus meniu Quest ...
Tai pamoka, 1 dalis
Šiuo samouczku 2 dalis moko, kaip sukurti vertikalus meniu + tamsios spalvos paletės horizontalios
Aš nusprendė gauti disertacija tema , nes vienas iš mano klientų informavo mane apie suderinamumo problemas tarp Darbo ir mano WordPress narystė svetainę, įskiepiai MemberWing. Aš jį nustatė ir nusprendė atidžiau pažvelgti Darbo ir faktiškai nesiteikė žiūrėti vaizdo įrašus pirmame puslapyje pagrindinės Darbo svetainės - Diythemes.com .
Kas įspūdį man labiausiai dėmesį į detales, patogumo vartotojams ir visų svarbiausia - SEO, kad taip gerai minties.
MemberWing narystės įskiepiai buvo sukurta nuo žemės iki narystės svetainėse kad reikės traukti kiek SEO sulčių įmanoma. Taigi, aš sumokėta daug dėmesio į daugybę SEO patobulinimai ir tobulumai MemberWing. Daugelis iš savo klientų, klausia apie įvairių temų naudoti temą, kuri buvo taip gerai SEO optimizuotas iš giliai viduje būtų puikiai tinka narystės portalo verslininkų.
Derinant SEO MemberWing su SEO įgaliojimus Darbo tema įgaliojimai būtų suteikti geriausias rango galimybes savo klientams. Taigi gavau disertacija ir žaidė su juo per dieną.
Jis yra puikus visais būdais tema. Navigacijos dalis, nors yra šiek tiek ribota funkcija. Nuo 1.5 iš Darbo + jis yra tik vieno lygio meniu. Mano Įprasta noras galės pritaikyti navigacijai, tiek, kiek reikia. Kai kurie tinklapiai turi tik keletą puslapių, ir daugelis kitų tonų statinius puslapius + straipsnių / pranešimų zillions + daug kategorijų.
Taigi, idealiame pasaulyje, galimybę sukurti gražų hierarchiškai organizuotas patogi navigacijos meniu yra būtina. Darbo Iškart geros ieškote navigacijos, bet aš pastebėjau, kad visų Darbo svetainių ieškote, kaip dvyniai. Darbo navigacijos meniu tinkinimas nėra labai lengva, todėl daugelis žmonių tiesiog palikti kaip yra. Nėra jokio būdo pakeisti tvarką kategorijų meniu arba poziciją tarp puslapių. Ir vėl, gebėjimas sukurti įdėtos meniu struktūrų nėra. Taigi, aš nusprendžiau pamatyti, ką galima padaryti apie tai.
Po bando apie pusę tuzino meniu / navigacijos įskiepių WordPress Navigacija sąrašas Įskiepis NAVT galiu nustatyti savo pasirinkimą .
NAVT įskiepiai yra netvarkingai sąrašas generatorius su super išgalvotas ir sunkoka figūra netradicinių administratoriaus sąsaja. Klaidinančia apie tai, kad jis nėra iš tikrųjų išgalvotas ieškote meniu pati. Ji sunkiausia dalis darbo, nors - suteikia jums galimybę vizualiai susivienys ir generuoti netvarkingai sąrašas - skeleto savo meniu. Ir jūs galite sukurti daug meniu. Jūs galite ištraukti visus WordPress dalykų, į navigacijos meniu: puslapių, pranešimai, straipsniai, kategorijas, vartotojai, kodas blokai, išorinės nuorodos, dalytuvai, separatorių ir sumaišykite ir rungtynės ir lizdą ir organizuoti ir pritaikyti juos į kokį medį panašią struktūrą, kurio pageidauja.
NAVT generuoja jums rezultatas HTML netvarkingai sąrašas. Antra grožio NAVT, kad jis padeda jums įterpti savo naują meniu per garsaus JQuery pagrįstas logika, tačiau be būtinybės keisti jokio kodo į savo temą! NAVT leidžia jums nurodyti: "Pakeisti šią # elementas su mano naujomis NAVT meniu". # Elementas gali būti esamų meniu kelią arba div elemento žyma yra sukurtas pagal jūsų esamos temos id arba class,. Taigi NAVT tai atlieka už jus pakeitimą be verčia jus eiti į temą kodą ir daugiau nepatogus, nei ji jau yra. Jei tai visi kaip svaičiojimas garsai - nesijaudinkite - aš jums žingsnis po žingsnio greičiau. Sudėtingų dalis NAVT visiems, kad jūs turėsite sugalvoti faktinį CSS + vaizdai + JavaScript kodą savo meniu save. Ir tai jums išsiaiškinti, kur ir kaip integruoti šiuos failus ir padaryti šį dalykų tinkamai sujungti.
Pagarbiai be žinant JQuery + PHP + CSS + padoraus patirties su WordPress - šis dalykas yra sunku traukti.
Mielai Žinau šią medžiagą, šiek tiek, todėl aš nusprendė įkandimas kulka ir vadovas žmoniją į laisvę kuriant geriausias iš geriausių navigacijos meniu WordPress. Aš tiesiog reikia rasti kai kurių gražus ieškote horizontali CSS meniu šaltinių. Paėmiau Dynamic Drive svetainę savo geriausius pasirinkimus, demo ir šaltiniai.
Aš skyrė dieną Darbo studijuoti ir žaisti su NAVT įskiepiai. Pabaigoje aš išdidžiai sukūrė užsakymą, lanksti, SEO optimizuotas, daugiapakopė, įdėtos nagivation mano WordPress + Darbo svetainės struktūra.
Darbo tema daugiapakopio, įdėtos WordPress naršymo meniu funkcijų sąrašas
(Turite love this stuff):
- Profesinė, švarus išvaizdą ir.
- Parama visų šiuolaikinių naršyklių, įskaitant MSIE 6,7 "," Opera "," Safari, Firefox 3.x "," Google Chrome ", tiek" JavaScript "ir ne" JavaScript "režimai.
- Dailiai downgradable ne JavaScript naršyklių. Jūs meniu bus naudojamas, vizualiai panašūs ir netgi darbo funkcija išjungta JavaScript naršykles (nors tik aukščiausio lygio navigacija bus matomas ir ne flyouts įvyks žinoma, kiek jie pagaminti, naudojant JavaScript).
- SEO draugiškas funkcijos - netvarkingai sąrašo meniu generuojamą kodą į HTML. Google ir kitoms paieškos vorai bus indeksuoti savo navigacijos struktūrą ir rasti nuorodas į vidinių puslapių.
- Parama neribotos lizdus lygiai ir sublevels.
- Parama bet kokia tvarka arba puslapius, pranešimų (per vartotojo apibrėžta URI), kategorijas, vartotojai, pasirinktinis kodas blokų ir išorinių nuorodų per meniu.
- Parama teksto, taip pat vaizdiniai meniu elementai. (Aš dar pabandyti šiuos nors).
- Meniu struktūra ir turinys vizualiai yra reguliuojama per NAVT admin srityje.
- Kompaktiškas: JQuery flyouts lizdinės lygiai.
- Greitas: JQuery meniu įkelti iš "Google" serverių (aš myliu Darbo pati padaryti tą patį, o ne traukdami jį lokaliai). Tai leistų paspartinti tai, ko šiek tiek.
- Mastelio - Šis meniu yra redaguojamas ir konfigūruojama bet kuriuo metu per NAVT įjungti parametrus be jokio kodavimo niekur.
Aš panaudojo šį puikų meniu Dynamic Drive portalas kaip pagrindą. Turėjau šiek tiek, taip pat riekė PHP į custom_functions.php padaryti jį dirbti su Darbo pritaikyti JavaScript kodą. Taip pat buvo naudojamos anksčiau puslapių, kategorijas ir pranešimų iš mano svetainės, surinkti meniu struktūrą. Jūsų svetainės specifiką, bus skirtingas, tačiau koncepcijos bus tas pats.
Taigi leiskite tęsti, mes?
Žingsnis po žingsnio instrukcijas setup NAVT -įdėtos, su pritaikymais, daugiapakopė, seo friendly
ir tiesiog cool ieškote navigacijos meniu WordPress ir Darbo tema
- Eiti į WordPress admin panel. Plugins> Pridėti naują paiešką "navt". Įskiepiai bus rodomas. Spustelėkite [Install] [Diegti dabar] "Įjungti plugin".
- Įrankiai-> NAVT sąrašai, Viduje "Navigacija Group" plotas "grupės pavadinimą" ir įveskite: "menu1" srityje, paspauskite [Sukurti] mygtuką. "Menu1" stačiakampio ploto gavo.
Ši "menu1" plotas bus pagrindinis meniu statybos aikštelė. Jūs vilkdami ir nuleisti čia savo meniu elementus. - "Turtas" plotas rasti "kitų" listbox ir spustelėkite "Pradžia" pasirinkimas. "Pradžia" thingie pasirodys viduje "nepriskirtas" srityje. Keista, eh? Jokių rūpesčių, kaip ilgai, kaip ji veikia - ir ji mums.
- Perkelkite šį "Home" thingie, "turtas" į "menu1" stačiakampio ploto. Jis taps "Home" meniu elementą.
- Pakartokite 3-4 žingsnius, kai iš "Puslapiai" puslapiuose, taip pat kategorijoms "kategorijas". Vilkite jokių kitų daiktų, kuriuos norite būti ant jūsų meniu "menu1" stačiakampio viduje. Galite paspausti puslapiuose, kategorijas, vartotojai ir kai kurie vartotojo elementus, tokius kaip "sąrašo daliklis" ir "blokas kodo". Kodas blokas yra kietas būdas įtraukti pasirinktinį meniu viduje fragmentus.
- Jūs galite nuvilkti meniu punktai "menu1" plotas viduje pertvarkyti savo užsakymą.
- Jūs galite reguliuoti hierarchinę poziciją kiekvieną meniu punktą "<" ir ">" strėles.
- Paspaudus kiekvieną meniu punktą teksto pavadinimas - atveria proto neįtikėtinas papildomų tinkinimo dialogo šią prekę nėra. Aš dažniausiai naudojamas pagal nutylėjimą, tačiau techniškai galite išprotėti ir pradėti kurti vaizdo meniu ir įdėti HTML kodą į gabaliukus. Nors važiuoti atsargiai.
- Linkless unclikable submeniu, kuris tarnaus kaip "tėvai" kitų "vaikų" aš "blokas kodo" tipo. Pavyzdžiui, kai tinkinti tokį blokas kodo elementą įvedžiau "meniu punktą slapyvardis" = "MemberWing" ir "Įveskite kodą blokas:" = "<a href='#'> MemberWing </ a>". Atsižvelgdama href = "#", kad negalima spausti, bet veikia kaip galiojantį "tėvų" meniu pasirinkimas .
- Štai kaip mano NAVT "menu1" kurti struktūrą atrodė beveik baigtas:
- Baigti pirminio pastato ir tada spustelėkite "pavara" piktogramą, jei norite tinkinti meniu struktūra:
- Ji atvers dialogo su 4 skirtukai: Funkcijos, Ekranas, CSS, tema.
- Eikite į "Options" kortelę ir įsitikinkite, kad viskas yra nepažymėtas, ir "Grupės pavadinimas" sako: "menu1"
- Eikite į "Rodyti" skirtuką ir įsitikinti, ar viskas "Rodyti navigaciją grupė ..." plotas yra tikrinamas [x]. Palikite poilsio nutylėjimą.
- Eikite į "css" kortelę ir pasirinkite radijo mygtuką (x) "Negalima taikyti CSS klasės".
- Eikite į skirtuką "tema" ir užpildykite ją, pavyzdžiui, kad:
Įterpti į "Įtraukti žymes iki ..." zonoje šį kodą:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Įtraukti į "Įtraukti žymes po ..." zonoje šį kodą:
<br style='clear: left' /></div> - Paspauskite [Išsaugoti / CLOSE] mygtuką
- Šiuo metu iš NAVT įskiepiai parinktis meniu pastato yra baigtas.
Dabar atėjo laikas padaryti šiek tiek melodija baigiamojo darbo temą ir gauti ją paruošti . Norėdami, kad mums reikia, pridėti kelis užsakymą failus, CSS ir JavaScript, kad priklauso meniu ir atnaujinimas Darbo "custom_functions.php - Atsiųsti pilną failus čia .
- Išpakuokite archyvas. Jei turite atnaujinti savo custom_functions.php su savo tinkinimus - jums reikia jas sujungti su mano kūryba. Aš palikti ją jums.
Jei dar nenagrinėjome - jaustis laisvai perrašyti mano. Atkreipkite dėmesį: aš pasirinko poziciją pagal svetainės antraštę (pagal nutylėjimą yra pirmiau) - meniu, todėl mano koreguoti šią parinktį taip pat. - Įkelti archyvas, įskaitant visus pakatalogius ir failus pagal savo baigiamojo darbo temą "pagal užsakymą" kataloge, kaip tai :
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Aš dar nenagrinėjome custom.css, - aš norėčiau išlaikyti meniu CSS pagal savo vietose, vengti netvarka viduje custom.css - Šiuo metu galite atnaujinti savo interneto svetainėje ir pamatyti naujų gražių naujų daugiapakopio, įdėtos, SEO optimizuotas meniu.
- Jūs visada gali grįžti NAVT parametrus ir pritaikyti savo meniu su daugiau galimybių rinktis arba perkelti nieko. Jis bus automatiškai atsispindi gyvų svetainėje.
Kelias į priekį ...
Šis vadovėlis kūrybos pavyzdys vienos rūšies meniu. Aš žaidžiau su kitu - tik pamatyti, kaip tamsios spalvos atrodys meniu:
Darbo tema - daugiapakopį įdėtos CSS meniu - tamsiai paletė
Manau, kad tai yra labai gražus. Yra daug daugiau navigacijos mėginiai Dynamic Drive - visi jie yra įmanoma pritaikyti Darbo ir WordPress temos, su šiek tiek pastangų:
Sistema Dynamic Drive Horizontalus meniu
Tikiuosi, jums rasti šį vadovėlį naudingas ir naudinga. Kaip jau sakiau, galima pritaikyti bet kurį iš šių meniu, Darbo - tai yra laiko ir noro, kad jis įvyktų.
Sutarties pagrindu galėčiau padaryti šį darbą už jus. Tiesiog pasirinkite meniu jums patinka, susisiekite su manimi ir aš dirbti savo svetainės kodą ir instrukcijos.
$ 20
Ir žinoma, jei jums kurti super SEO optimizuotas Premium WordPress portalo narystė - geriausias sprendimas:
Darbo tema + MemberWing narystės įskiepiai + savarankiškai surengė WordPress žinoma.
