Už geriausią meniu Quest ...
Tai yra pamoka 1 dalis
Šio Tutorial 2 dalis moko, kaip sukurti vertikalus meniu + tamsus spalvų paletę horizontalusis
Aš nusprendžiau gauti disertacija tema, nes vienas iš mano klientams, man pranešė apie problemas suderinamumo tarp darbas ir mano WordPress narystė Svetainės plugin MemberWing. I fixed it ir tada nusprendė atidžiau pažvelgti Darbo ir iš tikrųjų nerūpi, kad žiūrėti vaizdo įrašus tituliniame puslapyje pagrindinis darbas svetainę - Diythemes.com.
Kas įspūdį man labiausiai yra dėmesį į detales, patogumą naudotis ir svarbiausia - SEO funkcijas, kurios yra taip pat maniau.
MemberWing narystė įskiepiai buvo sukurta iš žemės iki narystės svetainėse, turėtų traukti kiek SEO sultys, kiek įmanoma. Taigi aš sumokėta daug dėmesio daugybė SEO priedus ir Perfections į MemberWing. Daugelis iš savo klientų klausia apie įvairių temų naudoti ir turinti tema, kuris buvo taip pat SEO optimizuotas iš giliai viduje, būtų puikiai tinka narystė portalas verslininkams.
Suderinus SEO galias MemberWing su SEO galias disertacija tema duos Eilės galimybes geriausiai savo klientams. So I got Darbo ir žaidė su ja dieną.
Tai puiki tema visais būdais. Navigacijos dalis, nors yra šiek tiek ribota funkcija. Nuo Thesis 1,5 + jis yra vienu lygiu meniu tik. My usual noras, kad būtų galima pritaikyti navigaciją, kiek reikia. Kai kurie tinklapiai yra tik keletas puslapių, daugelis kitų tonų statinius puslapius + zillions straipsnių / pranešimų + daug kategorijų.
Taigi idealus pasaulis, turintys galimybę sukurti nice looking hierarchiškai organizuotas patogią navigacijos meniu yra privalomi. Darbo Iškart geras ieškote navigaciją, bet aš pastebėjau, kad visas darbas pagrįstas tinklapis ieško kaip dvyniai. Pritaikyti Darbo navigacijos meniu nėra labai lengva, todėl dauguma žmonių tiesiog palikti kaip yra. Nėra jokio būdo pakeisti tvarkos kategorijų meniu pozicijos arba jomis tarp šalių. Ir vėl, gebėjimas kurti nested meniu struktūrų trūksta. Taigi, aš nusprendžiau, kad pamatyti, kas gali būti padaryta apie jį.
Išbandyk apie pusę dešimt meniu / navigacijos sistemos plugins galiu nustatyti savo pasirinkimą WordPress Navigacija sąrašą Plugin NAVT.
NAVT įjungti iš esmės yra netvarkingai sąrašą generatorius su super išgalvotas ir šiek tiek sunkiai pav Netradicinė admin interface. Kas yra klaidinanti apie tai, kad ji iš tikrųjų nėra sukurti Fancy ieškote meniu pats. Jis sunkiausia dalis darbo, nors - suteikia jums galimybę vizualiai susivienys, ir generuoti netvarkingai sąrašas - skeletas savo meniu-to-be. Ir tu gali sukurti daug per meniu. Galite traukti visus WordPress Daiktai natūra į navigacijos meniu: puslapius, pranešimai, straipsniai, kategorijas, vartotojai, kodas blokelių, išorės ryšių, daliklis, skyrikliai ir sumaišoma ir suderinti ir lizdą ir organizuoti ir pritaikyti jas bet medžio tipo struktūrą jums norėti.
NAVT duoda jums sukėlė HTML netvarkingai sąrašą. Antra grožio NAVT tai, kad jis padeda jums įdėkite naują meniu Jūsų tema per garsus JQuery remiantis logika, tačiau nesant būtinybės keisti bet kuriuo kodu! NAVT leidžia nurodyti: "Pakeisti šią # elementas su mano naujomis NAVT meniu". # elementas gali būti ID arba klasė kelias esamas meniu ar div elemento žyma, kad yra sukurtas pagal jūsų esamą temą. Taigi NAVT tai atlieka už jus pakeitimas be verčia jus eiti į temą kodą ir padaryti jį labiau purvinas nei ji jau yra. Jei visi kaip svaičiojimas garsai - nesijaudinkite - Aš jus žingsnis po žingsnio greičiau. Užginčyti dalis NAVT visiems, kad jūs turite sugalvoti tikrasis CSS + vaizdai + JavaScript jūsų meniu save. Ir tai ne jums suprasti, kur ir kaip integruoti šias bylas ir pateikti šią medžiagą tinkamai Connected kartu.
Pagarbiai nežinant JQuery + PHP + CSS + atsižvelgdamas padorus patirtimi su WordPress - šis dalykas yra sunku ištraukti.
Mielai aš žinau Daiktai bitų todėl nusprendžiau BITĖ kulka ir vadovas, žmonija į laisvę kuriant geriausią navigacijos meniu WordPress geriausia. Aš tiesiog reikia sužinoti šaltinių some nice looking horizontalus CSS meniu. Mane pasirinko Dynamic Drive svetainę savo geriausias pasirinkimas, demo versijos ir šaltiniai.
Aš skirtą dieną mokytis Darbo ir žaisti su NAVT plugin. Tuo tikslu aš išdidžiai sukurta pagal užsakymą, lankstus, SEO optimizuotas, daugiapakopis, įdėtos nagivation struktūra Mano WordPress + darbas grindžiamas vietoje.
Lista_funkcji daugialygės, įdėtos WordPress navigacijos meniu disertacija tema
(You got to love this stuff):
- Profesionalus, švarus išvaizdą.
- Parama visų šiuolaikinių naršyklių, įskaitant MSIE 6,7, Opera, Safari, Firefox 3.x "," Google "Chrome" ir "JavaScript" ir ne JavaScript režimai.
- Subtilu downgradable ne JavaScript naršyklės. Jūs meniu bus naudojami vizualiai panašūs ir dirba net ir funkcija išjungta JavaScript naršyklės (nors tik aukščiausio lygio navigacijos bus matomas ir ne flyouts įvyks, žinoma, kiek jie pagaminti naudojant JavaScript).
- Seo friendly features - netvarkingai Menu generuojamą kodą į HTML. Google ir kitų paieškos sistemų vorai galės Rodyklė savo navigacijos struktūra ir rasti nuorodas į vidinį puslapį.
- Parama neribotą lizdus lygiai ir sublevels.
- Parama bet kokia tvarka arba puslapius, pranešimų (per apibrėžtos vartotojo URI), kategorijas, vartotojai, muitinės kodo blokus ir išorinių nuorodų per meniu.
- Pagalba tekstą, taip pat vaizdas-meniu elementus. (Aš dar pabandyti šiuos nors).
- Meniu struktūra ir turinys yra vizualiai reguliuojamas per NAVT Administratorius srityje.
- Kompaktiškas: JQuery kurių flyouts už įdėtos lygiai.
- Greitai: JQuery dėl meniu įkelti iš "Google" serveriai (I'd love disertacija pati padaryti tą patį, o ne traukdami jį lokaliai). Tai turėtų pagreitinti dalykų bitų.
- Mastelio - Šiame meniu tipo keisti ir konfigūruoti bet per NAVT įjungti Nustatymai laiko be kodavimo kur reikia.
Aš tai puikus meniu nuo Dynamic Drive portale bazę. Man teko pritaikyti JavaScript kodo bitų taip pat apima riekė PHP į custom_functions.php, kad jis dirba su disertacija. Taip pat iš anksto skaičių esamus puslapius, kategorijos ir žinutes iš mano svetainės buvo naudojamos surinkti meniu struktūrą. Jūsų svetainė specifika bus kitokia - bet koncepcijos bus tas pats.
Tegul toliau, ar mes?
Žingsnis po žingsnio instrukcijas setup NAVT pagrįstas children, įprastinių daugiapakopė, seo friendly
ir tiesiog cool looking navigacijos meniu WordPress ir disertacija tema
- Grįžti į WordPress admin panel. Plugins-> Pridėti naują paiešką "navt". Įskiepiai bus rodomas. Paspauskite [Install], [Diegti dabar], "Aktyvuoti plugin".
- Tools-> NAVT sąrašai Inside "Navigacija Group" teritorijoje rasti "grupės vardą" ir įveskite: "menu1" į lauką, paspauskite [Sukurti] mygtuką. "Menu1" stačiakampio ploto turime sukurta.
Šis "menu1" plotas bus pagrindinis žaidimų meniu statybos. Būsite vilkite čia savo meniu elementus. - Į "turto" srityje rasite "kitas" listbox ir spustelėkite "Pradžia" pasirinkimas. "Pradžia" thingie pasirodys viduje "nepaskirstytasis" srityje. Keista, eh? Nesijaudinkite, jei jis dirba - ir ji bus mus.
- Perkelkite šį "Pradžia" thingie iš "turtas" zoną "menu1" stačiakampio ploto. Jis taps "Pradžia" meniu punktą.
- Pakartokite 3-4 kai iš "Puslapiai" srityje puslapius, taip pat kategorijas "kategorijas" srityje. Drag kitų daiktų, kuriuos norite būti ant jūsų meniu viduje "menu1" stačiakampis. Galite spustelėti puslapių, kategorijas, vartotojai ir kai pasirinktinį elementų, tokių kaip "sąrašo paskirstytojas" ir "kodo fragmentą. Kodas blokas yra cool būdas įtraukti pasirinktinį fragmentus viduje meniu.
- Galite vilkti meniu viduje "menu1" ploto pertvarkyti jų užsakymą.
- Jūs galite reguliuoti hierarchinę padėtį kiekvienoje menių punktą "<" ir ">" rodykles.
- Paspaudę ant teksto pavadinimą kiekvieno meniu - tai neįtikėtinas atidaro papildomų nustatymų dialogo šią prekę nėra. Aš dažniausiai naudojamas pagal nutylėjimą, tačiau techniškai galite išprotėti ir pradėti priėmimo vaizdas-meniu pasirinkimus ir įdėti gabalėliais HTML kodą į jį. Apdairiai nors.
- Dėl linkless unclikable submeniu, kuri taps "tėvų" kitiems "sub-vaikams" aš "Code block" tipo. Pavyzdžiui, kai toks kodo fragmentą tinkinti elementą įvedžiau į "Meniu punktą alias" = "MemberWing" ir "Įveskite kodą blokas:" = "<a href='#'> MemberWing </ a>". Atsižvelgdama href = "#" taps ne spausti, bet veikia kaip galiojanti "tėvų" meniu pasirinkimas.
- Štai kaip mano NAVT "menu1" kurti struktūrą, kaip atrodė beveik baigtas:
- Baigti pradinio pastato ir paspauskite mygtuką "įrankių" piktogramą, norėdami nustatyti savo meniu struktūra:
- Ji atvers dialogo su 4 skirtukų: Options, Display, CSS, tema.
- Eikite į "Options" kortelę ir įsitikinkite, kad viskas yra pažymėtas ir "Grupės pavadinimas" sako: "menu1"
- Eikite į "Display" kortelę ir įsitikinkite, kad viską "Rodyti navigaciją grupė ..." plotas yra kalba [x]. Palik poilsio defaults.
- Eikite į "CSS" kortelėje ir pasirinkite mygtuką (x) "Negalima CSS klasės".
- Eikite į "temą" skiltį ir užpildyti jį, kaip kad:
INSERT INTO "Add Tags iki ..." zonoje šį kodą:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
INSERT INTO "Pridėti žymeles ..." zonoje šį kodą:
<br style='clear: left' /></div> - Paspauskite [Išsaugoti / uždaryti] mygtuką
- Tuo metu meniu pastato viduje NAVT plugin duomenys yra išsamus.
Now it's time to do mažai tune Up for disertacija tema ją gauti pasiruošę. Norėdami, kad mums reikia pridėti keletą Custom failai - CSS ir JavaScript, kad priklauso meniu ir atnaujinti disertacija "custom_functions.php - Atsisiųsti pilną failus čia.
- Unzip archyvas. Jei jūs atnaujinsite savo custom_functions.php su jūsų nustatymų - reikia sujungti juos su savo daiktų. Aš jį palikti jus.
Jei neturite palietė jį - nedvejodami perrašyti jį man. Atkreipkite dėmesį: "Aš pasirinko poziciją meniu svetainės antraštę (pagal nutylėjimą yra aukščiau) - taigi mano koregavimas įtrauktas kaip ir pirmenybė. - Įkelti archyvas, įskaitant visus pakatalogį ir failų pagal savo disertacija tema "pagal užsakymą" katalogą, pavyzdžiui:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Aš ne palietė custom.css - Aš norėčiau išsaugoti meniu konkrečių CSS, pagal savo vietose, kad nebūtų bėdų viduje custom.css - Šioje vietoje galite atnaujinti savo interneto svetainėje ir susipažinti su naujais gražus naujų lygių, children, SEO optimizuotas meniu.
- Jūs visuomet galite grįžti į NAVT parametrus ir nustatyti savo meniu su didesniu pasirinkimu arba pakoreguokite nieko. Jis bus rodomas ant gyventi svetainės automatiškai.
Kelyje ...
Šis vadovėlis įtraukiamas kūrybos pavyzdys vieno tipo meniu. Aš grojo su kitu - tik pamatyti, kaip tamsios spalvos meniu turėtų atrodyti taip:
Darbo tema - daugiapakopė įdėtos CSS meniu - Dark paletė
Manau, kad tai labai gražus. Yra daug kitų pavyzdžių galima rasti adresu navigacinė sistema Dynamic Drive sistema - visa tai yra įmanoma pritaikyti už disertacija ir kiti WordPress temas, kai sunku:
Dynamic Drive Horizontalus meniu
Tikiuosi, rasite šio vadovo naudinga ir naudinga. Kaip minėjau, tai galima pritaikyti bet kurį iš šių disertacija meniu - tai tam tikru laiku ir noras, kad jis įvyktų.
Galėčiau padaryti šį darbą už jus dėl sutarties pagrindu. Tiesiog pasirinkite meniu norite, parašykite man ir aš dirbti kodą ir instrukcijos svetainėje.
$ 20
Ir, žinoma, jei jums iki pastato Super SEO optimizuotas Premium WordPress narystė portalas - geriausias šios problemos sprendimo būdų:
Darbo tema + MemberWing narystė plugin + self hosted WordPress žinoma.
