A Quest a tökéletes menüt ...

Ez az 1. rész a bemutató
2. része ez a bemutató tanítja, hogyan kell építeni függőleges menü + sötét színpaletta a vízszintes egy

Elhatároztam, hogy kap értekezés témája , mert az egyik az én-m ügyfelek közölte velem a kompatibilitási problémák közötti értekezés és az én wordpress tagság site plugin MemberWing. ÉN rögzített ez majd úgy döntött, hogy egy közelebbi pillantást tézis, és valóban a fáradságot, hogy néz videókat az első oldalon a fő tézis oldal - Diythemes.com .
Milyen hatással volt rám a legnagyobb a figyelmet a részletekre, felhasználóbarát és legfőképpen - SEO szolgáltatás, amely olyan jól gondoltam.
MemberWing tagság dugó volt a célja az alapoktól kezdve a tagsági helyek, hogy kellene húzni annyi levet SEO lehetséges. Szóval kifizetett sok figyelmet számos SEO tartozékokat és tökéletességet a MemberWing. Sokan saját ügyfél kérdezett különböző témákban használni, és miután téma annyira jól SEO optimalizált mély belül lenne a megoldás kiválóan illeszkedik a tagság portál vállalkozók.

Ötvöző SEO hatásköre MemberWing a SEO hatáskörének értekezés témája adna a legjobb rangsorolási lehetőséget nyújtani az ügyfeleimnek. Szóval van értekezés, és játszott vele egy napig.

Ez egy kiváló téma minden módon. A navigációs része azonban egy kicsit korlátozott funkcióval. Kezdve Tézis 1.5 + ez egy szinttel a menü csak. Én mindig a vágy, hogy képes legyen megszokott navigációs, mint szükséges. Egyes oldalak már csak néhány oldal, sokan mások tonna statikus oldal + zillions a cikkek / hozzászólások + rengeteg kategóriában.
Tehát az ideális világban, amelynek esélyt teremt szép látszó hierarchikusan szervezett felhasználóbarát navigációs menü elengedhetetlen. Dolgozat jobb kapásból jó látszó navigáció, de észrevettem, hogy a tézis-alapú weboldalak keres, mint az ikrek. Testreszabása tézis navigációs menü nem igazán könnyű így a legtöbb ember egyszerűen hagyd úgy, ahogy van. Nincs mód megváltoztatni, hogy a kategóriák a menüben vagy helyzetének őket az oldalak között. És újra képes létrehozni beágyazott struktúrák menü hiányzik. Így elhatároztam, hogy mit is lehetne tenni róla.
Kipróbálás után mintegy fél tucat menü / navigációval kapcsolatos plugins tudom a választási Wordpress Plugin NAVT Navigáció listája .
NAVT plugin lényegében Rendezetlen lista generátor, szuper divatos, és egy kicsit nehezen alak nem hagyományos admin felület. Milyen félrevezető róla, hogy valójában nem teremt képzelet keresett menük is. Ez a legnehezebb része a munka, ha - ad egy képesség, hogy vizuálisan húzza össze, és ezáltal rendezetlen lista - csontváza a menü-hoz-lenni. És akkor teremt sok menük is. Lehet húzni mindenféle Wordpress dolgok a navigációs menü: lapok, oszlopok, cikkek, kategóriák, felhasználók, kód blokkokat, külső linkek, elválasztók, szeparátorok és keverjük össze, és párja, valamint fészket, és megszervezik, és megszokott számukra minden fa-struktúra, mint te szeretnénk.
NAVT generál neked eredményezte HTML rendezetlen listát. Második szépsége NAVT, hogy ez segít, hogy tegye be az új menü be a téma révén híres JQuery logika alapján, de anélkül, hogy módosítania kell semmilyen kódot! NAVT lehetővé teszi, hogy meghatározza: "helyett a # eleme az én új NAVT menü". # Eleme lehet egy azonosító vagy osztályon útját meglévő menüből, vagy div elem, amelynek a tag által az aktuális téma. Tehát NAVT ez csere érted nélkül kényszerítve, hogy menj a téma kódot, és ez több, mint a rendetlen már van. Ha ez úgy hangzik, mint az összes halandzsa - ne aggódjon - Majd útmutató lépésről lépésre hamarosan. A kihívást jelentő része NAVT mindenki, hogy lesz, hogy dolgozzon ki konkrét CSS + Képek + javascript kódot menü magad. És ez rajtad múlik, hogy kitaláljuk, hol és hogyan illeszthető be ezeket a fájlokat, és ez a cucc jól kap összekapcsolható.
Őszintén ismerete nélkül JQuery + néhány PHP + CSS + miután tisztességes tapasztalat Wordpress - ez a dolog nehéz húzni.
Örömmel tudom ezt a dolgot egy kicsit, így úgy döntöttem, hogy harapni a golyót, és útmutató az emberiség szabadságát építésében a legjobb a legjobb navigációs menük a Wordpress. Csak kellett kitalálni források néhány szép látszó vízszintes menü CSS. Felvettem dinamikus meghajtó honlapján a legjobb beállításokat, bemutatók és forrásokat.

Én egy napot szentelt a tanulmány tézis és játssz NAVT plugin. A végén büszkén létrehozott egyéni, rugalmas, SEO optimalizált, többszintű, egymásba ágyazott nagivation szerkezet az én Wordpress + tézis alapú oldal.

Listája a többszintű, egymásba ágyazott Wordpress navigációs menü tézis téma
(Tudsz szeretni ezt a dolgot):

• Szakmai, a tiszta megjelenés és megtapint.
• Támogatja az összes modern böngésző, beleértve a Microsoft Internet Explorer 6,7, Opera, Safari, Firefox 3.x, Google Chrome-ban is javascript és nem javascript módok.
• Kecsesen downgradable nem javascript böngészők. Ön menü használható, vizuálisan hasonló, és a munka még a JavaScript böngészőkben (bár csak a felső szintű navigációs lesz látható és nem flyouts fog történni, természetesen, mivel ezek által javascript).
• SEO barát jellegét - Rendezetlen lista menü kódot generált HTML belül. A Google és a többi keresőmotor pókok képes lesz-index a navigációs struktúrát és megtalálni a kapcsolatot belső oldalak.
• Támogatása korlátlan fészkelő szintek és sublevels.
• Támogatása érdekében, illetve minden olyan oldalt, állások (via felhasználó által definiált URI), kategóriák, felhasználók, egyéni kódot blokkok és külső linkek a menü.
• Támogatja a szöveg-, valamint a kép-alapú menü elemei. (Én még megpróbál ezek mégis).
• Menürendszer és a tartalom, vizuálisan segítségével állítható NAVT admin terület.
• Kompakt: JQuery alapján flyouts a beágyazott szinten.
• Gyors: JQuery a menü töltődik be a Google szerverek (Szeretném tézis is, hogy ugyanígy helyett húzza ellenében). Ez felgyorsítja a dolgokat egy kicsit.
• Skálázhatóság - Ez a fajta menü szerkeszthető és konfigurálható bármikor keresztül NAVT plugin beállításokat anélkül, hogy szükség kódolási bárhol.

Régebben ezt a kiváló menü dinamikus hajt portál alapul. Meg kellett testre javascript kódot egy kicsit, valamint magában foglalja darab PHP-ba custom_functions.php működés érdekében a tézis. Számát is a már meglévő oldalakat, kategóriákat és álláshelyek oldalamon használták összegyűjteni menüszerkezet. Webhely sajátosságait más lesz - de fogalmak ugyanazok lesznek.
Nos, hadd járjon, jó?

Lépésről lépésre, hogy beállít NAVT -alapú beágyazott, testreszabható, többszintű, SEO barát
és egyszerűen hűvös látszó navigációs menü a Wordpress és a tézis téma

1. Tovább a Wordpress admin felületen. Plugins-> Új, keres "navt". A plugin jelenik meg. Kattintson az [Install], [Telepítés], "Activate Plugin".
2. Eszközök-> NAVT listák, Inside "Navigáció csoport" területen található "csoport nevét", és írja be: "menu1" a területen, nyomja meg a [Create] gombot. "Menu1" téglalap alakú terület van teremtett.
   Ez a "menu1" terület lesz a fő játszótér építési menüben. Nem lesz húzással itt a menü elemei.
3. Az "eszközök" területen található "másik" oldalra dől, és kattintson a "Home" választás. "Home" thingie jelenik belül "kiosztatlan" terület. Furcsa, ugye? Nem kell aggódni, amíg működik -, és ez számunkra.
4. Húzza át ezt a "Home" thingie a "eszközök" területről "menu1" téglalap alakú terület. Ez lesz a "Home" elem a menüben.
   • Ismételjük meg a lépéseket 3-4 bizonyos oldalakon a "z" területen, valamint a kategória a "kategóriába" terület. Húzza más elemeket szeretne lenni a menü belülről "menu1" téglalap. Lehet, kattintson oldalak, kategóriák, felhasználók és néhány egyedi elemeket, mint a "lista elválasztó" és a "blokk-kód". Kód blokk jó módja annak, hogy adjunk egyéni oldalrészleteit belül a menü.
   • Lehet, húzza menüpontok belül "menu1" terület átrendezése a sorrendben.
   • Ön módosíthatja hierarchikus helyzetét egyes menüpontok a "<" és ">" nyilak.
   • Kattintva szövegét nevét egyes menüpontok - megnyitja Párját ritkító extra testreszabási párbeszédablak ezt az elemet. Én legtöbbször használt alapértelmezett, de technikailag lehet őrülni, és elkezd gyártás kép-alapú menü választás, és adjunk hozzá darabokat a HTML kódot is. Óvatosan jár el mégis.
   • A linkless unclikable almenük szolgál majd a "szülei" más "sub-gyermek" voltam "Code blokk" típusú. Például, ha testre ilyen kód blokk I. pont alá vont "menüpontot alias" = "MemberWing" és a "írja be a kódot blokk:" = "<a href='#'> MemberWing </ a>". Miután href = "#" teszi, de nem lehet rákattintani eljáró érvényes "szülő" menüpont választása.
5. Itt van, hogyan én NAVT "menu1" épít szerkezet volt, mint majdnem kész:
   
6. Befejezés első épület, majd kattintson a "felszerelések" ikonra szabhatja a menü szerkezete:
   
7. Meg fog megnyílni párbeszédablak 4 tabs: Beállítások, Kijelző, CSS, téma.
   1. Menj a "Beállítások" fülre, és győződjön meg róla, minden ellenőrzés nélkül, és "a csoport nevét" azt mondja: "menu1"
   2. Menj a "Display" fülre, és győződjön meg róla, mindent a "Show navigációs csoport ..." területen van jelölve [x]. A többit hagyja az alapértelmezett.
   3. Menj a "CSS" fülre, és válassza a rádió gombot (x) "Ne alkalmazza a CSS osztály".
   4. Menj a "téma" fülre, és töltse azt például, hogy:
      
      Helyezze vissza az "Új címke előtt ..." területen ezt a kódot:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Helyezze vissza az "Új címke után ..." területen ezt a kódot:
      <br style='clear: left' /></div>
   5. Nyomja meg a [Mentés / közeli] gombot
8. Ezen a ponton a menü épületet belülről NAVT plugin lehetőségek teljes.
   Most itt az ideje, hogy egy kis dalt fel értekezés témája kapni készen. Az, hogy mi kell hozzá egy pár egyéni fájlokat - CSS és JavaScript tartozik a menü és a frissítés tézis "custom_functions.php
9. Töltse le a teljes a kép itt .
10. Unzip archívum. Ha már frissítette a custom_functions.php a testreszabott - meg kell egyesíteni őket cuccom. Elmegyek, hogy rajtad múlik.
    Ha még nem érintette meg - nyugodtan, hogy felülírja azt az enyém. Kérjük, vegye figyelembe: Én inkább helyzetben menü alatt a honlap fejléc (alapértelmezett fent) - hogy én is ezt a kiigazítást preferencia is.
11. Feltölt archívum beleértve az összes alkönyvtár és fájl mellett a tézis téma "egyéni" könyvtárban, így:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Még nem ért custom.css - Inkább tartani menü-specifikus CSS alapján saját helyszín kialakulásának elkerülése rendetlenség belül custom.css
12. Ezen a ponton lehet újratölti a weboldalt, és olvasd új gyönyörű új többszintű, egymásba ágyazott, SEO optimalizált menü.
13. Ön bármikor visszatérhet NAVT beállítások és testreszabhatja a menüt több választási lehetőség, illetve áthelyezésére semmit. Ez tükröződni fog az élő oldalon automatikusan.

Az út előtt ...

Ez a leírás tartalmazza a kreatív példa egyfajta menü. Játszottam együtt egy másik -, csak hogy hogyan sötét színű menü így néz ki:

Értekezés témája - a többszintű beágyazott CSS menü - sötét paletta

Azt hiszem, ez elég szép. Sokkal több navigációs minták rendelkezésre álló Dynamic Drive - mindegyik lehetséges-hoz megszokott a tézis és más Wordpress téma némi erőfeszítés:

Dynamic Drive Vízszintes menük

Remélem, megtalálja ezt a bemutató előnyös és hasznos. Mint mondtam, ez lehetséges-hoz megszokott akármi-ból ezek menük tézis - vagyis adott időpontban és a vágy, hogy ez megtörténhet.

Tudtam ezt a munkát az Ön számára szerződéses alapon. Válasszon a menü szeretne, forduljon hozzám és én majd munkát a kódot, és az utasítások az Ön weboldalán.

$ 20

És természetesen, ha te ki az épület szuper SEO optimalizált prémium wordpress tagság portál - a legjobb megoldás a következő:
Szakdolgozat téma + MemberWing tagság dugó + saját otthont Wordpress természetesen.

Tagged as: CSS menü wordpress , szakdolgozat témája , szakdolgozat témája hierarchikus menüket , szakdolgozat témája többszintű menü , szakdolgozat témája nagivation , szakdolgozat témája beágyazott menüket , szakdolgozat témája tutorial , wordpress css menü , wordpress beágyazott menü