Kërkimin për menynë e përsosur Vertical ...
Pjesa 1 e këtij tutorial përshkruar hap pas hapi procesin e ndërtimit të horizontal menu nivele rrjetore për Wordpress Theme Thesis . Pjesa 2 do të vazhdojë për të përmirësuar këtë funksionalitet. Këtu ne do të shtojë "errët" versionin e menu navigacion horizontal dhe unë do të mësojmë se si të kaloni në mes të "ndritur" dhe "errët" version. Pjesa 2 është superset e Pjesës 1. Ai përfshin të gjitha nga Pjesa 1 + shton më shumë cool stuff.
Ideja kryesore që kam kërkuar për të paraqitur, ka shtuar menynë vertikale në temë Thesis (dhe për të WordPress në përgjithësi). Unë isha duke kërkuar për fleksibël të vërtetë, SEO miqësore dhe multi-browser-menu kompatibile vertikale që do të lejojë që për të krijuar nivele të pakufizuar fole.
WEB ka ton e faqeve mbi këtë temë, por kur kam filluar të provoni të gjitha këto mostra - ata ose u thye, ra larg, i mbështetur vetëm numër të kufizuar të niveleve ose misbehaved në Gates + E junksplorer Ballmer-së 6. Së fundi kam marrë përsëri në provuar dhe besuar menutë Dynamic Drive si kampione e tyre vertikale provuar të jetë një rast i mirë që i përshtatet kërkesave të mia të rrepta. Unë kisha të modifikojë ato edhe pse për t'u siguruar se i përshtatet modelit teza.
Kërkimin për përsosmëri vazhdon ...
Kam shpenzuar rreth 16 orë në kërkim, montimin, testimin, fiksimin, lustrim dhe akordim CSS menu vertikale dhe. Kodi JS dhe 3/4 e kohës së shpenzuar duke e bërë atë për të punuar në MSIE 6.
Anyways, unë kam qenë i kënaqur me rezultatin final. Rezultuar menu vertikale navigacion ka të gjitha të njëjtat përfitime që menu horizontale ka.
Duke pasur aftësinë për të shtuar menu vertikal është shumë e rëndësishme për rreth 70-80 për qind të portaleve në web. Menu horizontale kanë kufizuar "hapësirë" për të akomoduar shumë zgjedhje, por menu menu vertikale nuk e ka këtë kufizim dhe do të ndihmojë së tepërmi. Pra, këtu ne do të shkojmë.
Shumë hapa për ta bërë atë të ndodhë janë përshkruar tashmë në pjesën 1 të tutorial kështu që kjo do të bëjë atë për një pak më të shkurtër, por me rezultate shumë më tepër tipar i pasur.
Kështu që këtu ajo shkon:
Building SEO miqësore, vertikale, shumëplanësh, menu mbivendosur hierarkike për WordPress dhe tema Thesis. Hap pas Hapi
(... Atë që ju kurrë nuk mendohet të jetë e mundur ...)
- Instalo exec plugin php dhe aktivizuar atë. Ne do të duhet, sepse unë do të përdorë PHP widget në brendësi të tekstit të lëshojnë kodin HTML menu vertikale-së.
- A hapa 1 - 6 nga ana e 1 tutorial . Në thelb ju duhet ta instaloni dhe aktivizoni përdorur plugin NAVT + shikimi ndërtuar menu tuaj. Sigurohuni grupi juaj menu emri është 'menu1'. Ky emër është hardcoded në custom_functions.php
- Klikoni mbi ikonën s Gallery veshje 'për grupin tuaj' menu1 'për të redaktuar pronat ajo e:
- Ndjek Hapat 7.1 -7.3 e 1 tutorial Pjesa për të vendosur "Options", "shfaqje" dhe "CSS" settings kartela.
- Tani klikoni në butonin "temë" e këtij dialogu. Ne do të prishësh parametrat e numrit të atje (në qoftë se keni qenë pas Hapi 1). Kjo është në rregull - ju nuk do të humbasin asgjë - por këto ndryshime janë të nevojshme, sepse unë kam ndryshuar disa kodin nga hapin 1.
Ja se si ky dialog duhet të plotësohet në:- Brenda "Theme XPath:" zonë të hyrë në këtë cod (ai urdhëron për të zëvendësuar ndonjë etiketë me këto klasa):
.jquerycssmenu, .jqueryslidemenu - Bëje "veprimit" për të "Replace me"
- Brenda "Shto tags para navigacion grupit" zonë të hyrë në këtë kod:
<div class='jquerycssmenu' style='margin-top:5px;'> - Brenda "Shto etiketave pas navigacion grupit" zonë të hyrë në këtë kod:
<br style='clear: left' /></div> - Kliko në [Save / mbyll] button.
- Brenda "Theme XPath:" zonë të hyrë në këtë cod (ai urdhëron për të zëvendësuar ndonjë etiketë me këto klasa):
- Tani shkoni tek WordPress admin panel -> Tema -> Widgets.
- Drag widget "Text" (nga e madh Widgets "Available" zonës) në "Sidebar 1" zonë në të djathtë. Ne do të jetë duke shtuar kodin në pjesën e tekstit që do të na ndihmojë për të materializuar menu vertikale.
SHËNIM: Unë supozoj se ju keni "Sidebar 1" në ekzistencë. Opsionet teza ju lejon që të kthejnë atë - por për hir të këtij tutorial le të bëjnë atë të jetë. - Pasi ta keni zvarritur dhe ka rënë këtë widget - ajo do të hapet si një lule (Unë jam ndjenjë romantike tani që lufta është e gjatë MSIE).
- Në zonën e "Titulli" Enter "mirë menunë vertikale botë" ... E pra, mos ngurroni të përdorni krijimtarinë tuaj - që teksti do të shkojnë më lart menu porsalindur tuaj vertikale.
- Në zonën e madhe për tekst - të hyjë këtë kod 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;
?> - Shtypni [Save] button, klikoni në linkun "Mbyll".
- Shkarko përditësuar të vendosur e dosjeve këtu .
Ky arkiv përfshin:- Version i përditësuar i kodit "Bright" horizontal menu
- "Errët" version i menu horizontale
- Kodet vertikale menu
- Version i përditësuar i custom_functions.php
- Tani ju duhet të hap zinxhirin këtë arkiv dhe ngarkoni atë në direktorinë 'porosi' të temës tuaj Thesis.
Shënim: nëse ju keni bërë ndonjë Përshtatje brenda custom_functions.php - ju do të duhet të bashkojë ato. Nëse jo - mos ngurroni të prishësh atë me versionin tim. - Voila! Tani ju mund të rifreskoni faqen tuaj te internetit dhe të shohim të njëjtën "Bright" menu horizontale + E menu neato vertikale në sidebar majtë.
- Detyra BONUS: Le të ndryshojë "Bright" menu horizontale onto skemën e "errët" me ngjyra.
- Brenda dosjes custom_functions.php:
zëvendësojë këtë kod:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
me këtë kod:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Në thelb ne jemi duke e komentuar nga një linjë dhe uncommenting një tjetër. - Tani shkoni tek WordPress admin-> Tools-> Listat NAVT dhe klikoni mbi ikonën e sipërpërmendur "veshje" për të redaktuar pronat e grupit tuaj 'menu1 së.
- Kliko butonin "temë".
- Brenda "Shto tags para navigacion grupit" zonë të hyrë në këtë kod:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Tani - ringarkoni faqen tuaj - dhe menu kryesore tuaj horizontal navigacion "magjike" u bë e errët, diçka si kjo:
Paleta ngjyra e errët mund të jetë më i përshtatshëm për vende të caktuara sesa një ngjyrë të lehta. Deri tani ju keni një liri e zgjedhjes në jetën tuaj!
- Për të marrë përsëri në "Bright" skemë të ngjyrave - vetëm prish sipër hapat e "bonus".
- Brenda dosjes custom_functions.php:
- Përfundim:
Dua Theme teza, dua WordPress dhe I love faktin se ne kemi një rrugë për të shtuar menutë të mirë lundrimit të portaleve tona.
20 $
Enjoy!
Gleb Esman
{Komente mbi këtë term janë të mbyllura}





