Thème de thèse + = MemberWing puissante synergie SEO adhésion

La quête du menu parfait ...

C'est la partie 1 du tutoriel
Partie 2 de ce tutoriel montre comment construire menu vertical + palette de couleurs sombre pour l'horizontale

J'ai décidé de me thème de thèse , parce que l'un de mes clients m'a informé des problèmes de compatibilité entre la thèse et mon adhésion à wordpress site de plug-in MemberWing. Je l'ai corrigé et a ensuite décidé de prendre un peu plus près de thèse et en fait pris la peine de regarder les vidéos sur la page d'accueil du site thèse principale - Diythemes.com .
Ce qui m'a impressionné le plus, c'est l'attention à la convivialité de détails, et surtout -. Fonctions SEO qui sont si bien pensé
Plug-in adhésion MemberWing a été conçu à partir du sol pour des sites d'adhésion qui auraient besoin de tirer autant de jus de SEO que possible. Donc j'ai payé beaucoup d'attention à une multitude de SEO améliorations et perfectionnements dans MemberWing. Beaucoup de mes propres clients demandent sur des thèmes différents à utiliser et ayant pour thème qui a été si bien optimisé SEO de l'intérieur profond serait un excellent choix pour les entrepreneurs portail d'adhésion.

La combinaison des pouvoirs de SEO MemberWing avec des pouvoirs de SEO thème de thèse serait donner le meilleur de possibilités de classement pour mes clients. Je me suis donc la thèse et a joué avec lui pendant une journée.

Il est un excellent thème de toutes les manières. La partie navigation de celui-ci est cependant un peu limité en fonction. A partir de la thèse 1.5 + il est au niveau de menu seulement. Mon désir d'habitude est d'être en mesure de personnaliser la navigation autant que nécessaire. Certains sites ont des pages seulement quelques années, beaucoup d'autres ont des tonnes de pages statiques + de zillions des articles ou des messages + de beaucoup de catégories.
Donc, dans le monde idéal ayant une chance de créer agréable à regarder le menu de navigation hiérarchisée convivial est un must. Thèse droit hors la chauve-souris a une bonne navigation à la recherche, mais j'ai remarqué que tous les sites de thèse à base sont comme des jumeaux à la recherche. Personnalisation de thèse menu de navigation n'est pas vraiment facile si la plupart des gens il suffit de laisser tel quel. Il n'y a aucun moyen de changer l'ordre des catégories dans le menu ou les positionner entre les pages. Et encore, la capacité de créer des structures de menu emboîtés est manquant. J'ai donc décidé de voir ce qui pouvait être fait à ce sujet.
Après avoir essayé sur une demi-douzaine de menu / navigation plugins connexes j'ai mis mon choix sur WordPress Plugin de navigation NAVT Liste .
Plug-in NAVT est essentiellement non-ordonnée générateur de liste avec super chic et un peu difficiles à comprendre-untraditional interface d'administration. Qu'est-ce tromper, c'est que cela ne crée pas réellement de fantaisie menus à la recherche par lui-même. Il fait la partie la plus difficile du travail bien - vous donne une capacité de rassembler visuellement, et de générer une liste non ordonnée - squelette de votre menu-à-être. Et vous pouvez créer des menus de nombreux aussi. Vous pouvez tirer toutes sortes de choses WordPress dans le menu de navigation: pages, poteaux, des articles, des catégories, des utilisateurs, des blocs de code, des liens externes, diviseurs, séparateurs et de combiner et de nids et d'organiser et de les personnaliser dans n'importe quelle structure en forme d'arbre que vous voulez.
NAVT génère pour vous entraîné HTML liste non ordonnée. Beauté Deuxième NAVT est qu'il permet d'insérer votre nouveau menu dans votre thème via la logique basée sur JQuery célèbre, mais sans qu'il soit nécessaire de modifier le code! NAVT vous permet de spécifier: "remplacer cet élément # avec mon menu NAVT nouvelle". # Élément pourrait être un id ou une classe de chemin de menu existant ou balise de l'élément div qui est généré par votre thème actuel. Donc, ne NAVT ce remplacement pour vous sans vous forcer à aller dans le code thème et de le rendre plus compliqué qu'il ne l'est déjà. Si ce que tous les sons comme du charabia - ne vous inquiétez pas - je vais vous guider étape par étape bientôt. La partie difficile de NAVT pour tout le monde, c'est que vous aurez à venir avec CSS + images réelles du code javascript + pour votre menu vous-même. Et c'est à vous de savoir où et comment intégrer ces fichiers et de faire ce genre de choses bien se connecter ensemble.
Sincèrement, sans savoir JQuery + un peu de PHP + CSS + ayant une expérience décente avec WordPress - cette chose est difficile à tirer.
Volontiers je sais ce genre de choses un peu alors j'ai décidé de mordre la balle et l'humanité de guidage à la liberté de construire le meilleur des meilleurs menus de navigation pour WordPress. J'avais juste besoin de trouver des sources pour certains à la recherche belles menus CSS horizontaux. J'ai choisi le site Web dynamique en temps réel pour obtenir les meilleurs de leurs sélections, des démos et des sources.

J'ai consacré une journée pour étudier la thèse et de jouer avec le plugin NAVT. A la fin je suis fier de création personnalisée, souple, optimisé SEO, multi-niveaux, la structure imbriquée nagivation pour mon site WordPress Thèse + base.

Liste des fonctionnalités de multi-niveaux, imbriquée WordPress navigation de menu pour le thème de thèse
(Vous devez aimer ce genre de choses):

• Professionnel, propre look and feel.
• Prise en charge de tous les navigateurs modernes, y compris MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome à la fois javascript et non-javascript modes.
• Gracieusement Downgradable pour les non-javascript navigateurs. Vous menu sera utilisable, visuellement similaires et de travail, même pour les navigateurs sans javascript (quoique la navigation seul niveau haut sera visible et aucune icônes déroulantes qui va se passer bien sûr, comme elles sont réalisées par javascript).
• Caractéristiques SEO friendly - non ordonnée code de menu de la liste est générée à l'intérieur HTML. Google et d'autres moteurs de recherche sera en mesure de l'index de votre structure de navigation et de trouver des liens vers les pages intérieures.
• Soutien pour un nombre illimité de niveaux d'imbrication et sous-niveaux.
• Prise en charge de n'importe quel ordre ou plusieurs pages, les messages (via les URI définis par l'utilisateur), les catégories, les utilisateurs, les blocs de code personnalisés et les liens externes dans le menu.
• Soutien du texte-ainsi que des éléments de menu à base d'images. (Je n'ai pas encore essayer ces si).
• La structure du menu et le contenu est visuellement réglable par zone d'administration NAVT.
• Compact: JQuery icônes déroulantes basées sur des niveaux imbriqués.
• Rapide: JQuery pour le menu est chargé à partir de serveurs de Google (j'aimerais thèse elle-même à faire de même au lieu de le tirer sur place). Ce serait d'accélérer les choses un peu.
• Évolutivité - Ce type de menu est modifiable et configurable à tout moment via le plug-in paramètres NAVT sans qu'il soit nécessaire de coder n'importe où.

J'ai utilisé cette excellent menu à partir du disque dynamique portail comme une base. J'ai eu de personnaliser le code javascript un peu ainsi que comprennent morceau de PHP dans custom_functions.php pour le faire fonctionner avec thèse. Aussi le nombre de pages préexistantes, les catégories et les postes de mon site ont été utilisés pour assembler la structure du menu. Vos propres au site sera différent - mais les concepts sont les mêmes.
Alors laissez aller, allons-nous?

Étape par étape les instructions pour configurer NAVT basée sur imbriquée, personnalisable, multi-niveaux, SEO friendly
et tout simplement cool menu de navigation pour WordPress et Thèse Thème

1. Aller à la WordPress Admin-Panel. Plugins-> Ajouter un nouveau, la recherche pour "NAVT". Le plugin sera montré. Cliquez sur [Installer], [Installer maintenant], "Activer Plugin".
2. Outils-> Listes NAVT, Inside "Navigation groupe" zone de trouver "le nom du groupe" et entrez: "menu1" dans le champ, appuyez sur bouton [Créer]. Zone "menu1" rectangle s'est créé.
   Cette "menu1" zone sera le terrain de jeu principal pour la construction du menu. Vous serez glisser-déposer ici vos éléments de menu.
3. Dans "actifs" zone de trouver "d'autres" listbox et cliquez sur "Accueil" choix. "Home" thingie apparaîtra à l'intérieur de la «non attribué» région. Bizarre, hein? Pas de soucis, tant que ça marche - et ce sera pour nous.
4. Faites glisser ce "Home" thingie de «actifs» dans la zone zone "menu1" rectangle. Il deviendra "Home" dans le menu.
   • Répétez les étapes 3-4 pour certaines pages de "Pages" zone, ainsi que pour les catégories des "catégories" région. Faites glisser les autres articles que vous voulez être sur votre menu à l'intérieur "menu1" rectangle. Vous pouvez cliquer sur les pages, les catégories, les utilisateurs et certains éléments personnalisés tels que «diviseur liste" et "bloc de code". Bloc de code est vraiment cool d'ajouter des extraits personnalisés à l'intérieur du menu.
   • Vous pouvez faire glisser des éléments de menu à l'intérieur "menu1" zone à réorganiser leur ordre.
   • Vous pouvez ajuster la position hiérarchique de chaque élément de menu avec "<" et ">" flèches.
   • En cliquant sur le nom de texte de chaque élément de menu - ouvre l'esprit de dialogue ahurissant personnalisation supplémentaire pour cet article. J'ai surtout utilisé par défaut, mais techniquement, vous pouvez devenir fou et commencer à faire des choix de menu à base d'images et ajouter des morceaux de code HTML en elle. Procédez avec prudence cependant.
   • Pour les sous-menus sans maillon unclikable qui serviront de «parents» pour d'autres "sous-enfants" J'avais l'habitude "bloc de code" type. Par exemple lors de la personnalisation telles élément bloc de code je suis entré pour "élément alias Menu" = "MemberWing" et pour "Entrez bloc de code:" = "MemberWing href='#'> <a </ a>". Avoir href = "#", il sera impossible de cliquer sur, mais agissant comme un choix de menu valide "parent".
5. Voici comment la structure mon NAVT 'menu1' build ressemblait presque terminé:
   
6. Terminer la construction initiale, puis cliquez sur "engrenage" icône pour personnaliser votre structure de menu:
   
7. Il ouvrira le dialogue avec 4 onglets: Options, Affichage, CSS, Thème.
   1. Allez dans "Options" et vérifiez que tout n'est pas cochée et "nom de groupe", déclare: "menu1"
   2. Aller à la onglet "Affichage" et s'assurer que tout le "Afficher la navigation sur le groupe ...« zone est cochée [x]. Laissez le reste à défaut.
   3. Allez à «CSS" et sélectionnez le bouton radio (x) «Ne pas appliquer des classes CSS".
   4. Aller à "Thème" onglet et remplissez-le comme ça:
      
      Insérez-le dans «Ajouter des tags avant ..." zone de ce code:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      Insérez-le dans «Ajouter des tags après ..." zone de ce code:
      <br style='clear: left' /></div>
   5. Appuyez sur [Enregistrer / Fermer] sur le bouton
8. A ce point de menu bâtiment de l'intérieur options du plugin NAVT est terminée.
   Maintenant il est temps de faire un petit air pour thème de thèse afin qu'elle soit prête. Pour cela nous devons ajouter quelques fichiers personnalisés - CSS et javascript qui appartient au menu et custom_functions.php thèse mise à jour '
9. Télécharger le jeu complet des fichiers ici .
10. Décompressez des archives. Si vous avez mis à jour votre custom_functions.php avec vos personnalisations - dont vous avez besoin de les fusionner avec mes affaires. Je vais laisser à vous.
    Si vous ne l'avez pas touché - n'hésitez pas à l'écraser avec le mien. S'il vous plaît noter: j'ai préféré positionner menu sous l'en-tête site web (valeur par défaut est ci-dessus) - donc mon ajustement compris cette préférence ainsi.
11. Téléchargez archive, y compris tous les sous-répertoires et fichiers sous le répertoire "custom" le thème de votre thèse, comme ceci:
    .../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
    Je n'ai pas touché custom.css - Je préfère garder menu CSS spécifique en vertu de leurs propres sites pour éviter de créer désordre à l'intérieur custom.css
12. À ce stade, vous pouvez recharger votre site Web et voir la nouvelle belle nouvelle à plusieurs niveaux, imbriqué, optimisé SEO menu.
13. Vous pouvez toujours revenir à NAVT paramètres et personnalisez votre menu avec plus de choix ou de repositionner quoi que ce soit. Il sera traduit en direct sur le site automatiquement.

Le chemin à parcourir ...

Ce tutoriel inclus par exemple de création d'un type de menu. J'ai joué avec un autre - juste pour voir comment le menu sombre couleur ressemblerait à ceci:

Thème de thèse - le menu à plusieurs niveaux imbriqués CSS - palette sombre

Je pense qu'il est assez agréable. Il existe de nombreux échantillons plus à la navigation disponibles à Dynamic Drive - ils sont tous possible de personnaliser pour la thèse et d'autres thèmes WordPress avec un certain effort:

Menus Dynamic Drive horizontales

J'espère que vous trouverez ce tutoriel bénéfique et utile. Comme je l'ai dit, il est possible de personnaliser l'un de ces menus pour la meilleure thèse - que l'on donne le temps et le désir pour y arriver.

Que je pouvais faire ce travail pour vous sur une base contractuelle. Il suffit de choisir le menu que vous voulez, contactez-moi et je vais travailler sur le code et les instructions pour votre site web.

20 $

Et bien sûr, si vous êtes à la construction super-optimisé SEO prime adhésion wordpress portail - la meilleure solution pour cela:
Thème de thèse + plug-in adhésion MemberWing + auto hébergé WordPress , bien sûr.

comments } { 15 commentaires }