A törekvés a tökéletes függőleges menü ...

1. része a bemutató leírt folyamatot lépésről lépésre az épület vízszintes többszintű ágyazott menü Wordpress értekezés témája . 2. rész továbbra is az, hogy fokozza ezt a funkciót. Itt lesz hozzá "sötét" változata vízszintes navigációs menü, és én majd tanítani, hogyan kell váltani a "fényes" és "sötét" változat. A 2. rész az felülbírálja az 1. rész. Magában foglalja mindazokat az 1. rész + hozzáteszi még 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, SEO barátságos és több böngésző kompatibilis vertikális menüt, amely lehetővé teszi, hogy hozzon létre korlátlan fészkelő szinten.

Web tonna oldalt a témában, de amikor elkezdtem próbálni ezeket a mintákat - ők sem tört le, szétesett, támogatja csak korlátozott számú szintet, vagy rosszul viselkedő a 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 helyzet, hogy illik a szigorú követelményeknek. Kellett jelentősen módosíthatja őket, bár, hogy biztosan elfér tézis modell.
A törekvés a tökéletességre továbbra is ...

Töltöttem mintegy 16 órát keres, összeszerelés, tesztelés, rögzítés, polírozás és tuning függőleges menü CSS és. Js kódot, és 3 / 4 részét időt töltött így dolgozni MSIE 6.
Egyébként, boldog voltam a végeredmény. 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 függőleges menü nagyon fontos, hogy kb 70-80%-portálok az interneten. Vízszintes menük korlátozott "space" elhelyezésére sok menüpontok, de függőleges menüben nincs ilyen korlátozás, és segítene nagyon. Tehát itt is 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ókban 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ézis témát . Step by Step
(... Amit nem is gondoltam ...)

1. Telepítse exec php plugint , és aktiválja azt. Mi lesz rá szükség, mert a PHP belsejében a szöveg widget bocsát ki függőleges menü "HTML kódot.
2. Ne lépéseket 1 - 6 1. részének bemutatója . Alapvetően meg kell telepíteni és aktiválni használata NAVT plugint + vizuális készítsd el a menüt. Győződjön meg róla, hogy menücsoport neve "menu1". Ez a név hardcoded a custom_functions.php
3. Kattintson a "hajtómű" ikonjára "menu1" csoport szerkeszteni tulajdonságait:
   
4. Követi lépései 7,1 -7,3 1. rész bemutató állítani "Beállítások", "Display" és a "CSS" fülek beállításait.
5. Most kattintson a "téma" lapján ebben a párbeszédablakban. Mi felülírja több beállítást is (ha már a következő lépés 1). Ez rendben van - akkor nem veszít semmit -, de ezek a változások szükségesek, mert már megváltozott valami kód az 1. lépéstől.
   Itt van, hogy ez a párbeszéd kell kitölteni:
   1. Belül a "Theme XPath:" területet be ezt a kódot (ez parancs helyett minden tag ezekkel osztályok):
      .jquerycssmenu, .jqueryslidemenu
   2. Állítsa be a "cselekvés" és a "Csere"
   3. Belül a "Címkék hozzáadása előtt navigáció csoport" terület be ezt a kódot:
      <div class='jquerycssmenu' style='margin-top:5px;'>
   4. Belül a "Címkék hozzáadása után navigáció csoport" területet be ezt a kódot:
      <br style='clear: left' /></div>
   5. Kattintson a [Mentés / Bezár] gombot.
6. Most megy a Wordpress admin panel -> Megjelenés -> Widgets.
7. Húzza "Szöveg" widget (a nagy "Elérhető widget" terület) a "Sidebar 1" területet a jobb oldalon. Mi lesz hozzá kódot a szöveg widget, amely segít bennünket, hogy testet függőleges menüben.
   Megjegyzés: Gondolom van "Sidebar 1" létezik. Szakdolgozat opció lehetővé teszi, hogy kapcsolja ki -, de a kedvéért a bemutató legyen teszik lehet.
8. Ha húzni, és leesett a widget - ez nyílik meg, mint egy virág (érzek most, hogy romantikus MSIE küzdelem vége).
9. A "Cím" területet 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.
10. 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;
?>
11. Nyomja meg a [Save] gombra, kattintson a "Close" linkre.
12. Letöltés frissített fájlokat itt .
    Ez az archívum tartalmazza:

    
    

    • Frissített változata "fényes" horizontális menü kód
    • "Dark" változata vízszintes menü
    • Függőleges menü kódok
    • Aktualizált változatát custom_functions.php
13. Most kell unzip ezt az archívumot, és töltse be a "szokás" könyvtárba értekezés témája .
    Megjegyzés: Ha volna olyan egyéni belül custom_functions.php - azt kell egyesíteni őket. Ha nem - nyugodtan, hogy felülírja azt a változatot.
14. Íme! Most akkor újratölti a weboldalt, és olvasd ugyanazt a "fényes" horizontális menü + neato vertikális menüt a bal oldali ablaktáblában.
15. BONUS feladat: Legyen változás "fényes" horizontális menü-ra a "sötét" színséma.
    1. Inside custom_functions.php file:
       helyett ezt a kódot:
       echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
       az ezt a kódot:
       //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.
    2. Most megy a Wordpress admin-> Tools-> NAVT listák és kattintson a fenti "fogaskerék" ikonra szerkeszteni tulajdonságait a "menu1" csoportba.
    3. Kattintson a "téma" fülre.
    4. Belül a "Címkék hozzáadása előtt navigáció csoport" terület be ezt a kódot:
       <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. Most - újra az oldal - és a fő horizontális navigációs menü "varázslatosan" lett sötét, valami ilyesmi:
       

       Szakdolgozat téma - többszintű beágyazott CSS menü - sötét paletta

       Sötét színpaletta is jobban megfelel az egyes helyszínek, mint a fény színe egy. Tehát most van egy szabad választás az életedben!

    6. Ahhoz, hogy vissza a "fényes" színösszeállítást - csak undo fenti "Bonus" lépéseket.
16. Következtetés:
    Szeretem tézis téma , szeretem Wordpress és imádom azt a tényt, hogy van egy módja, hogy adjunk tisztességes navigációs menük a portálok.

$ 20

Enjoy!

Gleb Esman

Tagged as: hierarchikus menü wordpress , hogyan kell építeni wordpress navigáció , többszintű menü wordpress , navigációs menü wordpress , dolgozat témája , szakdolgozat témája menü , szakdolgozat témája oktató , wordpress menü , wordpress navigáció , wordpress beágyazott menü