Quest for popoln meni ...

To je Del 1 Tutorial
Del 2 tega Tutorial uči, kako zgraditi navpični meni + temno barvno paleto za horizontalen

Odločil sem se, da bi dobili diplomske teme , saj je eden od mojih strank me obvestili o težavah z združljivostjo med Thesis in mojo wordpress stran plugin članstvo MemberWing. Popravil sem in se nato odločila, da sprejme bližje pogled na Thesis in dejansko moti, da gledajo video posnetke na prvi strani glavnega mesta Thesis - Diythemes.com .
Kaj navdušil me najbolj je pozornost do detajlov, prijaznost do uporabnika in predvsem - značilnosti SEO, ki so tako dobro misel.
MemberWing članstvo plugin je bil zasnovan od tal navzgor za članstvo spletna mesta, ki bi morali vleči toliko soka SEO je to mogoče. Torej, sem plačal veliko pozornost množice SEO dodatno opremo in popolnosti v MemberWing. Veliko mojih lastnih strank se sprašuješ o različnih temah, o uporabi in imajo temo, ki je bil tako dobro SEO optimizirana iz globoko v notranjosti bi se odlično prilegajo za članstvo portal podjetnike.

Združevanje SEO pristojnosti MemberWing s SEO pristojnosti teme disertacije bi najboljše možnosti za uvrstitev moje stranke. Tako sem dobil Thesis in igral z njim za en dan.

To je odlična tema v vseh njenih oblikah. Navigacijo del, čeprav je nekoliko omejena v delovanju. Izhajajoč iz Thesis 1,5 + je en nivo menija samo. Moje običajno želja je, da lahko prilagodite navigacija, kolikor je to potrebno. Nekatera spletna mesta so le nekaj strani, mnogi drugi ton statične strani + zillions izdelkov / delovnih mest + veliko kategorij.
Torej, v idealnem svetu, ki imajo priložnost, da ustvarijo lepo videti hierarhično organizirani uporabniku prijazen meni navigacija je treba. Thesis pravico off kij je dobro videti navigacija vendar sem opazil, da so vsi nalogi, ki temeljijo spletnih straneh, so videti kot dvojčki. Prilagajanje Thesis navigacijski meni ni ravno enostavno, da večina ljudi le pustite kot je. Ni načina, da spremenite vrstni red kategorij v meniju ali jih položaj med stranmi. In spet, zmožnost ustvarjanja ugnezdene struktur meni manjka. Zato sem se odločil, da vidite, kaj je mogoče storiti glede tega.
Poskušajo po približno pol ducata menu / navigacija, povezanih plugins bom moja izbira za Wordpress Plugin List Navigation NAVT .
NAVT plugin je v bistvu neurejen seznam generator s super fancy in malce težko številka untraditional admin vmesnik. Kaj zavajajoče pa je, da dejansko ne ustvarjajo domišljijsko išče menije samo od sebe. To pa najtežji del delovnih mest, čeprav - vam sposobnost za vizualno pull skupaj, in ustvariti neurejen seznam - okostje meniju-to-se. In lahko ustvarijo veliko menije preveč. Morda boste pull vse vrste stvari Wordpress v navigacijski meni: strani, mest, članki, kategorije, uporabniki, blokov kode, zunanje povezave, delilniki, ločila in premeša in se ujemajo in gnezda in se dogovorite in jih prilagodite v vsakem drevesno strukturo vas želijo.
NAVT ustvarja za vas povzročilo HTML neurejen seznam. Drugi lepota NAVT je, da vam pomaga, da vstavite svoj novi jedilnik v vašo temo prek slavni JQuery na logiki, ampak brez potrebe po spreminjanju kode! NAVT omogoča, da določite: "zamenjate # element z mojo novo menu NAVT". # Element lahko id ali razred poti obstoječih meni ali tag div element, ki se ustvari z vašo trenutno temo. Torej NAVT does to nadomestitev, za vas ne prisili, da greš v code temo in bi bilo bolj grdo, kot to že je. Če je to vse zveni kot žlobudranje - ne skrbite - bom vas vodijo korak za korakom kmalu. Zahtevna dela NAVT za vsakogar je, da boste morali prišli do dejanske CSS + slike + javascript kodo za vaš jedilnik sami. In to je odvisno od vas, da ugotovimo, kje in kako vključiti te datoteke in bo ta stvari pravilno dobili skupaj povezana.
Iskreno, ne da bi vedel JQuery + nekaj PHP + CSS +, ki imajo izkušnje s dostojno Wordpress - ta stvar je težko vleči.
Z veseljem vem, te stvari malo zato sem se odločil, da ugriz bullet in vodila človeštvo do svobode pri oblikovanju najboljši od najboljših navigacijskih menijih za Wordpress. Moral sem izvedeti vir nekaterih lepo videti horizontalni CSS meniji. Pobral sem dinamične vožnje spletno stran za najboljši izbor, demo in virov.

Sem posvetil dan za študij Thesis in se igral z plugin NAVT. Na koncu sem ponosno ustvaril po meri, prilagodljiva, optimalno SEO, multilevel, ugnezdena Nagivation strukturo za svoj Wordpress + na stran Thesis.

Seznam značilnosti multilevel, ugnezdenih menije Wordpress za diplomske teme
(Moraš ljubiti te stvari):

• Professional, čist videz in občutek.
• Podpora za vse sodobne brskalnike, vključno z MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome tako v javascript in ne javascript načine.
• Elegantno downgradable za ne-javascript brskalnikov. Vi meni bo uporabna, vidno podobna in dela tudi za invalide javascript brskalnikov (čeprav le top navigacijo ravni bo viden in ne flyouts se bo zgodilo, seveda, saj so z javascript).
• SEO prijazen zunanja oblika - Neurejen seznam menu koda je nastal v sklopu HTML. Google in drugi iskalnik pajki bo mogel indeks vaše navigacijske strukture in našli povezave do notranje strani.
• Podpora za neomejeno gnezdenje ravni in podravni.
• Podpora za vsako naročilo ali strani, delovnih mest (preko uporabniškega opredeljeno URI), kategorije, uporabniki, custom kode in blokov zunanje povezave v meniju.
• Podpora besedila, kakor tudi slike, ki temelji elementov menija. (Še nisem poskusil te, čeprav).
• Meni strukturo in vsebino je vizualno nastavljiv preko admin območja NAVT.
• Compact: JQuery temelji flyouts za ugnezdenih ravni.
• Fast: JQuery za meni je naložena iz Googlovih strežnikih (I radi Thesis sama, naj stori enako, namesto da ga vleče na lokalni ravni). To bi pospešilo stvari malo.
• Razširljivost - Ta vrsta meni je mogoče urejati in konfigurirati kadar koli prek plugin nastavitve NAVT brez potrebe kodiranja kjerkoli.

Včasih sem to odlično menija dinamične vožnje portal kot osnovo. Morala sem prilagoditi javascript kodo bit vključeval pa bo tudi kos PHP v custom_functions.php, da bi bilo delo z Thesis. Prav tako je bilo število že obstoječih strani, kategorije in delovnih mest iz moje strani se uporabljajo za sestavljanje struktura menija. Vaše spletno mesto posebnosti, bo različna - ampak koncepti bo isto.
Zato naj nadaljuje, prav?

Korak za korakom navodila za namestitev NAVT temelji ugnezdene, customizable, multilevel, SEO prijazen
in samo navaden svež ki je videti navigacijski meni za Wordpress in Thesis tema

1. Pojdi na admin panel Wordpress. Plugins-> Dodaj novo, iskanje za "navt". Plugin bodo prikazani. Kliknite [Install], [Namesti zdaj], "Activate Plugin".
2. Orodja-> Seznami NAVT, Inside "Navigation Group" območje odkriti "ime skupine" in vpišite: "menu1" na področju, pritisnite [Create] gumb. "Got ustvaril menu1" pravokotnik območju.
   Ta "menu1" območje bo glavno igrišče za gradnjo menijev. Boste povlečete in spustite tukaj meniju elementov.
3. V "sredstva" območje našel "drugi" seznamsko polje in kliknite na "Home" izbira. "Home" thingie bo prikazana notranjost "Slobodna" območje. Čudno, kaj? Brez skrbi, dokler deluje - in to bo za nas.
4. Povlecite to "Home" thingie iz "premoženja" območje v "menu1" območje pravokotnika. Postal bo "Home" postavko v meniju.
   • Ponovite korake 3-4 za nekaj strani iz "Pages" območje, kot tudi za tiste kategorije, "kategorije" območje. Povlecite vse druge elemente, ki jih želite, da se na meniju znotraj "menu1" pravokotnik. Lahko kliknete na straneh, kategorijah, uporabnikov in nekateri elementi, kot so po meri "seznam delilnika" in "oznaka blok". Kodeks blok je kul način, da dodate po meri snippets znotraj menija.
   • Morda boste povlečete elemente menija znotraj "menu1" območje, preurediti njihovih nalog.
   • Lahko se prilagodi hierarhični položaj vsakega menija z "<" in ">" puščice.
   • S klikom na ime besedilo vsakega menija - odpre um boggling dodatno prilagoditev pogovorno okno za to postavko. Jaz se najpogosteje uporablja privzete nastavitve, vendar tehnično lahko greš nor in začeli delati image na podlagi izbire menijev in dodamo kose kode HTML v to. Nadaljujemo s previdno, čeprav.
   • Za linkless unclikable podmeniji, ki bo služila kot "starši" za druge "sub-otroci" Včasih sem "Kodeks blok" tip. Na primer, ko customizing te postavke code blok sem vstopil v "postavko alias Menu" = "MemberWing" in za "Enter code blok:" = "<a href='#'> MemberWing </ a>". Ob href = "#" bo, da to ni mogoče klikniti, temveč deluje kot veljaven "matični" jedilnik izbira.
5. Takole moj NAVT "menu1" graditi strukturo izgledala skoraj dokončana:
   
6. Finish začetne stavbe in nato kliknite na "orodje" ikono, da prilagodite meniju strukturo:
   
7. To bo odprt dialog s 4 tabs: Možnosti, Display, CSS, tema.
   1. Pojdi na "Options" zavihek in se prepričajte, je vse, kar je neoviran in "ime skupine" pravi: "menu1"
   2. Pojdi na "Display" zavihek in se prepričajte, vse na "navigacijske skupina Show ..." je območje je označeno [x]. Ostalo na privzete.
   3. Pojdi na "CSS" jeziček in izberite gumb (x) "ne uporablja CSS razredov".
   4. Pojdi na "Theme" zavihek in ga izpolnite tako:
      
      Vstavi v "Dodaj oznake pred ..." območje te kode:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Vstavi v "Dodaj oznake po ..." območje te kode:
      <br style='clear: left' /></div>
   5. Pritisnite [shranite / blizu] gumb
8. Na tej točki stavba menu od znotraj NAVT plugin možnosti je popolna.
   Zdaj je čas, da jih malo intonirati za temo diplomske naloge , da je pripravljena. Za to moramo dodati nekaj po meri datoteke - CSS in javascript, da pripada meni in posodobitev custom_functions.php Thesis "
9. Prenesite celoten nabor datotek tukaj .
10. Odpreti rajsfešlus arhiv. Če ste posodobili svoje custom_functions.php s svojim prilagoditev - jih morate združiti z moje stvari. Bom dopust do vas.
    Če še niste dotaknili - vas prosimo, da ga prepiše s mine. Prosimo, upoštevajte: sem raje meni položaja po spletni strani glave (privzeto je zgoraj) - tako da je moja prilagoditve vključeni to prednost, kot tudi.
11. Upload arhiv vključno z vsemi podimenikov in datotek v okviru svoje teme diplomske naloge "po meri" imenik, takole:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Še nisem omenil custom.css - Raje, da meni, posebne CSS pod svojo lokacijah da bi se izognili ustvarjanju nered znotraj custom.css
12. Na tej točki lahko osvežite vaše spletne strani in si oglejte nove lepe nove več ravneh, ugnezdena, SEO optimizirana meni.
13. Si lahko vedno vrnete na NAVT nastavitve in prilagodite jedilnik z večjo izbiro in preusmeril ničesar. Se bo odražal v živo strani samodejno.

Ceste pred ...

To tutorski vključeni ustvarjalno primer enega tipa menija. Sem se igral z drugo - samo, da vidim, kako temno bi obarvan meni izgleda tako:

Thesis tema - več ravneh ugnezdenih CSS menu - temno paleto

Menim, da je zelo lepo. Obstaja veliko več navigacijskih vzorcev je na voljo na Dynamic Drive - vsi so mogoče prilagoditi za disertacije in druge teme, Wordpress z nekaj napora:

Dynamic Drive Vodoravni meniji

Upam, da boste našli to tutorski koristne in uporabne. Kot sem rekel, da je mogoče prilagoditi kateri koli od teh menijev za Thesis - da se navedeni čas in željo, da se je zgodilo.

Jaz bi to delo za vas na podlagi pogodbe. Samo pick meniju vam je všeč, stik z mano in jaz bom delo na kodo in navodila za vašo spletno stran.

20 $

In seveda, če ste do stavbe super SEO optimizirana članstvo premije WordPress portal - najboljša rešitev za to:
Diplomske teme + MemberWing članstvo plugin + self gostila Wordpress seveda.

Označeni so: CSS menu za WordPress , teza tema , teza tema hierarhične menije , teza tema multilevel meni , teza tema Nagivation , teza tema ugnezdena meniji , teza tema vaje , WordPress css meni , WordPress ugnezdenih menu