Tema teza + MemberWing = super SEO Sinergija članstvo stran

Quest za popoln meni ...

To je 1. del vaj
Del 2 tega Tutorial uči, kako graditi navpične meni ± temno barvno paleto za horizontalno enega

Odločil sem se, da se tema diplomskega dela , saj je eden od mojih strank me obvešča o težavah z združljivostjo med disertacije in moji spletni strani WordPress plugin članstva MemberWing. Jaz ga določi in nato odločil, da se natančneje pregleda disertacije in dejansko moti, da gledajo video posnetke na prvi strani glavnega mesta disertacije - Diythemes.com .
Kaj navdušil me je najbolj pozornost do detajlov, prijaznosti do uporabnika in predvsem - SEO funkcij, ki so tako dobro pomislil.
MemberWing članstvo plugin je bil zasnovan od tal navzgor za članstvo straneh, ki bi morali vleči toliko SEO sok je to mogoče. Zato sem plačal veliko pozornosti množice SEO izboljšave in popolnosti v MemberWing. Veliko mojih strank se sprašuje o različnih temah za uporabo in s temo, ki je bil tako dobro SEO optimizirana iz globoke notranjosti bi bilo odlično primerni za podjetnike članstvo portala.

Združevanje SEO pristojnosti MemberWing s pooblastili SEO na temo disertacije bi dal najboljši med vodilnimi priložnosti za moje stranke. Tako sem dobil Thesis in igral z njim za en dan.

To je odlična tema v vseh pogledih. Del navigacija njega, čeprav je nekoliko omejena v funkciji. Od disertacije 1,5 + je ena stopnja samo meni. Moja želja je običajno, da lahko prilagodite navigacijo toliko, kot je potrebno. Nekatera mesta so le nekaj strani, mnogi drugi pa imajo na tone statičnih Strani + zillions člankov / objave ± še veliko kategorij.
Torej, v idealnem svetu, ki imajo priložnost, da ustvari lepo videti hierarhično organizirana prijazen uporabniški navigacijski meni je treba. Teza pravico off kij je dobro videti navigacijo, vendar sem opazil, da so vsi naloga, ki temeljijo na spletnih straneh, so videti kot dvojčici. Prilagajanje menija disertacije navigacijski ni ravno lahka, tako večina ljudi samo pustite kot je. Ni načina, da spremenite vrstni red kategorij v meniju ali pa jih postavite v med stranmi. In spet, zmožnost ustvarjanja ugnezdenih strukture menija manjka. Zato sem se odločil, da vidim kaj je mogoče storiti glede tega.
Ko poskušam približno pol ducata menu / navigacija povezanih plugins sem iz moje izbire na WordPress Seznam Navigation NAVT Plugin .
NAVT plugin bistvu neurejen seznam generator s super fancy in malo težko ugotoviti netradicionalna admin vmesnik. Kaj zavajanje o tem je, da dejansko ne ustvarja fancy videti menijev samo od sebe. To pa najtežji del delovnega mesta, čeprav - vam daje možnost, da vizualno potegnite skupaj, in ustvariti neurejen seznam - ogrodje meniju-to-je. In lahko ustvarite veliko menijev preveč. Morda potegnite vse vrste stvari WordPress v navigacijski meni: strani, objave, članki, kategorije, uporabniki, kod bloki, zunanje povezave, delilniki, separatorji in premeša in se ujemajo in gnezdo in poskrbi in jih prilagodite v vsakem drevesu podobni strukturi ste želijo.
NAVT ustvarja za vas povzročilo HTML neurejenega seznama. Drugi lepota NAVT je, da vam pomaga, da vstavite svoj novi meni v vašo temo preko znamenitega jQuery temelji na logiki, ne da bi bilo potrebno zamenjati nobenega kodo! NAVT omogoča, da določite: "nadomesti ta element napake # z mojim novim meniju NAVT". # Lahko element je id ali razred poti obstoječega menija ali oznako div element, ki se ustvari z vašo trenutno temo. Torej NAVT ali to zamenjavo, ne da bi za vas prisili, da greš v kodo temo in da bo bolj grdo, kot je že to. Če da vse zveni kot žlobudranje - ne skrbite - bom vodil korak za korakom kmalu. Zahtevna dela NAVT za vsakogar je, da boste morali prišli do dejanske slike CSS ± ± javascript kodo za vaš meni sami. In to je odvisno od vas, da ugotovimo, kje in kako vključiti te datoteke in da te stvari dobro zaslužiti skupaj povezano.
Iskreno, ne da bi vedel, JQuery + nekaj PHP + CSS + ima spodobno izkušnjo z WordPress - ta stvar je težko potegniti.
Z veseljem vem, te stvari malo zato sem se odločil, da ugriz bullet in vodnik človeštvo do svobode pri oblikovanju najboljše od najboljših navigacijskih menijih za WordPress. Pravkar sem potreben, če želite izvedeti vire za nekaj lepih iščejo horizontalnih menijih CSS. Pobral sem dinamičnega diska spletno stran za svoje najboljše izbire, demos in virih.

Sem en dan namenjen za študij Thesis in se igral z vtičnikom NAVT. Na koncu sem ponosno ustvaril po meri, prilagodljivo, SEO optimizirana, več ravneh, gnezdeni Nagivation strukturo za svoj WordPress ± disertacije temelji na mestu.

Seznam lastnosti več ravneh, gnezdeni WordPress navigacijski meni za teme disertacije
(Moraš ljubiti te stvari):

• Strokovne, č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. Ti meni bo uporabna, vidno podobni in delo, tudi za invalide brskalnikov JavaScript (čeprav le zgornji ravni navigacijo bo viden in ne flyouts se bo zgodilo, seveda, saj so, ki ga javascript).
• SEO prijazne funkcije - neurejen seznam meni koda se generira v HTML. Google in drugi iskalnik pajki bo lahko indeks vaše navigacijske strukture in povezave do notranjih strani.
• Podpora za neomejeno gnezdijo ravni in podravni.
• Podpora za katero koli vrstnem redu ali strani, pošte (preko uporabniško določeni URI-jev), kategorije, uporabniki, po meri bloki kode in zunanjih povezav v meniju.
• Podpora besedila, pa tudi slike, ki temeljijo na meni elementi. (Še nisem poskusil te, čeprav).
• Meni struktura in vsebina je vizualno nastavljiv preko admin območja NAVT.
• Kompaktna: JQuery, ki temeljijo na flyouts za ugnezdenih ravni.
• Hitro: JQuery za meniju je naložen z Google strežnikih (Zelo rad Thesis samo, da storijo enako, namesto da ga vleče na lokalni ravni). S tem bi pospešili stvari malo.
• Razširljivost - Ta vrsta menija je mogoče urejati in nastavljiv v vsakem trenutku prek plugin nastavitve NAVT brez potrebe za kodiranje kjerkoli.

Včasih sem to odlično menija od dinamičnih pogona portala kot osnovo. Sem moral prilagoditi javascript koda malo vključeval pa bo tudi kos PHP v custom_functions.php da bi bilo delo z disertacijo. Prav tako je bilo število že obstoječih strani, kategorije in delovnih mest iz moje strani se uporabljajo za sestavljanje menijev strukturo. Posebnosti vaše spletne strani bo drugače - pa koncepti bo isto.
Zato naj nadaljuje, prav?

Korak za korakom navodila za namestitev NAVT temelji ugnezdena, prilagodljiv, več ravneh, SEO prijazno
in samo navaden kul je videti navigacijski meni za WordPress in disertacije Tema

1. Pojdi na plošči WordPress admin. Plugins-> Dodaj novo, iskanje za "navt". Vtičnik bo prikazan. Kliknite [Install], [Namesti zdaj], "Aktiviraj Plugin".
2. Orodja-> NAVT seznami, Inside "navigacijski skupine" območju našli "ime skupine" in vpišite: "menu1" na področju, pritisnite [Ustvarite] gumb. "Menu1" pravokotnik prostor dobil ustvarili.
   Ta "menu1" območje bo glavni igrišče za gradnjo menijev. Boste povleci in spusti tukaj svoje menija elemente.
3. V "Sredstva" območju našli "drugo" seznamskem polju in kliknite na "Home" izbiri. Bo "Home" thingie videti notranjost "dodeljen" področju. Čudno, kajne? Brez skrbi, dokler deluje - in to bo za nas.
4. Povlecite to "Home" thingie od "Sredstvi" v območju "menu1" območje pravokotnika. To bo postal "Home" postavka v meniju.
   • Ponovite korake 3-4 za nekaj strani iz "strani" področju, kot tudi za kategorije "kategorij" področju. Povlecite vse druge elemente, ki jih želite, da se na meniju znotraj "menu1" pravokotnika. Lahko kliknete na straneh, kategorije, uporabniki in nekaterimi elementi po meri, kot so "seznam delilnika 'in kodo blok". Kodeks blok je kul način, da dodate po meri odrezke znotraj menija.
   • Morda povlecite menija znotraj "menu1" območja preurediti njihov vrstni red.
   • Lahko se prilagodi hierarhični položaj vsakega menija z "<" in ">" puščic.
   • Klik na ime besedila vsakega menija - odpre um boggling dodatne prilagoditve, pogovorno okno za to postavko. Jaz večinoma uporabljajo privzete nastavitve, vendar tehnično lahko greš nor in začeli ustvarjati podobe, ki temeljijo na meniju izbiro in dodamo kose HTML kode v to. Nadaljujte previdno, čeprav.
   • Za linkless unclikable podmenijev, da bo služila kot "staršev" za druge "sub-otrok" Včasih sem Kodeksom blok "tipa. Na primer, ko prilagodite tako predmet kodo blok sem vstopil v "alias menija" = "MemberWing" in za "Vnesite kodo blok:" = "<a href='#'> MemberWing </ a>". Ob href = bo "#", da ga ni mogoče klikniti, ampak deluje kot veljaven "matični" Izbira menija.
5. Takole mojega NAVT To menu1 »Izdelava struktura izgledala skoraj končan:
   
6. Končati prvo stavbo in nato kliknite na "orodje" ikono, da prilagodite meniju strukturo:
   
7. To bo odprlo pogovorno okno z zavihki 4: Možnosti, Display, CSS, tema.
   1. Pojdi na "Options" zavihek in se prepričajte, da je vse brez nadzora in "Ime skupine" pravi: "menu1"
   2. Pojdite na "Prikaži" zavihek in se prepričajte, da vse, kar o "skupini Pokaži navigacije na ..." je območje preveriti [x]. Pusti ostalo na privzete vrednosti.
   3. Pojdi na "CSS" jeziček in izberite gumb (x) "Ne uporabljati CSS razrede".
   4. Pojdi na "Teme" zavihek in ga izpolnite takole:
      
      Vstavite v "Dodajanje oznak pred ..." območje to kodo:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Vstavite v "Dodajanje oznak po ..." območje to kodo:
      <br style='clear: left' /></div>
   5. Pritisnite [prihranite / zapreti] gumb
8. Na tej točki menija iz stavbe v NAVT plugin možnosti je končana.
   Zdaj je čas, da to malo intonirati za temo disertacije, da se je pripravljena. Za to moramo dodati še nekaj datotek po meri - CSS in JavaScript, ki spada v meniju posodobite disertacije To custom_functions.php
9. Prenesite celoten nabor datotek tukaj .
10. Razširite arhiv. Če ste posodobili svoj custom_functions.php z vašimi prilagoditve - jih morate združiti z mojo stvari. Bom dopust do vas.
    Če še niste dotaknili - vas prosimo, da jo prepiše z mojim. Opomba: sem raje meni Položaj v glavi spletne strani (privzeto je zgoraj) - tako da moj popravek vključili to prednost, pa tudi.
11. Naloži arhiv, vključno z vsemi podimenikov in datotek iz imenika vašega tema diplomskega dela "uporabniku To, takole:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Nisem se dotaknil custom.css - raje, da meni, posebno CSS pod svojimi lokacijami, da se prepreči nered ustvarja znotraj custom.css
12. Na tej točki se lahko osvežite vaše spletne strani in videli novo čudovito novo več ravneh, gnezdeni, SEO optimizirana meni.
13. Vedno se lahko vrnete na NAVT nastavitve in prilagodite meni z večjo izbiro ali prestavite ničesar. To se bo odražalo v živo strani samodejno.

Pot naprej ...

Ta vodič vključen ustvarjalno primer eno vrsto menija. Igral sem z drugim - samo da vidim, kako bi temne barve meni izgledajo kot:

Teza tema - več ravneh ugnezdena CSS menu - temna paleta

Mislim, da je zelo lepo. Obstaja veliko več navigacijski vzorci so na voljo na Dynamic Drive - vsi so mogoče prilagoditi za diplomske naloge in druge teme WordPress z nekaj truda:

Dynamic Drive Horizontalne Meniji

Upam, da boste našli ta tutorial koristno in uporabno. Kot sem rekel, je mogoče prilagoditi kateri koli od teh menijih za disertacije -, ki je naveden čas in željo, da to uresniči.

Lahko bi to delo za vas na podlagi pogodbe. Samo izbrati meni vam je všeč, me kontaktirajte in bom delo na kodo in navodila za vašo spletno stran.

20 $

In seveda, če ste do gradnje super SEO optimirano Premium WordPress članstvo portal - najboljša rešitev za to:
Tema teza + MemberWing članstvo plugin + samo gostila Wordpress seveda.

comments } { 15 komentarji }