Ang pakikipagsapalaran para sa perpektong vertikaalne menüü ...
Bahagi 1 ng juhendaja na ito na inilarawan sa hakbang-hakbang na proseso ng pagbuo ng pahalang mitmetasandilise Pesastatud menüü para sa WordPress sanaysay Tema . Bahagi 2 ay magpapatuloy sa upang mapahusay ang pag-andar. Narito kami ay idagdag ang "madilim" na bersyon ng pahalang navigatsioonimenüü ako ay magturo sa iyo kung paano upang lumipat sa pagitan ng "maliwanag" at "madilim" na bersyon. Bahagi 2 ay ang superset ng Bahagi 1. Kabilang dito ang lahat mula sa Bahagi 1 + nagdadagdag ng mas cool na Bagay .
Pangunahing ideya na Nais kong ipakita ay pagdaragdag ng vertikaalne menüü sa väitekirja Tema (at sa WordPress sa pangkalahatan). Ako ay naghahanap para sa Talagang nababaluktot, SEO friendly at multi-brauser tugmang vertikaalne menüü na papayagan upang lumikha ng Walang limitasyong mga Antas ng pesitsevate .
WEB ay mai tonelada ng mga pahina sa mga Paksa ngunit kapag sinimulan ko upang subukan ang lahat ng mga proovid - sila alinman sinira pababa, bumagsak bukod, suportado lamang limitadong bilang ng mga Antas o misbehaved sa Gates + Ballmer ni junksplorer 6. Panghuli Nakatanggap ako pabalik sa sinubukan kell pinagkakatiwalaang Dynamic na menu Drive bilang kanilang vertikaalne proovi ng di-napatutunayang upang maging isang magaling Kaso na magkasya ang ui mahigpit na kinakailangan. Mayroon akong sa makabuluhang baguhin ang mga ito kahit na upang tiyakin na ito umaangkop sanaysay modelo.
Ang pakikipagsapalaran para maging perpekto patuloy ...
Ako nagastos Andmeid SA 16 na oras naghahanap, kokkupanekut pagsubok, pag-aayos, buli kell tuning CSS vertikaalne menüü. Js kood 3/4 ng oras ay ginugol sa paggawa ng ITO upang gumana sa MSIE 6.
Niikuinii, ako ay masaya na sa huling resulta. Nagresulta vertikaalne navigatsiooni menüü ay mai lahat ang parehong mga pakinabang na pahalang na menu ju võib.
Ang pagkakaroon ng kakayahan upang magdagdag ng mga vertikaalne menüü ay napakahalaga sa Andmeid sa 70-80% ng mga portaal SA veebis. Pahalang na menu võib limitadong "ruum" upang mapagkasya ang maraming mga pagpipilian SA menüü ngunit vertikaalne menüü ay Walang limitasyon na ito juures nais makatulong sa napakalaki. Kaya dito namin pumunta.
Napakaraming mga hakbang upang lastetuba itong mangyari naka inilarawan sa bahagi 1 ng juhendaja kaya ito ay gagawa nito para sa isang natuke mas maikli isa, ngunit võib mas higit pang mga tampok na mayaman mga resulta.
Kaya dito ITO napupunta:
Ehitus SEO friendly na, vertikaalne, mitmetasandiline, hierarhiliselt sisestatud menüü para sa WordPress juures väitekirja Tema. Hakbang-hakbang
(... Kung ano ang iyong hindi kailanman naisip posibleng ...)
- I-install ang exec php plugin at isaaktibo ito. Kami ay kailangan dahil ito ay ko bang gamitin ang PHP sa LOOB ng vidina Teksto sa naglalabas ng HTML kood vertikaalne menüü. "
- Gawin hakbang 1-6 mula sa bahagi 1 ng juhendaja . Talaga kailangan Mong i installida juures i-activate gamitin NAVT plugin + paningin bumuo ng iyong menüü. Siguraduhin na ang iyong pangalan menüü Grupo ay "menu1. Ang pangalan na ito tegevusrühmad võivad kõva kodeeritud SA custom_functions.php
- Mag-click sa ikoon na "käik" para sa iyong grupp na "menu1" upang i-edit ITO ng katangian:
- Sumusunod ang Steps 7,1 -7,3 ng Bahagi 1 juhendaja upang itakda ang "Options", "Display" at "CSS" tab ng mga seade.
- Ngayon mag-click sa tab na "Mga Tema" sa dialoog na ito. Kami ay papatungan ang bilang ng mga seade doon (kung ikaw ay sumusunod na hakbang 1). Ito ay ok - hindi mo mawawala ang anumang Bagay - ngunit ang mga pagbabagong ito ay kinakailangan dahil ako ay nagbago ng ilang mga kood mula sa hakbang 1.
Narito kung paano dialoog na ito ay kailangang Mai-napunan:- Sa LOOB ng "Theme XPath:" Lugar ipasok ang kood na ITO (ITO utos na palitan ang anumang mga tag na võib mga klase):
.jquerycssmenu, .jqueryslidemenu - Itakda ang "Action" sa "Palitan ng"
- Sa LOOB ng "Magdagdag ng mga tag Bago nabigasyon grupp" na Lugar ipasok ang kood na ito:
<div class='jquerycssmenu' style='margin-top:5px;'> - Sa LOOB ng "Magdagdag ng mga tag pagkatapos nabigasyon grupp" na Lugar ipasok ang kood na ito:
<br style='clear: left' /></div> - Mag-click SA [Save / isara] na nuppu.
- Sa LOOB ng "Theme XPath:" Lugar ipasok ang kood na ITO (ITO utos na palitan ang anumang mga tag na võib mga klase):
- Ngayon pumunta sa WordPress admin panel -> Itsura -> Mga vidin.
- I-drag ang "Tekst" vidina (mula sa malaking ala "Magagamit na mga vidina") SA Lugar ng "Sidebar 1" sa Kanan. Na nime pagdaragdag ng kood papunta SA tekst vidina na makakatulong sa Amin upang maging totoo vertikaalne menüü.
TANDAAN: maglakas-LOOB ko mayroon kang "Sidebar 1" sa pagkakaroon. Lõputöö pagpipilian ay nagbibigay-Daan sa iyo upang i-off ito - ngunit para sa kapakanan ng juhendaja na ito Võtke meiega SA lastetuba itong maging. - Sa sandaling norima-drag ka kell bumaba ang vidina na ito - ito ay Bubukas tulad ng isang bulaklak (ako pakiramdam romantikong ngayon na MSIE pakikibaka ay higit sa).
- Sa Lugar ng "Pamagat" ilagay ang "Mundo ng pinakamahusay na vertikaalne menüü na" ... Noh, huwag mag-atubiling gamitin ang iyong pagkamalikhain - Teksto na ay pumunta sa itaas ng iyong Bagong ipinanganak vertikaalne menüü.
- Sa malaking Lugar para sa Teksto - ipasok ang PHP kood:
<?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;
?> - Pindutin ang [I-save] na nupp, i-click SA "Isara" na link.
- I-download ang uuendus na seatud ng mga fail dito .
Arhiiv na ito ang:- Nai-update na bersyon ng "maliwanag" pahalang na menu kood
- "Madilim" na bersyon ng pahalang na menu
- Vertikaalne menüü koodid
- Nai-update na bersyon ng custom_functions.php
- Ngayon ay kailangan Mong magsiper ang arhiiv i-upload ito sa "custom" na direktoryo ng iyong sanaysay Tema.
Tandaan: kung nagawa mo na ang anumang mga pagpapasadya sa LOOB custom_functions.php - kailangan mo upang pagsamahin ang mga ito. Kung hindi - huwag mag-atubiling itong patungan ng ui bersyon. - Voila! Ngayon maaari Mong i-reload ang iyong mga veebilehel makita ang parehong "maliwanag" pahalang na menüü + neato vertikaalne menüü sa kaliwang sidebar.
- BONUS Gawain: Hayaan baguhin ang "maliwanag" pahalang na menu papunta SA "tume" värvilahendused.
- Sa LOOB ng custom_functions.php faili:
palitan ang kood na ito:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
SA ang kood na ito:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Talaga namin ang pagkomento välja isang äriühing Linya juures või eemaldada ang iba pang isa. - Ngayon pumunta sa WordPress admin-> Tööriistad-> Listahan NAVT kell mag-click sa ikoon nimetatud "käik" upang i-edit ang mga katangian ng iyong Grupo "menu1".
- I-kliki ang "Tema" na tab.
- Sa LOOB ng "Magdagdag ng mga tag Bago nabigasyon grupp" na Lugar ipasok ang kood na ito:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Ngayon - i-reload ang iyong mga pahina - at ang iyong pangunahing pahalang navigatsioonimenüü na "võluväel" naging madilim, isang Bagay tulad na:
Dark värvipalett ay maaaring maging mas angkop para sa ilang mga site kaysa sa Liwanag isang kulay. Kaya ngayon ikaw ay mai Kalayaan sa pagpili sa iyong Buhay!
- Upang bumalik SA "maliwanag" kava ng kulay - lamang i-undo sa itaas "boonus" na mga hakbang.
- Sa LOOB ng custom_functions.php faili:
- Konklusyon:
Gustung-mõnu ko ang väitekirja Tema, pag-ibig ko WordPress kell gustong-mõnu ko ang katotohanan na mayroon kaming mga paraan upang magdagdag ng disenteng mga menüü nabigasyon sa aming mga portaal.
$ 20
Enjoy!
Gleb esman
{Komento sa ang kanne na ito ay sarado}





