A Quest a tökéletes menüt ...
Ez az 1. rész a bemutató
2. része ez a bemutató arra tanít, hogyan kell építeni függőleges menü + sötét színű palettát a vízszintes
Úgy döntöttem, hogy Thesis téma , mert az egyik ügyfél közölte velem a kompatibilitási problémák között tézis és az én wordpress tagság site plugint MemberWing. Én fix, aztán úgy döntött, hogy egy közelebbi pillantást tézis, és valóban a fáradságot, hogy néz videókat a címlapon a fő tézis site - Diythemes.com .
Milyen hatással volt rám a legnagyobb a figyelmet a részletekre, felhasználóbarát és legfőképpen - SEO funkciók, amelyek nagyon jól gondoltam.
MemberWing tagság plugint úgy tervezték, az alapoktól kezdve a tagsági helyek, hogy meg kellene húzni annyi SEO juice lehetséges. Szóval fizetett sok figyelmet a számos SEO fejlesztések és a tökéletességet a MemberWing. Sokan saját ügyfél kéri a különböző témákat használni, és miután témát, mely olyan jól SEO optimalizált mélyéről lenne kiválóan illeszkedik a tagság portál vállalkozók.
Ötvözi SEO hatáskörei MemberWing a SEO hatáskörének értekezés témája adna a legjobb rangsor lehetőséget az ügyfeleimnek. Szóval tézis, és játszott vele egy napig.
Ez egy kiváló téma minden formában. A navigációs része, bár egy kicsit korlátozott funkcióval. Kezdve Thesis 1.5 + ez egy szinttel a menü csak. Én általában a vágy, hogy képes legyen testre navigációt, mint szükséges. Egyes oldalak már csak néhány oldal, sokan mások tonna statikus oldal + zillions cikkek / hozzászólások + sok-sok kategóriában.
Így ideális világban, amelyek egy esélyt, hogy hozzon létre szép látszó hierarchikusan szervezett felhasználóbarát navigációs menü elengedhetetlen. Szakdolgozat jobb kapásból jó néz navigáció, de azt vettem észre, hogy minden tézis-alapú weboldalak néz ki, mint az ikrek. Testreszabása tézis navigációs menü nem igazán egyszerű, így a legtöbb ember csak hagyja, ahogy van. Nincs mód változtatni ahhoz a kategóriák a menüben vagy a helyzet őket az oldalak között. És ismét, a képesség, hogy hozzon létre beágyazott menüstruktúrák hiányzik. Úgyhogy elhatároztam, hogy mit lehetne tenni ezzel kapcsolatban.
Kipróbálása után mintegy fél tucat menü / navigációval kapcsolatos plugins tudom a választási Wordpress Navigation Plugin List NAVT .
NAVT plugin alapvetően rendezetlen lista generátor szuper képzelet, és egy kicsit nehezen alak nem hagyományos admin felületen. Mi a félrevezető róla, hogy valójában nem teremt képzelet keres menük magától. Ez nem a legnehezebb része a munka, bár - ad képes vizuálisan húzza össze, és ezáltal rendezetlen lista - csontváza a menü-to-be. És akkor létre sok menüket is. Lehet húzni mindenféle Wordpress dolgok a navigációs menü oldalakat, hozzászólás, cikkek, kategóriák, felhasználók, kód blokkokat, külső linkek, elválasztó, szeparátorok és keverjük össze, és a mérkőzés és a fészket, és intézkedik, és testreszabhatja őket minden fa-szerű struktúrába akarnak.
NAVT generál neked eredményezett HTML taggel. Második szépsége NAVT, hogy ez segít, hogy helyezze be az új menü be a témát keresztül híres jQuery alapú logika, de nem kell változtatni a kód! NAVT lehetővé teszi, hogy meghatározza: "helyett a # elem az új NAVT menü". # Eleme lehet egy id vagy osztály elérési út a meglévő menüből, vagy div elem tag, amely által keltett aktuális téma. Tehát NAVT ez csere az Ön számára, erőltetés nélkül, hogy bemegy téma kódot, és még inkább zavaros, mint a már nem. Ha ez hangzik, mint a halandzsa - ne aggódj - Majd lépésről lépésre hamarosan. A kihívás része, NAVT mindenki számára, hogy neked kell, hogy dolgozzon ki konkrét CSS + képek + javascript kódot menü magad. És ez rajtad múlik, hogy kitaláljuk, hol és hogyan lehet integrálni ezeket a fájlokat, és ez a cucc rendesen kap kapcsolható össze.
Tisztelettel ismerete nélkül jQuery + néhány PHP + CSS + rendelkezik megfelelő tapasztalattal a 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ó és útmutató emberiség szabadságát épületben a legjobb a legjobb navigációs menük Wordpress. Csak szükség van, hogy megtudja, forrásokat néhány szép látszó vízszintes CSS menük. Felvettem Dynamic Drive honlap a legjobb választás, demók és források.
Én külön egy napot, hogy tanulmányozza tézis és játszani NAVT plugin. A végén büszkén létre egyedi, rugalmas, SEO optimalizált, többszintű, egymásba ágyazott nagivation struktúra a Wordpress + tézis alapú site.
Listája többszintű, egymásba ágyazott Wordpress navigációs menü Thesis Theme
(You Got szeretni ezt a cuccot):
- Szakmai, tiszta megjelenését.
- Támogatja az összes modern böngésző, beleértve a MSIE 6,7, Opera, Safari, Firefox 3.x, a Google Chrome egyaránt javascript és nem javascript mód.
- Kecsesen downgradable nem javascript böngészők. Te menü lesz használható, vizuálisan hasonló, és dolgozik, még a JavaScript böngészők (bár csak a felső szintű navigációs lesz látható és nem leporellói fog történni természetesen, mivel ezek által javascript).
- SEO barát jellemzők - rendezetlen lista menü kódot generál a HTML. Google és más keresőrobotok lesz index a navigációs struktúrát és megtalálni linkeket belső oldalakon.
- Támogatás a korlátlan fészkelő szintek és sublevels.
- Támogatás bármilyen sorrendben, vagy oldalt, hozzászólás (via felhasználó által definiált URI), kategóriák, felhasználók, egyedi kódot blokkok és külső hivatkozások a menüben.
- Támogatás a szöveg-, valamint kép-alapú menü elemeket. (Én még kipróbálni ezeket, bár).
- Menü struktúra és tartalom vizuálisan állítható NAVT admin területen.
- Kompakt: jQuery alapú leporellói a beágyazott szinten.
- Gyors: jQuery A menü betöltése a Google szerverek (Szeretném tézis is, hogy ugyanezt tegyék, hanem 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 plugint beállításokat anélkül, hogy szükség kódolási bárhol.
Én is ezt a kiváló menü Dynamic Drive portál alapul. Kellett szabni javascript kódot egy kicsit, valamint az is darab a PHP be custom_functions.php hogy ez a munka a tézis. Számát is a már meglévő oldalakat, kategóriákat és a hozzászólás az én site használtak összeállítható menü felépítése. A webhely sajátosságait más lesz - de fogalma ugyanaz lesz.
Hát folytassa, jó?
Lépésről lépésre beállítani NAVT -alapú beágyazott, testre szabható, többszintű, SEO barát
és a tiszta hűvös látszó navigációs menü Wordpress és a tézis téma
- Ugrás a Wordpress admin panel. Plugins-> Új keressen rá a "navt". A plugin fog megjelenni. Kattintson az [Install], [Install now], "Aktiválás Plugin".
- 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] gombra. "Menu1" négyszög területe van létrehozva.
Ez a "menu1" terület lesz a fő játszótere menü áll. Nem lesz húzással itt a menü elemeit. - Az "eszközök" területen található "egyéb" ListBox és kattintson a "Home" választás. "Home" thingie jelenik meg benne a "kiosztva" a területen. Furcsa, mi? Nem gond, amíg működik - és ez lesz számunkra.
- Húzza át a "Home" thingie az "eszközök" terület, "menu1" négyszög területe. Ez lesz "Home" menüpontot.
- Ismételje meg a 3-4 bizonyos oldalakat a "Pages" területen, valamint a kategóriák: "kategóriák" terület. Húzza más elemeket akarsz lenni a menü belü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 "code block". Kód blokk jó módja annak, hogy hozzá egyéni töredék belül a menüben.
- Lehet, húzza menüpontok belülről "menu1" terület átrendezni a sorrendben.
- Ön módosíthatja hierarchikus helyzetét minden menüpont a "<" és ">" nyilak.
- Kattintva szöveges nevét egyes menüpontok - megnyitja lélegzetelállító extra testreszabási párbeszédablak ezt az elemet. Én többnyire az alapértelmezett, de technikailag is megbolondul, és elkezdhet kép-alapú menü választás és add darabokat a HTML kódot is. Óvatosan jár mégis.
- A linkless unclikable almenü szolgál majd a "szülei" más "sub-gyermekek" használtam "Code blokk" típusú. Például, ha testre ilyen kód blokk elem beléptem a "menüpont alias" = "MemberWing" és az "Enter code block:" = "<a href='#'> MemberWing </ a>". Miután href = "#" teszi nem lehet rákattintani, hanem eljáró érvényes "szülő" menüpontot.
- Íme az én NAVT "menu1" építettük nézett ki majdnem kész:
- Befejezés első épület, majd kattintson a "fogaskerék" ikonra szabni a menü szerkezete:
- Ez nyitott ablak, 4 lap: Options, Display, CSS, téma.
- Menj az "Options" fülre, és győződjön meg róla, minden ellenőrzött és a "csoport neve" azt mondja: "menu1"
- 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]. Hagyja a többit a alapértékekre.
- Menj a "CSS" fülre, és válassza a rádió gombot (x) "Ne alkalmazza a CSS osztályokat".
- Menj a "téma" fülre, és töltse azt, mint hogy:
Helyezze be az "Add tag ...-ig" a területen ezt a kódot:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Helyezze be az "Add tag után ..." területen ezt a kódot:
<br style='clear: left' /></div> - Nyomja meg a [Mentés / Bezár] gombot
- Ezen a ponton menü épületet belülről NAVT plugint lehetőségek teljes.
Itt az ideje, hogy egy kicsit rázendít a tézis téma , hogy ez kész. Ehhez hozzá kell adnunk néhány saját fájlok - CSS és JavaScript tartozó a menüt, és frissítse tézis "custom_functions.php - Töltse le a teljes fájlok itt .
- Unzip archívum. Ha frissítette a custom_functions.php a saját egyéni - meg kell egyesíteni őket a dolog. Majd rá kellene bízni az Ön számára.
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ü a honlapon fejlécet (alapértelmezett fölött van) -, így a beállítás is ezt a beállítást is. - Feltöltés archívum beleértve az összes alkönyvtárat és fájlt az Ön értekezés témája "szokás" könyvtárba, így:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Én nem érintette custom.css - Én inkább tartani menü-specifikus CSS alatt a saját helyeket, hogy ne alakuljon rendetlenség belül custom.css - Ezen a ponton lehet újratölteni a weboldalt, és olvasd új szép új többszintű, egymásba ágyazott, SEO optimalizált menü.
- Ön bármikor visszatérhet NAVT beállítások és testreszabása menü választék, vagy helyezze át semmit. Ez tükröződik az élő site automatikusan.
Az út előtt ...
Ez a leírás tartalmazza a kreatív példa egyféle menüt. Én játszottam egy másik - csak hogy lássa, milyen sötét színű menü így néz ki:
Szakdolgozat téma - többszintű beágyazott CSS menü - sötét paletta
Szerintem ez nagyon szép. Sokkal több navigációs minták elérhető Dynamic Drive - mindegyik lehet testre tézis és az egyéb Wordpress téma néhány tennivaló:
Dynamic Drive Vízszintes menük
Remélem, megtalálod a bemutató hasznos és hasznos. Mint mondtam, lehetséges, hogy testre bármelyik menük tézis - azaz adott idő és a vágy, hogy ez megtörténjen.
Én is ezt a munkát az Ön számára szerződéses alapon. Csak válassza a menü tetszik, forduljon hozzám és én dolgozni a kódot és utasításokat a honlapon.
$ 20
És persze ha akár építési szuper SEO optimalizált prémium wordpress tagság portál - a legjobb megoldás erre:
Szakdolgozat téma + MemberWing tagság plugint + saját otthont Wordpress természetesen.
