Téma diplomové práce + MemberWing = Výkonný SEO Členství stránek Synergy

Pátrání po dokonalé nabídce ...

Toto je část 1 tutoriálu
Část 2 tohoto kurzu učí, jak vytvořit vertikální menu + tmavá barva palety pro horizontální jednoho

Rozhodl jsem se, aby se práce na téma , protože jeden z mých klientů mě informoval o problémech s kompatibilitou mezi prací a mé členství WordPress plugin webu MemberWing. Opravil jsem to a pak se rozhodl, aby se blíže podívat na práce a skutečně neobtěžoval sledovat videa na přední straně hlavní stránky - práce Diythemes.com .
Co na mne zapůsobilo nejvíc, je pozornost k detailu, uživatelské přívětivosti a především - SEO funkce, které jsou tak dobře mysleli na.
MemberWing členství plugin byl navržen od základu k členství stránky, které by měly táhnout tolik SEO šťávu jak je to možné. Tak jsem zaplatil spoustu pozornosti mnoha SEO vylepšení a dokonalosti v MemberWing. Mnoho z mých vlastních klientů žádají o různých tématech, která používají a mají téma, které bylo tak dobře SEO optimalizovaný z hluboko uvnitř bude vynikající volbou pro podnikatele, členství portálu.

Kombinace SEO pravomoci MemberWing s pravomocemi SEO Téma diplomové práce by nejlepší pořadí možností, jak svým klientům. Tak jsem dostal práci a hrál s ním na jeden den.

Je to vynikající téma ve všech směrech. Navigační části toho, i když je poněkud omezena funkce. Od práce 1,5 + je o jednu úroveň menu se zobrazuje jen. Co obvykle touha je, aby mohli přizpůsobit navigaci tak, jak je zapotřebí. Některé stránky mají pouze pár stran, mnoho jiní mají spoustu statických stránek + Zillions článků / příspěvků + spousty kategorií.
Takže v ideálním světě má šanci vytvořit pěkně vypadající hierarchicky uspořádaných uživatelsky přívětivý navigační menu, je nutností. Práce hned bat má dobře vypadající navigaci, ale všiml jsem si, že všechny práce na bázi webové stránky vypadají jako dvojčata. Přizpůsobení Diplomový navigační menu není rychlé, takže většina lidí prostě jej nechte jak je. Neexistuje žádný způsob, jak změnit pořadí kategorií v menu, nebo umístit je mezi stránkami. A opět, schopnost vytvářet vnořené struktury nabídky chybí. Tak jsem se rozhodl zjistit, co by se dalo dělat.
Po vyzkoušení asi půl tuctu nabídky / navigace související pluginy mohu nastavit volbu na WordPress Plugin Seznam navigaci NAVT .
NAVT plugin je v podstatě výčtu generátor s velmi pestrý a trochu těžko vymyslet netradiční admin rozhraní. Co zavádějící tom je, že to není vlastně vytvořit efektní vypadající menu samo o sobě. To dělá nejtěžší část práce i když - vám dává schopnost vizuálně táhnout za jeden provaz, a vytvořit neuspořádané seznam - kostra vaší nabídky-k-být. A můžete vytvořit mnoho nabídek taky. Můžete vytáhnout všechny druhy věcí WordPress do navigačního menu: Stránky, příspěvky, články, kategorie, uživatelé, kód bloky, externí odkazy, děliče, odlučovače a kombinovat a hnízdo a uspořádat a upravit je v každém stromové struktuře je zahrnuta chtít.
NAVT generuje pro vás vedlo HTML výčtu. Druhý krása NAVT je to, že vám pomůže vložit novou nabídku do tématu pomocí známého JQuery bázi logiky, ale bez nutnosti měnit libovolný kód! NAVT umožňuje zadat: "nahradit tento prvek # s mým novým NAVT menu". # Prvkem může být id nebo class path stávající nabídky nebo div tag elementu, který je generovaný aktuální téma. Takže NAVT to náhradu za vás, aniž byste se museli jít do zábavního kódu a dělat to více chaotický, než už je. Pokud to všechno zní jako blábol - nebojte se - budu vás krok za krokem brzy. Náročná část NAVT pro každého, je to, že budete muset přijít s vlastní CSS + obrázky + JavaScript kód pro nabídky sami. A to je jen na vás, zjistit, kde a jak integrovat tyto soubory a dělat tyhle věci správně se připojit dohromady.
S pozdravem, aniž by věděl JQuery + některé PHP + CSS + s slušné zkušenosti s WordPress - to, co je těžké vytáhnout.
Rád vím, tyhle věci trochu, takže jsem se rozhodl zatnout zuby a vodicí lidstvo na svobodu při vytváření nejlepší z nejlepších navigačních menu pro WordPress. Jen jsem potřeboval zjistit zdroje pro některé pěkně vypadající horizontální menu CSS. Vybral jsem si Dynamic Drive webové stránky pro své nejlepší ukázky možnosti a zdroje.

Věnoval jsem den studovat práce a hrát si s NAVT pluginu. Na konci jsem se hrdě vytvořil vlastní, flexibilní, SEO optimalizovaný, multilevel, vnořené nagivation strukturu pro své WordPress + práce založené na místě.

Seznam možností víceúrovňové, vnořené WordPress navigační nabídce pro Téma disertační práce
(Musíš milovat tohle):

• Profesionální, čistý vzhled a pocit.
• Podpora všech moderních prohlížečích, včetně MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome v obou javascriptem a non-javascript režimech.
• Půvabně downgradable pro non-javascript prohlížeče. Ty nabídky budou použitelné vzhledově podobné a práce i pro prohlížeče JavaScript zdravotně postižené (byť jen nejvyšší úrovně navigace budou viditelné a žádné Plovoucí stane samozřejmě, protože jsou vyrobeny pomocí JavaScriptu).
• SEO přívětivé funkce - neuspořádaný seznam Menu kód je generován ve formátu HTML. Google a další vyhledávačů budou moci index vaše navigační strukturu a odkazy na vnitřní stránky.
• Podpora pro neomezený počet úrovní vnoření a podúrovní.
• Podpora libovolném pořadí, nebo stránky, pošt (prostřednictvím uživatelsky definovaného URI), kategorie uživatelů, vlastní kód, bloky a externí odkazy v menu.
• Podpora textu, stejně jako image-based nabídky prvky. (Mám ještě zkusit tyto ačkoli).
• Struktura menu a obsah vizuálně nastavitelný oblasti admin NAVT.
• Kompaktní: JQuery založené Plovoucí pro vnořených úrovní.
• Rychle: JQuery pro menu je načten z serverech Google (Rád bych Thesis sám udělat totéž místo tahem na místě). To by urychlit věci trochu.
• Škálovatelnost - Tento typ nabídky lze upravovat a konfigurovat kdykoliv přes plugin nastavení NAVT bez nutnosti kódování kdekoliv.

Použil jsem tuto vynikající nabídku z dynamické jízdy portálu jako základ. Musel jsem se přizpůsobit javascript kód trochu zahrnout i kus PHP do custom_functions.php, aby to fungovalo s práce. Také počet již existujících stránek, kategorií a příspěvky z mé stránky byly použity k sestavení struktury menu. Vaše stránky jsou specifika bude odlišný - ale koncepce bude stejný.
Takže pojďme pokračovat, ne?

Krok za krokem nastavit NAVT bázi vnořené, přizpůsobitelné, víceúrovňové, SEO přátelský
a prostě cool vypadající navigační menu pro WordPress a práce Téma

1. Přejít na WordPress admin panel. Zásuvné moduly-> Přidat nový hledejte "navt". Plugin v daném období. Klepněte na tlačítko [Install] [Instalace nyní] "Aktivovat Plugin".
2. Nástroje-> NAVT seznamy, Inside "Navigace Group" oblasti najít "název skupiny" a zadejte: "Menu1" v poli, stiskněte tlačítko [Create]. "Menu1" obdélník prostor dostal vytvořen.
   Tento "Menu1" oblast bude hlavní hřiště pro menu konstrukce. Budete přetažením zde své nabídky prvků.
3. V "majetek" oblasti najít "jiné" listbox a klikněte na tlačítko "Home" volby. "Home" thingie objeví uvnitř "nepřiřazené" oblasti. Divný, co? Žádné starosti, tak dlouho, jak to funguje - a to bude pro nás.
4. Přetáhněte tento "Home" věcičku z "majetku" do oblasti "Nabídka1" obdélníku oblasti. Stane se "Home" položky v menu.
   • Opakujte kroky 3-4 pro některé stránky z "Stránky" oblasti, stejně jako pro kategorie "kategorie" prostoru. Přetáhněte všechny ostatní položky, které chcete mít na vašem jídelníčku uvnitř "Nabídka1" obdélníku. Můžete kliknout na stránky, kategorie uživatelů a některé vlastní prvky, jako je "seznam dělič" a "blok kódu". Kód blok je v pohodě způsob, jak přidat vlastní úryvky uvnitř menu.
   • Můžete přetáhnout položky menu "uvnitř" Nabídka1 oblasti změnit jeho pořadí.
   • Můžete nastavit hierarchické pozici každé položky menu "<" a ">" šípy.
   • Kliknutím na textové názvu každé položky menu - otevře úděsná další přizpůsobení dialog pro tuto položku. Já většinou používají výchozí nastavení, ale technicky se můžete zbláznit a začít dělat image založené na volby nabídky a přidat kousky kódu HTML do něj. Postupujte opatrně ačkoli.
   • Pro Linkless unclikable podmenu, které budou sloužit jako "rodiče" pro ostatní "sub-děti" jsem použil "bloku kódu" typ. Například při přizpůsobování takový blok kódu položky jsem vstoupil za položkou menu "alias" = "MemberWing" a "Zadejte kód bloku:" = "<a href='#'> MemberWing </ a>." S href = "#", bude to nelze kliknout, ale působí jako platné "mateřské" menu volby.
5. Zde je návod, jak můj NAVT "Nabídka1 'build struktura vypadal téměř dokončena:
   
6. Dokončit první budovu a poté klikněte na "rychlost" ikonu přizpůsobit strukturu menu:
   
7. To otevře dialogové okno s kartami 4: Možnosti, Zobrazení, CSS, téma.
   1. Přejděte na záložku "Options" a ujistěte se, že vše je zaškrtnuto a "název skupiny", říká: "Menu1"
   2. Přejděte na záložku "Display" a ujistěte se, že vše, co na "Zobrazit skupině Navigace na ..." oblast je kontrolována [x]. Zbytek nech na výchozí hodnoty.
   3. Přejděte na "CSS" kartu a vyberte přepínač (x) "nepoužívejte příliš CSS tříd".
   4. Přejděte na "téma" kartu a vyplňte jej takhle:
      
      Vložte na "Přidat značky před ..." Plocha tento kód:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Vložte na "Přidat značky po ..." Plocha tento kód:
      <br style='clear: left' /></div>
   5. Stiskněte tlačítko [save / zavřít] Tlačítko
8. V tomto domě se nabídka BOD zevnitř plugin možností NAVT je kompletní.
   Nyní je čas, abychom se trochu naladit na téma práce, aby si to připraven. K tomu musíme přidat několik vlastních souborů - CSS a JavaScript, které patří k nabídce a aktualizovat teze custom_functions.php
9. Stáhněte si kompletní sadu souborů zde .
10. Rozbalte archiv. Pokud jste aktualizovali custom_functions.php se vlastních úprav - je třeba sloučit s mými věcmi. Nechám to na vás.
    Pokud jste se dotkl - klidně jej přepsat s mým. Vezměte prosím na vědomí: Já raději umístit nabídku v rámci webových stránek hlavičce (výchozí hodnota je vyšší) - takže moje úprava součástí této předvolby stejně.
11. Přidat archivu včetně všech podadresářů a souborů v rámci své práce na téma "Vlastní" adresáře, jako je tento:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Jsem se nedotkl custom.css - jsem raději držet menu specifické CSS v jejich vlastních místech, aby se zabránilo vytváření nepořádek uvnitř custom.css
12. Na tomto místě můžete načíst vaše webové stránky a viz nový krásný nový víceúrovňový, vnořené, SEO optimalizované menu.
13. Můžete vždy vrátit do NAVT nastavení a přizpůsobit nabídku s větším výběrem nebo přemístit cokoli. To se projeví na živém webu automaticky.

Cesta vpřed ...

Tento tutoriál součástí tvůrčí příklad jednoho typu menu. Hrál jsem si s jinou - jen proto, aby viděli, jak tmavé barvy Menu bude vypadat:

Téma diplomové práce - multilevel vnořené CSS menu - tmavá paleta

Myslím, že je docela pěkné. Existuje mnoho dalších navigační vzorků jsou k dispozici na Dynamic Drive - všechny z nich jsou možné upravit pro práci a další WordPress s jistým úsilím:

Dynamic Drive Horizontální menu

Doufám, že najdete tento návod prospěšné a užitečné. Jak jsem řekl, je možné přizpůsobit některé z těchto nabídek práce pro - který je uveden čas a chuť, aby se to stalo.

Mohl bych dělat tuto práci za vás na základě smluvního vztahu. Stačí si vybrat z menu se vám líbí, kontaktujte mě a já budu pracovat na kód a instrukce pro vaše webové stránky.

20 dolarů

A samozřejmě, pokud jste se do budování Super SEO optimalizovaný Premium WordPress členství portál - nejlepší řešení pro toto:
Téma diplomové práce + MemberWing členství plugin + vlastní hostované WordPress samozřejmě.

comments } { 15 komentáře }