Quest pentru meniu vertical perfect ...
Partea 1 a acestui ghid descrise pas cu pas procesul de construcţie orizontale imbricate meniu mai multe niveluri pentru Wordpress tema tezei de doctorat . Partea 2 vor continua pentru a spori această funcţionalitate. Aici vom adăuga "întunecată" traducere de meniul de navigare orizontal şi eu vă va învăţa cum pentru a comuta între "strălucitoare" şi "întuneric" versiune. Partea 2 se superset din partea 1. Acesta include toate de la partea 1 + adaugă mai multe chestii misto.
Ideea principală pe care am vrut să prezinte este adăugarea meniu vertical la tema tezei de doctorat (şi la Wordpress, în general). Am fost într-adevăr în căutarea flexibile, SEO prietenos şi multi-browser-ul meniu vertical compatibil, care ar permite să creaţi niveluri nelimitat cuiburi.
WEB a tone de pagini pe această temă, dar când am început să încerc toate aceste probe - ei fie stricat, destrămat, susţinută doar un număr limitat de nivele sau se comportă rău în junksplorer Gates + lui Ballmer 6. În cele din urmă m-am întors la încercat şi de încredere, Dynamic Drive meniurile verticale ca probele lor sa dovedit a fi un caz frumos care se potriveşte cerinţelor stricte mea. Am avut de a le modifica în mod semnificativ, deşi pentru a vă asigura că se potriveşte modelul tezei.
Căutarea perfecţiunii continuă ...
Mi-am petrecut aproximativ 16 oră căutarea, asamblarea, testarea, fixare, lustruire si tuning CSS meniu vertical şi. JS timp de cod şi 3 / 4 a fost cheltuit ceea ce face să lucreze în MSIE 6.
Oricum, am fost multumit de rezultatul final. verticale meniul de navigare a dus toate aceleaşi beneficii de care are meniu orizontal.
Având posibilitatea de a adăuga meniu vertical este foarte important la aproximativ 70-80% din portaluri de pe web. meniuri orizontale au limitat "spaţiu" pentru a se potrivi mai multe opţiuni de meniu meniu vertical, dar nu are această limitare şi ar ajuta foarte mult. Deci, aici vom merge.
O mulţime de măsuri pentru a face acest lucru sunt deja descrise în partea 1 din tutorial astfel că aceasta se va face pentru un pic mai scurt unul, dar cu rezultate mult mai mult feature bogat.
Deci, aici merge:
Construirea SEO prietenos, verticale, mai multe niveluri, imbricate ierarhic şi meniul pentru Wordpress tema tezei de doctorat . Pas cu pas
(... Ceea ce nu credeam ca este posibil ...)
- Instalaţi plug-in php exec si activa. Am avea nevoie de ea, deoarece voi folosi PHP in interiorul widget text pentru a emite meniu vertical "codul HTML.
- Nu etapele 1 - 6 din partea 1 din tutorial . Practic ai nevoie pentru a instala şi a activa plugin-ul NAVT utilizare + construi vizual meniu. Asiguraţi-vă că numele grupului dvs. de meniu este "menu1". Acest nume este hardcoded în custom_functions.php
- Faceţi clic pe "uneltele" pictograma pentru dumneavoastră "menu1" grup pentru a edita proprietăţile este:
- Urmează Paşi 7.1 -7.3 din partea 1 tutorial pentru a stabili "Options", "Display" şi "CSS" setările file.
- Acum, faceţi clic pe "Tematica" fila din acest dialog. Vom suprascrie număr de setări de acolo (dacă aţi fost în urma pasul 1). Acest lucru este ok - nu vei pierde nimic -, dar aceste modificări sunt necesare, deoarece mi-am schimbat unele cod de la pasul 1.
Iată cum acest dialog trebuie să fie completat:- In interiorul "XPath Tema:" zonă să introduceţi acest cod (acesta comenzi pentru a înlocui orice etichetă cu aceste clase):
.jquerycssmenu, .jqueryslidemenu - Set "acţiune" la "Înlocuieşte cu"
- In interiorul "Adăugaţi etichete înainte de grupul de navigare" zonă să introduceţi acest cod:
<div class='jquerycssmenu' style='margin-top:5px;'> - In interiorul "Adăugaţi etichete după grup de navigare" zonă să introduceţi acest cod:
<br style='clear: left' /></div> - Faceţi clic pe [Save / aproape de butonul].
- In interiorul "XPath Tema:" zonă să introduceţi acest cod (acesta comenzi pentru a înlocui orice etichetă cu aceste clase):
- Acum du-te la panoul de administrare Wordpress -> Aspect -> Widgets.
- Drag "Text" widget (de la mare "widget-uri disponibile" zonă) în "Sidebar 1" zona de pe dreapta. Ne va fi adăugarea de cod în widget text care ne va ajuta să se materializeze meniu vertical.
NOTĂ: Presupun aţi "Sidebar 1" în existenţa. Teza de opţiuni vă permite să-l dezactivaţi - dar de dragul de a face acest tutorial sa fie. - Odată ce aţi târât şi a scăzut acest widget - se va deschide ca o floare (mă simt romantica acum că lupta MSIE este de peste).
- În "Titlu" intra in zona de "World's cele mai bune meniu vertical" ... Ei bine, nu ezitaţi să folosim creativitatea ta - acest text va merge de mai sus dvs. meniu vertical nou-născut.
- In zona de mare pentru text - introduceţi acest cod 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;
?> - Apăsaţi pe [Save] buton, faceţi clic pe "Close" link-ul.
- Descărcaţi actualizat set de fişiere de aici .
Aceasta arhiva include:- versiunea actualizată a "luminos" codul de meniu orizontal
- "Dark" versiune de meniu orizontal
- Meniu vertical coduri
- Versiune actualizată a custom_functions.php
- Acum ai nevoie pentru a dezarhiva această arhivă şi încărcaţi-l în "personalizate" directorul dvs. de tema tezei de doctorat .
Notă: dacă aţi făcut nici o personalizare in interiorul custom_functions.php - v-ar trebui să le fuzioneze. Dacă nu - nu ezitaţi să o suprascrieţi cu versiunea mea. - Voila! Acum, puteţi reîncărca site-ul dvs. şi să vedeţi aceeaşi "luminos" meniu orizontal + neato meniu vertical în bara laterală stânga.
- Sarcina BONUS: Să schimba "luminos" meniu orizontal pe sistemul "întuneric culoare".
- În interiorul fişier custom_functions.php:
înlocuiţi acest cod:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
cu acest cod:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Practic suntem comentarea o singură linie şi uncommenting celălalt. - Acum du-te la Wordpress admin-> Instrumente-> NAVT Liste menţionate mai sus şi faceţi clic pe "unelte" icoana pentru a edita proprietatile "menu1" grup.
- Faceţi clic pe "Tematica" tab.
- In interiorul "Adăugaţi etichete înainte de grupul de navigare" zonă să introduceţi acest cod:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Acum - reîncărca pagina dvs. - şi vă meniul principal de navigare orizontal "magic" a devenit întuneric, ceva de genul asta:
Tema tezei de doctorat - mai multe niveluri imbricate CSS meniu - paleta de întuneric
paleta de culoare închisă poate fi mai potrivite pentru anumite site-uri decât o culoare deschisa. Deci, acum ai o libertate de alegere in viata ta!
- Pentru a ajunge înapoi la "luminos" schema de culori - doar anulează de mai sus "Bonus" paşi.
- În interiorul fişier custom_functions.php:
- Concluzie:
Îmi place Tema tezei de doctorat , îmi place Wordpress si-mi place faptul că avem o modalităţi de a adăuga meniuri de navigare decente pentru portalurile noastre.
20 dolari
Bucuraţi-vă!
Gleb Esman
comments } ( 5 comentarii )




