Už tobulos vertikaliosios meniu ieškojimas ...
Šiuo samouczku 1 dalyje aprašyta žingsnis po žingsnio procesas kuriant horizontalųjį daugiapakopį įdėtos meniu WordPress diplominio darbo tema . 2 dalis bus toliau stiprinti šį funkcionalumą. Čia mes pridėsime "tamsiai" versiją horizontalios navigacijos meniu ir aš jus išmokys, kaip persijungti tarp "šviesus" ir "tamsiai" versija. 2 dalis yra dalies 1 Superset. Ji apima visus 1 dalyje + prideda daugiau cool stuff.
Pagrindinė idėja, kad aš norėjau pateikti pridedant vertikalus meniu diplominio darbo tema (ir apskritai WordPress). Aš ieškojau tikrai lankstus, SEO draugiškas ir multi-naršyklė suderinama vertikalus meniu, kad būtų galima sukurti neribotą lizdų lygį.
WEB turi tonų puslapių klausimu, bet kai aš pradėjau bandyti visus šiuos pavyzdžius - jie arba sugedo, išskyrus sumažėjo, palaikoma tik ribotą skaičių lygių arba misbehaved Gates + Ballmer junksplorer 6. Galiausiai grįžau į išbandytas ir patikimas Dynamic Drive meniu kaip jų vertikalios mėginiai, pasirodė gražus atvejis, kuris atitinka mano griežtus reikalavimus. Turėjau gerokai juos modifikuoti, nors įsitikinkite, kad ji atitinka disertacijos modelį.
Tobulumo ieškojimas ir toliau ...
Aš praleido apie 16 valandų, ieškoti, surinkimo, ištyrimo, nustatymo, poliravimo ir pritaikymas vertikalaus meniu punktą CSS ir js kodą ir 3/4 laiko buvo skirta todėl dirbti MSIE 6.
Anyways, aš buvau laimingas su galutiniu rezultatu. Sukėlė vertikalus navigacijos meniu turi visas tas pačias lengvatas, kad horizontalus meniu yra.
Atsižvelgdama galimybę pridėti vertikalus meniu yra labai svarbu, kad apie 70-80% interneto portalų. Horizontalūs meniu tik "erdvę" sutalpinti daug meniu variantai, bet vertikalus meniu neturi jokios šį apribojimą ir padėtų galo. Taigi čia mes einame.
Daug žingsnių, kad tai atsitiks jau aprašyta pamoka 1 dalyje, todėl tai bus padaryti šiek tiek trumpesnis, bet su daug daugiau funkcijų turtingų rezultatų.
Taigi čia vyksta:
Statyba SEO draugiškas, vertikalus, daugiapakopis, hierarchiškai įdėtos meniu WordPress ir diplominio darbo tema . Žingsnis po žingsnio
(... Ką tu niekada maniau įmanoma ...)
- Įdiekite exec php plugin ir ją aktyvuoti. Mums reikės ją, nes aš naudosiu PHP viduje teksto valdikliui išmesti vertikalaus meniu punktą "HTML kodą.
- Ar žingsnius 1 - 6 iš samouczku 1 dalį . Iš esmės, jums reikia įdiegti ir aktyvuoti naudoti NAVT plugin + vizualiai kurti savo meniu. Įsitikinkite, kad jūsų meniu grupės pavadinimas yra "menu1". Šis pavadinimas yra kieta custom_functions.php
- Spauskite ant "pavarų" piktogramą jūsų menu1 "grupės redaguoti jos ypatybes:
- Taip žingsniai 7.1 -7.3 1 dalis samouczku nustatyti "Options", "Ekranas" ir "CSS" skirtukų parametrai.
- Dabar paspauskite ant "Tema" Šiame dialogo lange skirtuke. Mes perrašyti skaičių nustatymų, jei jums buvo po 1 veiksmą). Tai yra normalu - jūs neteksite nieko, - tačiau šie pokyčiai yra reikalingi, nes aš pasikeitė tam tikrą kodą iš 1 žingsnio.
Štai kaip šis dialogas turi būti užpildyta:- Viduje "Theme XPath:" plotas įveskite šį kodą, ji įsako pakeisti bet tegus su šių klasių):
.jquerycssmenu, .jqueryslidemenu - Nustatykite "Action" "Pakeisti"
- Viduje "Įtraukti žymes, prieš navigacijos grupės" srityje įrašykite šį kodą:
<div class='jquerycssmenu' style='margin-top:5px;'> - Viduje "Įtraukti žymes po navigacijos grupės" srityje įrašykite šį kodą:
<br style='clear: left' /></div> - Spauskite [Išsaugoti / uždaryti] mygtuką.
- Viduje "Theme XPath:" plotas įveskite šį kodą, ji įsako pakeisti bet tegus su šių klasių):
- Dabar eikite į WordPress admin panel -> Išvaizda -> Valdikliai.
- Vilkite "Tekstas" Valdiklis nuo didžiojo Turimi raštai ") į" sidebar 1 "dešinėje srityje. Mes bus įtraukti kodą į teksto valdikliui, kad padėtų mums materializuotis vertikalus meniu.
PASTABA: Manau, jūs turite "sidebar 1", egzistavimą. Baigiamųjų darbų variantai leidžia jums jį išjungti, tačiau šiame samouczku dėlei leiskite padaryti jį. - Kai nuvilktas ir numestas šį valdikliui - ji atsidaro kaip gėlę, aš jaučiu, romantiškas dabar, kad MSIE kova).
- "Pavadinimas" įveskite "geriausią pasaulyje vertikalus meniu" ... Na, jaustis laisvai naudotis savo kūrybiškumą, kad tekstas bus eiti virš jūsų naujai gimęs vertikalaus meniu.
- Didelis teksto srityje - įveskite šį PHP kodą:
<?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;
?> - Paspauskite [Save] mygtuką, spustelėkite nuorodą "Uždaryti".
- Atsisiųskite atnaujinta failų čia .
Šis archyvas apima:- Atnaujinta versija "Bright" horizontalaus meniu kodas
- "Tamsioji" versija horizontalaus meniu
- Vertikalūs meniu kodai
- Atnaujinta versija, custom_functions.php
- Dabar jums reikia šį archyvą išpakuokite ir įkelti jį į "Custom" katalogą jūsų darbo tema .
Pastaba: jei tu padarei bet viduje custom_functions.php tarp tinkinimus - jums reikia juos sujungti. Jei ne - nedvejodami perrašyti mano versija. - Voila! Dabar galite atnaujinti savo svetainę ir pamatyti tą patį "Bright" horizontalaus meniu + neato vertikalus meniu kairėje šoninės juostos.
- BONUS užduotis: pakeisti "Bright" horizontalaus meniu ant "tamsiai" spalvų schemą.
- Naminis (-ė) custom_functions.php failą:
pakeisti šį kodą:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Su šiuo kodu:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Iš esmės mes, komentuodamas vieną eilutę ir uncommenting kitą. - Dabar eikite į WordPress admin> Įrankiai-> NAVT sąrašus ir pirmiau minėtos "pavarų" piktogramą, spustelėkite redaguoti savo "menu1" grupės savybes.
- Spustelėkite skirtuką "tema".
- Viduje "Įtraukti žymes, prieš navigacijos grupės" srityje įrašykite šį kodą:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Dabar perkraukite savo puslapį ir jūsų pagrindinis horizontalus naršymo meniu "stebuklingai" tapo tamsus, kažkas panašaus:
Darbo tema - daugiapakopė zagnieżdżone CSS meniu - tamsiai paletė
Tamsiai spalvų paletė gali būti labiau tinka tam tikrų svetainių, nei šviesos spalvų vieną. Taigi, dabar jūs turite pasirinkimo laisvę savo gyvenimo!
- Norėdami grįžti į "Bright" spalvų schemą - tiesiog atšaukti virš "Bonus" žingsnių.
- Naminis (-ė) custom_functions.php failą:
- Išvados:
Man patinka diplominio darbo tema , aš myliu WordPress ir aš myliu tai, kad mes turime būdų, kaip įtraukti padorų navigacijos meniu mūsų portalus.
20 $
Mėgaukitės!
Glebas Esman
comments } { 5 komentarai }
