Pátrání po dokonalé vertikální nabídky ...
Část 1 tohoto návodu popsány krok za krokem při budování víceúrovňového horizontální vnořené menu pro téma práce WordPress . Část 2 bude pokračovat na posílení této funkce. Zde budeme přidávat "tmavý" verzi horizontální navigační menu a já vás naučí, jak se přepínat mezi "světlé" a "tmavý" verzi. Část 2 je podmnožinou části 1. To zahrnuje vše od části 1 + přidává další chladné věci.
Hlavní myšlenka, že bych chtěl prezentovat přidává vertikální menu na téma práce (a WordPress obecně). Hledal jsem opravdu flexibilní, SEO přátelský a multi-kompatibilní se všemi prohlížeči vertikální menu, které by umožnilo vytvořit neomezené hnízdění úrovně.
Web má spoustu stránek na toto téma, ale když jsem se začal snažit všechny tyto vzorky - buď se porouchala, rozpadla, podporována pouze omezený počet úrovní a zlobil se Gates a více junksplorer Ballmer je 6. Nakonec jsem se vrátil do osvědčené Dynamic Drive menu jako jejich vertikální vzorků ukázal být pěkný případ, který se hodí své přísné požadavky. Musel jsem se výrazně upravovat i když se ujistit, že padne Diplomový model.
Pátrání po dokonalosti pokračuje ...
Jsem strávil asi 16 hodin hledání, montáž, zkoušení, kterým se stanoví, leštění a ladění vertikální jídelníčku CSS a JS kód týden a 3/4 doby trávili což je pro práci v MSIE 6.
Tak jako tak, byl jsem spokojený s konečným výsledkem. Výsledkem vertikální navigační menu má všechny stejné výhody , že horizontální menu má.
S možnost přidat vertikální menu je velmi důležité, aby o 70-80% portálů na internetu. Horizontální menu mají omezené "mezera" ubytovat mnoho možností v menu, ale vertikální nabídce nemá toto omezení a pomohlo by značně. Tak jdeme na to.
Spousta kroky, aby se to stalo již popsány v části 1 tutoriálu tak to bude to pro trochu kratší, ale s mnohem více funkcí bohatých výsledků.
Tak tady to jde:
Stavební SEO přátelský, vertikální, víceúrovňové, hierarchicky vnořené menu pro WordPress a téma práce. Krok za krokem
(... To, co jste nikdy nenapadlo, že to možné ...)
- Instalace php exec plugin a aktivovat. Budeme ho potřebovat, protože budu používat PHP uvnitř textového widgetu vydávat vertikální menu 'HTML kód.
- Proveďte kroky 1 - 6 z části 1 tutoriálu . V podstatě je třeba nainstalovat a aktivovat pomocí NAVT plugin + vizuálně vytvářet své nabídky. Ujistěte se, že vaše nabídka je název skupiny "menu1". Toto jméno je napevno v custom_functions.php
- Klepněte na tlačítko 'převodovky' icon pro vašeho 'menu1 "skupinou jej upravit vlastnosti:
- Vyplývá kroky 7.1 -7.3 části 1 tutoriál k nastavení "Options", "Display" a "CSS" záložek nastavení.
- Nyní klikněte na "téma" záložce tohoto dialogu. My přepíše počet nastavení (pokud jste tam byli po kroku 1). To je v pořádku - neztratíte nic - ale tyto změny jsou nezbytné, protože jsem změnil nějaký kód z kroku 1.
Zde je návod, jak tento dialog musí být vyplněny:- Uvnitř "Theme XPath:" Oblast zadání Tento kód (to přikazuje nahradit jakoukoli značku těchto tříd):
.jquerycssmenu, .jqueryslidemenu - Nastavte "akce" na "Nahradit"
- Uvnitř "Přidat značky, než navigace skupiny" oblasti zadejte tento kód:
<div class='jquerycssmenu' style='margin-top:5px;'> - Uvnitř "Přidat značek navigaci skupiny" oblasti zadejte tento kód:
<br style='clear: left' /></div> - Klikněte na [Save / zavřít] tlačítko.
- Uvnitř "Theme XPath:" Oblast zadání Tento kód (to přikazuje nahradit jakoukoli značku těchto tříd):
- Nyní přejděte do WordPress admin panelu -> Vzhled -> Widgety.
- Přetáhněte "TEXT" Widget (z velkého "k dispozici widgety na plochu) do postranního panelu" 1 "prostoru na pravé straně. Budeme přidávat kód do textového prvku, který nám pomůže se zhmotnit vertikální menu.
Poznámka: Předpokládám, že máte "Sidebar 1" v existenci. Práce volba umožňuje vypnout - ale pro účely tohoto tutoriálu si nechat to být. - Poté, co přetáhnout tuto pomůcku - bude se otevře jako květ (jsem pocit, že se romantická MSIE boj je u konce).
- V oblasti "Název" zadejte "nejlepší světové vertikální menu," ... No, neváhejte využít svou kreativitu - že text půjde především nově narozeného vertikální menu.
- Ve velkém prostoru pro text - zadejte tento kód PHP:
<?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;
?> - Stiskněte tlačítko [Uložit], klikněte na tlačítko na "Zavřít" odkaz.
- Stáhněte si aktualizovanou sadu souborů zde .
Tento archiv obsahuje:- Aktualizovaná verze "jasný" horizontální nabídky kód
- "Dark" verze horizontální nabídce
- Vertikální nabídky kódy
- Aktualizovaná verze custom_functions.php
- Nyní je potřeba tento archiv rozbalit a nahrát jej do 'Vlastní' adresáře Téma disertační práce.
Poznámka: pokud jste udělali nějaké úpravy uvnitř custom_functions.php - byste třeba sloučit. Pokud tomu tak není - klidně ho přepsat s mou verzi. - Voila! Nyní můžete načíst své webové stránky a podívat se na stejné "jasný" horizontální menu + neato svislé menu v levém panelu.
- BONUS úkol: Nechte měnit "jasný" horizontální menu na "tmavý" barevného schématu.
- Uvnitř custom_functions.php souboru:
nahradit tento kód:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
s tímto kódem:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
V podstatě jsme se komentuje jeden řádek a odkomentováním tu druhou. - Nyní přejděte do WordPress admin-> Nástroje-> NAVT seznamy a klikněte na výše uvedený "rychlost" ikonu upravovat vlastnosti vaší 'menu1 "skupinou.
- Klikněte na "téma" kartu.
- Uvnitř "Přidat značky, než navigace skupiny" oblasti zadejte tento kód:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Nyní - dobíjení stránku - a váš hlavní horizontální navigační menu "magicky" se stal tmavý, něco takového:
Tmavá barva paleta může být vhodnější pro určité stránky, než světlé barvy jeden. Takže teď máte svobodu volby ve svém životě!
- Dostat se zpátky do "jasný" barevného schématu - stačí vrátit zpět výše uvedené kroky "bonus".
- Uvnitř custom_functions.php souboru:
- Závěr:
Miluji Téma disertační práce, miluji WordPress a mám rád, že máme slušné způsoby, jak přidat navigační menu na našich portálech.
20 dolarů
Užijte si to!
Gleb Esman
{Komentáře k tomuto vstupu jsou zavřené}





