A küldetés a tökéletes függőleges menü ...
1. rész a bemutató, lépésről lépésre leírt kiépítésének folyamata többszintű vízszintes menü beágyazott WordPress értekezés témája . 2. rész továbbra is az, hogy fokozza ezt a funkciót. Itt fogunk hozzá "sötét" változata vízszintes navigációs menü, és megtanítom, hogyan kell váltani a "fényes" és "sötét" változat. 2. rész felülbírálja az 1. részben foglaltakat. Magában foglalja mindazokat az 1. rész + hozzáteszi több jó dolgok.
Fő gondolata, hogy szerettem volna bemutatni a hozzá függőleges menü Szakdolgozat téma (és a WordPress általában). Kerestem nagyon rugalmas, és a SEO barát multi-kompatibilis böngésző vertikális menüt, amely lehetővé tenné, hogy hozzon létre korlátlan költési szintet.
Web tonna oldalak a témában, de amikor elkezdtem próbálni ezeket a mintákat -, mert vagy elromlott, szétesett, támogatja csak korlátozott számú szintet, vagy rosszul viselkedő Gates + Ballmer junksplorer 6. Végül kaptam vissza a kipróbált és megbízható Dynamic Drive menük , mint a függőleges minta bizonyult egy szép eset, hogy illik a szigorú követelményeknek. Kellett jelentősen módosíthatja őket ellenére, hogy biztosan elfér tézis modell.
A törekvés a tökéletesség folytatódik ...
Töltöttem mintegy 16 órát keres, összeszerelés, tesztelés, rögzítése, polírozás és tuning függőleges menü CSS és. JS kódot és 3/4 időt töltöttek így dolgozni MSIE 6.
Akárhogy is, elégedett voltam a végeredményt. Eredményezte, függőleges navigációs menü minden ugyanazokat az előnyöket , hogy a horizontális menü.
Miután képes felvenni a függőleges menü nagyon fontos, hogy mintegy 70-80%-portálok az interneten. Vízszintes menük korlátozott "space" elszállásolásáról, sok menüpont, de függőleges menüben nincs ilyen korlátozás, és segítene mérhetetlenül. Tehát itt vagyunk.
Sok lépést a siker érdekében már ismertetett 1. részét bemutató , így ez lehetővé teszi majd, hogy egy kicsit rövidebb, de sokkal több funkció gazdag eredményeket.
Tehát itt ez megy:
Building SEO barát, függőleges, többszintű, hierarchikusan egymásba ágyazott menü WordPress és a téma tézis. Step by Step
(... Amit nem is gondoltam ...)
- Telepítse exec php plugint , és aktiválja azt. Mi lesz rá szükség, mert a PHP a szövegen belüli widgetet bocsát ki függőleges menü "HTML kódot.
- Tegye meg az 1 - 6 az 1 rész bemutatója . Alapvetően meg kell telepíteni és aktiválni használni NAVT plugint + vizuálisan készítsd el a menüt. Győződjön meg róla, hogy menücsoport neve "menu1". Ez a név bedrótozva a custom_functions.php
- Kattintson a "hajtómű" ikonja "menu1" csoport szerkesztéséhez tulajdonságait:
- Követi lépései 7,1 -7,3 1. rész bemutató állítani "Options", "Display" és a "CSS" fülek beállításait.
- Most kattintsunk a "téma" lapján ez a párbeszédablak. Mi felülírja számos beállítás van (ha követte 1. lépés). Ez rendben van - nem fog veszíteni semmit - de ezek a változások szükségesek, mert már megváltozott valami kód az 1. lépéstől.
Íme ez a párbeszédablak kell kitölteni:- Belül "XPath téma:" területre írjuk be ezt a kódot (azt parancsolja, hogy lecserélné bármely tag ezen osztályok):
.jquerycssmenu, .jqueryslidemenu - Állítsa be a "cselekvés" és a "Csere"
- Belül az "Add tag navigáció előtt csoport" terület be ezt a kódot:
<div class='jquerycssmenu' style='margin-top:5px;'> - Belül az "Add tag után navigáció csoport" területet be ezt a kódot:
<br style='clear: left' /></div> - Kattintson a [Mentés / Bezár] gombra.
- Belül "XPath téma:" területre írjuk be ezt a kódot (azt parancsolja, hogy lecserélné bármely tag ezen osztályok):
- Most megy a WordPress admin panel -> Megjelenés -> kütyü.
- Húzza "szöveg" felületi (a nagy "Elérhető widgetek" terület) a "Sidebar 1" területet a jobb oldalon. Mi lesz hozzá kódot a szöveges widget, amely segít bennünket, hogy valóra függőleges menüben.
Megjegyzés: Gondolom van "Tálaló 1" létezését. Szakdolgozat opció lehetővé teszi, hogy kapcsolja ki -, de a kedvéért legyen ez a bemutató tenni, akkor lehet. - Ha húzni, és leesett ez a widget - ez, mint egy virág nyílik (érzek most, hogy romantikus MSIE harc vége).
- A "Cím" területen adja meg a "Világ legjobb függőleges menü" ... Nos, nyugodtan használja a kreativitását - hogy a szöveg megy fent a frissen született függőleges menüben.
- A nagy területen a szöveg - írja a PHP kód:
<?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?> - Nyomja meg a [Mentés] gombra, kattintson a "Close" linkre.
- Töltse le a frissített fájlok itt .
Ez az archívum tartalmazza:- Frissített változata a "fényes" horizontális menü kód
- "Sötét" változata vízszintes menü
- Függőleges menü kódok
- Frissített változata custom_functions.php
- Most kell, hogy csomagolja ezt az archívumot, és töltsd be a "testre szabott" könyvtárba értekezés témája.
Megjegyzés: ha ezt megtette minden testreszabást custom_functions.php belül - azt kell egyesíteni őket. Ha nem - nyugodtan, hogy felülírja azt a saját verziómat. - Voila! Most akkor újratölti a weboldalt, és olvasd ugyanazt a "fényes" horizontális menü + neato vertikális menüt a bal oldali oldalsávon.
- BONUS feladat: Legyen változtatni "fényes" horizontális menüből a "sötét" színséma.
- Belül custom_functions.php fájl:
helyett ezt a kódot:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
ezzel a kóddal:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Alapvetően mi megjegyzésbe egy sort, és uncommenting a másikat. - Most megy a WordPress admin-> Tools-> NAVT Listák és kattintson a fenti "fogaskerék" ikonra szerkesztheti a tulajdonságait a "menu1" csoportba.
- Kattintson a "téma" fülre.
- Belül az "Add tag navigáció előtt csoport" terület be ezt a kódot:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Most - újratölti a lap -, és a fő horizontális navigációs menü "varázsütésre" lett sötét, valami ilyesmi:
Sötét színpaletta lehetnek alkalmasak bizonyos oldalak, mint a fény színét 1. Tehát most van a választás szabadságának az életed!
- Ahhoz, hogy vissza a "fényes" színösszeállítás - éppen a fenti visszavonás "Bonus" lépéseket.
- Belül custom_functions.php fájl:
- Következtetés:
Szeretem tézis téma, szeretem WordPress és imádom azt a tényt, hogy van egy hozzá méltó módon navigációs menük, hogy a portálok.
$ 20
Élvezze!
Gleb Esman
{Hozzászólások ebben a bejegyzés zárva}





