Menu de navigation rudimentaire. C’est un élément important du site WordPress qui permet aux visiteurs de se positionner et de contribuer à la construction du contenu. Chaque sujet a une fente quelque part en haut de chaque page. Cependant, le menu de navigation ne vise t il que le titre du site? La vérité, camp;rsquoest quamp;rsquoils peuvent faire plus. Dans je vais montrer quelques options que pouvez utiliser pour utiliser le menu de navigation damp;rsquoune manière plus puissante. Je vais montrer comment créer plusieurs menus de navigation pour votre site. Je vais également montrer deux façons damp;rsquoajouter ces menus supplémentaires à lamp;rsquoavant du site: lamp;rsquoune en utilisant des widgets, lamp;rsquoautre en utilisant du Code. namp;rsquoêtes pas habitué à écrire du Code, lamp;rsquooption Widget est de loin la plus simple, mais elle dépend de lamp;rsquoexistence damp;rsquoune zone Widget appropriée dans le sujet. Par conséquent, si votre sujet namp;rsquoinclut pas la zone Widget où voulez placer le menu, je montrerai comment encoder le menu dans le sujet.
Commençons par créer des menus. Créer plusieurs menus de navigation mon site Web a un menu de navigation principal que jamp;rsquoai déjà créé. Vous verrez plusieurs niveaux dans la capture damp;rsquoécran, les services damp;rsquoéléments de menu avec des sous titres. Pour ce menu, jamp;rsquoai choisi lamp;rsquooption menu principal, ce qui signifie que mon thème (216) affichera le menu dans la fente principale: Mais je ne vais pas juste faire ce menu. Pour créer un autre menu, retournez à lamp;rsquoécran menu dans lamp;rsquoadministration et cliquez sur le lien créer un nouveau menu: Camp;rsquoest là que ajoutez un nouveau menu. Le mien sera utilisé pour la page de service, donc je lamp;rsquoappelle un service, puis cliquez sur le menu créer pour le créer. Je vais donc ajouter ces pages:
Une fois que le menu a préparé la page nécessaire, cliquez sur Enregistrer le menu pour lamp;rsquoenregistrer. Remarque: Ne sélectionnez pas la case à cocher du menu principal: si elle est cochée, ce menu remplace le menu que avez déjà créé dans le titre du site. Au lieu de cela, nous ajouterons Q
Ce menu se trouve ailleurs sur le site. Vous pouvez tout faire avec le personnalisateur si le souhaitez. Ouvrez le Programme personnalisé, cliquez sur lamp;rsquooption menu à gauche et verrez tous les menus affichés: À partir de là, pouvez utiliser le bouton Ajouter un menu pour ajouter un nouveau menu ou sélectionner un menu existant pour lamp;rsquoédition.
Utilisez le menu ajouter des widgets maintenant que avez configuré des menus supplémentaires, ajoutons les au site. Il est utile damp;rsquoajouter un menu au pied de page damp;rsquoun site Web, car cela signifie que lorsque les gens défilent vers le bas jusquamp;rsquoà la fin de la page, ils namp;rsquoont pas besoin de défiler à nouveau vers le haut pour passer à une autre page du site, en particulier sur un petit écran. Mon thème namp;rsquoa pas de zone Widget dans le pied de page, mais il y a une zone Widget en bas du contenu sous le contenu, donc je vais lamp;rsquoutiliser. Vous pouvez utiliser la zone Widget du thème qui correspond le mieux à vos besoins.
Pour ajouter un menu à un widget, pouvez utiliser un programme personnalisé ou un écran Widget dans lamp;rsquoAdministrateur à partir de lamp;rsquoapparence amp;gt Widget. Cette fois, utilisons le personnalisateur. Ouvrez le personnalisateur et sélectionnez lamp;rsquooption Widget dans le menu de gauche: Sélectionnez la zone du Widget que souhaitez ajouter au Widget de menu, puis cliquez sur le bouton Ajouter un widget. Vous pouvez sélectionner les widgets à ajouter: Sélectionnez le Widget de menu personnalisé et sélectionnez le menu à ajouter. Le titre est également donné: Une fois terminé, cliquez sur le bouton Enregistrer et publier pour enregistrer les modifications. Puis regardez le menu à lamp;rsquoavant du site:
voulez ajouter plusieurs menus dans la même zone de Widget et dans différentes zones de Widget, suivez les mêmes étapes pour créer plusieurs menus que voulez, puis ajoutez les à plusieurs widgets dans cette zone de Widget ou dans damp;rsquoautres zones. Ajouter un menu supplémentaire au thème si le thème namp;rsquoa pas de zone de Widget appropriée pour contenir le Widget du menu, pouvez coder le nouveau menu dans le thème. Donc ce namp;rsquoest pas U.
En utilisant la zone Widget sous contenu dans mon sujet, je vais coder le menu de mes services dans le pied de page de mon sujet. Puisque jamp;rsquoutilise le thème 26, je vais créer un sous thème pour le compléter. Ceci est dû au fait que tout changement que apportez au sujet sera perdu lors de la prochaine mise à jour du sujet. utilisez un thème, namp;rsquoavez quamp;rsquoà éditer le fichier de thème directement.
Remarque: Vous pouvez trouver ce fichier source sur github. Ensuite, je vais créer un nouveau thème dans mon dossier WP content themes avec seulement deux fichiers. Camp;rsquoest une feuille de style, une feuille de style. CSS, qui dit à WordPress qu’il s’agit d’un sous thème, le pied de page du fichier est le pied de page. Php, qui écrasera le fichier footer du sujet parent. WordPress utilisera le fichier Template du thème principal pour d’autres opérations. Remarque: pour en savoir plus sur les sous thèmes, consultez notre guide utiliser les thèmes parent et enfant. Commencez par créer un sous thème et ajoutez le à la Feuille de style du sous thème pour dire à WordPress qu’il s’agit d’un sous thème:
Chargement de la Feuille de style damp;rsquoenregistrement df7e9e89260460d94c8b13a50ce389db. Remarque: travaillez sur un sujet, sautez cette étape. Ajouter un menu au pied de page pour ajouter un menu, devez modifier le fichier pied de page. Php. utilisez un sous thème, créez une copie du fichier footer. Supprimez PHP du thème principal du sous thème et modifiez le à la place. Ouvrez le fichier footer et ajoutez le immédiatement à
Ouvert
: Chargez df7e9e89260460d94c8b13a50ce389db Notez que je prends le curseur de menu (services) comme lamp;rsquoun des paramètres de la fonction WP _ NAV menu (): appelez le menu autrement, devez lamp;rsquoutiliser. Jamp;rsquoai également inclus la classe Widget pour le style, ce qui signifie que mon menu ressemble un peu à un widget frontal:
Ça namp;rsquoa pas lamp;rsquoair bien: Camp;rsquoest juste à côté du texte dans le pied de page du crédit et ça ne semble pas approprié. Ajoutons quelques styles. Tu le sais.
Le menu enregistre le fichier footer. Puis ouvrez à nouveau la Feuille de style. Ajoutez ceci sous le Code existant: chargez df7e9e89260460d94c8b13a50ce389db Ceci résout le problème de largeur, mais laissez tous les menus à gauche avec beaucoup damp;rsquoespace blanc: Corrigeons le en déplaçant lamp;rsquoélément de liste adjacent. Ajoutez ceci à la Feuille de style: il est préférable de charger df7e9e89260460d94c8b13a50ce389db. Maintenant, nous avons un menu de pied de page bien aligné sur un écran plus grand:
Mais ça ne marche pas sur les petits écrans: Ensuite, nous ajoutons un Clear à lamp;rsquoélément après la Feuille de style: à quoi ressemble le chargement de df7e9e89260460d94c8b13a50ce389db maintenant? Camp;rsquoest mieux comme ça. Nous avons maintenant un menu de service au pied de page du site. Chaque fois quamp;rsquoun nouveau lien doit être ajouté, il namp;rsquoest pas nécessaire de cliquer sur le fichier Template: il suffit de modifier le menu dans lamp;rsquoécran damp;rsquoadministration du menu. Facile à comprendre Les menus peuvent faire plus que ne le pensez, et les menus de navigation peuvent travailler plus loin que le titre du site. Vous pouvez créer du contenu supplémentaire et lamp;rsquoajouter à damp;rsquoautres endroits, comme la zone Widget et le pied de page. Vous pouvez créer un menu spécifique à la barre latérale et différent du pied de page ou damp;rsquoun autre endroit dans le sujet, ou ajouter plusieurs menus à la zone Widget. Le choix est à !
Comment puis je utiliser le menu de navigation? Veuillez nous le dire dans vos commentaires! Étiquettes: menu de navigation
Menu de navigation WordPress Guide de l’utilisateur expérimenté