La quete pour le menu vertikaalne parfait ...
Partie 1 de ce tutoriel décrit étape par étape le processus de ehitus de menüü horisontaalne imbriqué plusieurs niveaux pour Thème de Need WordPress . Partie 2 VA jätkaja à améliorer cette fonctionnalité. ICI nous Allons ajouter la version "sünge" du menüü de navigation horisontaalne et je vais vous apprendre kommentaar basculer entre "geniaalne" et la version "sünge". Partie 2 est le sur-ansambel de la partie 1. Il comprend tous de la partie 1 + Lisatud des trucs pluss cool.
L'idée principale que je voulais saatejuht Lisatud menüü vertikaalne à Thème de Need (et pour WordPress en général). Je cherchais vraiment souple, SEO friendly et multi-Navigateur ühilduv menüü vertikaalne qui permettrait de créer un nombre illimité de niveaux d'imbrication.
WEB des tonni de lehekülgi sur le SUJET, mais quand j'ai alustab essayer tous ces échantillons - soit ILS en panne, effondré, soutenu que nombre limité de niveaux ou mal comporté dans l'affaire Gates + de Ballmer junksplorer 6. Enfin, je suis rentré à éprouvés et fiables menüüd de conduite dynamique que leurs échantillons verticaux se sont révélés être un cas bien qui vastavad turumajandusliku exigences strictes. J'ai du muutja considérablement leur bien pour s'assurer qu'il vastavad modèle de need .
La quete de la täiuslikkuse se poursuit ...
J'ai passé kesk 16 heures à chercher, kogumispunkt, les essais, la fikseerimine le POLISSAGE et le réglage du menüü vertikaalne CSS et. Du kood js et 3/4 du temps été consacré à ce qui fonctionne dans Internet Explorer 6.
Quoi qu'il en soit, j'ai été heureux avec le RESULTAT lõplik. Menu de navigation vertikaalne entraîné possède les meemid avantages que le menu horisontaalne.
Avoir la capacité d'ajouter menüü vertikaalne est très oluline pour keskkonnas 70-80% de Portails sur le veebis. Menüüd horizontaux ont limité "espace" pour accueillir de nombreux choix de menüüs mais menüü vertikaalne n'a pas cette piirang et aiderait ENORMEMENT . Alors on y va.
Beaucoup d'étapes valada y arriver sont déjà décrits dans la partie 1 du tutoriel pour cela rendra un peu plus courte, mais avec beaucoup plus de pikad rikkusi résultats.
Alors voilà:
Bâtiment SEO sõbralik, vertikaalne, à plusieurs niveaux, le menu hiérarchiquement emboîtés valada WordPress et le Thème de la need. Étape par étape
(... Qu'est-ce que vous n'auriez jamais cru võimalik ...)
- Installez exec php plug-in et l'activer. Nous Aurons besoin Parce que je vais utiliser PHP dans le vidina texte à émettre du kood HTML menüü vertikaalne.
- Répétez les étapes 1 à 6 de la partie 1 du juhendaja . Fondamentalement, vous devez installer et l'activer, utilisez NAVT plug-in + construire visuellement Votre menüü. Assurez-vous que votre nom de groupe de menüüsid est "menu1. Ce nom est kood en dur dans custom_functions.php
- Cliquez sur l'Icône «engrenage» pour votre groupe "menu1" pour Editor * ses Propriétés:
- Suit des étapes 7,1 -7,3 de la partie 1 tutoriel pour définir les "Options", "Affichage" et les parameetrid des onglets «CSS».
- Maintenant, Cliquez sur l'onglet «Thème» de cette boîte de dialoogi. Nous Allons écraser Nombre de parameetrite là (si vous suiviez l'étape 1). C'est ok - vous ne perdrez rien - mais CES changements sont nécessaires Parce que j'ai Changé un peu de kood toad alates de l'étape 1.
Voici kommentaar ce dialoogi kross être rempli:- L'intérieur du "teema XPath:" tsoon Entrez ce kood (il ordonne de remplacer toute etikett avec ces klassid):
.jquerycssmenu, .jqueryslidemenu - Réglez "Action" a "Remplacer par"
- L'intérieur de "Ajouter des silte avant de navigation groupe« zone entrer ce kood:
<div class='jquerycssmenu' style='margin-top:5px;'> - L'intérieur des majakad "Ajouter après la navigation groupe« zone entrer ce kood:
<br style='clear: left' /></div> - Cliquez sur le bouton [Save / CLOSE].
- L'intérieur du "teema XPath:" tsoon Entrez ce kood (il ordonne de remplacer toute etikett avec ces klassid):
- Maintenant, allez dans le PANNEAU d'haldamine WordPress -> Apparence -> Vidinad.
- Faites glisser vidina de "texte" (de la grande tsoon "vidinad disponibles") dans la zone "Sidebar 1" sur la droite. Nous Allons ajouter du kood dans le vidina texte qui nous aidera à matérialiser menüü vertikaalne.
NOTE: Je eeldama que vous avez "Sidebar 1" dans l'olemasolu. Thesis Valikud vous Permet de l'éteindre - mais pour le bien de ce tutoriel Faisons ce soit. - Une Fois que vous glisser et võimust ce widget - il s'ouvre comme une fleur (je me sens romantique maintenant que la lutte MSIE est terminée).
- Dans la zone "Titre" entrer "meilleur Menu vertikaalne du monde" ... Eh bien, n'hésitez pas à utiliser Votre créativité - que le texte ira au-dessus de votre menüü vertikaalne nouveau-ne.
- Dans le grand secteur pour le texte - entrer ce kood 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;
?> - Appuyez sur le bouton [Enregistrer] Cliquez sur le pandiõigus "Fermer".
- Laadi mise à jour un ensemble de nimekiri ici .
Cette arhiiv comprend:- Version mise à jour de code de menüü horisontaalne "lumineux"
- La versioon "Dark" du menüü horisontaalne
- Les koodid des menüüd verticaux
- Version mise à jour de custom_functions.php
- Maintenant, vous devez décompresser l'arhiiv et le allalaadimine dans le répertoire «coutume» de votre Thème de need.
Märkus: si vous avez fait toutes les personnalisations à l'intérieur custom_functions.php - vous aurez besoin de les fusionner. Si ce n'est pas - n'hésitez pas à écraser avec ma versioon. - Voila! Maintenant, vous pouvez recharger votre site Web et voir le même menüü horisontaalne "lumineux" + menu vertikaalne Neato dans la barre Laterale taktitu.
- haak BONUS: Let Box menüü horisontaalne "Clair" sur le skeemi de couleur «dark».
- Toas Fail custom_functions.php:
remplacer ce kood:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
avec ce kood:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Fondamentalement, nous commentons sur une ligne et décommentant l'autre. - Maintenant, allez WordPress Admin-> Outils-> Listes NAVT et Cliquez sur l'Icône "engrenage" susmentionnée pour muutja les Propriétés de votre groupe "menu1".
- Cliquez sur l'onglet «Thème».
- L'intérieur de "Ajouter des silte avant de navigation groupe« zone entrer ce kood:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Maintenant - recharger ta leht - et le menu de navigation horisontaalne peamine "comme par magie" est devenu sünge, quelque valis comme ça:
Palette de couleur sünge peut être plus approprié pour certains saidid que Celui de la couleur de la lumière. Alors maintenant, vous avez une Liberté de choix dans votre vie!
- Vala revenir à des couleurs "lumineux" - il suffit de défaire les étapes précédentes "boonus".
- Toas Fail custom_functions.php:
- Järeldus:
J'adore Thème de need, j'aime WordPress et j'aime le fait que nous avons une façons d'ajouter des menüüd de navigation décents à nos Portails.
20 $
Amusez-vous!
Gleb esman
{Commentaires sur cette entre sont fermées}





