Comment WordPress ajoute-t-il des menus ?Personnaliser les options d'affichage de la barre de navigation

Cet article est "Tutoriel de création de site Web WordPress"Partie 14 d'une série de 21 articles :
  1. Que signifie Wordpress ?Que fais-tu?Que peut faire un site Web ?
  2. Combien coûte la création d'un site Web personnel / d'entreprise ?Coût de la création d'un site Web d'entreprise
  3. Comment choisir le bon nom de domaine ?Recommandations et principes d'enregistrement de noms de domaine pour la construction de sites Web
  4. NameSiloTutoriel d'enregistrement de nom de domaine (vous envoyer 1 $ NameSiloCode promo)
  5. Quel logiciel est nécessaire pour créer un site Web?Quelles sont les conditions requises pour créer votre propre site Web ?
  6. NameSiloRésoudre le nom de domaine NS en tutoriel Bluehost/SiteGround
  7. Comment créer manuellement WordPress ? Tutoriel d'installation WordPress
  8. Comment se connecter au backend WordPress ? Adresse de connexion en arrière-plan WP
  9. Comment utiliser WordPress ? Paramètres généraux d'arrière-plan WordPress et titre chinois
  10. Comment changer les paramètres de langue dans WordPress ?Changer la méthode de réglage chinois/anglais
  11. Comment créer un répertoire de catégories WordPress ? Gestion des catégories WP
  12. Comment WordPress publie-t-il des articles ?Options d'édition pour les articles auto-publiés
  13. Comment créer une nouvelle page dans WordPress ?Ajouter/modifier la mise en page
  14. Outils de gestionComment ajouter un menu ?Personnaliser les options d'affichage de la barre de navigation
  15. Qu'est-ce qu'un thème WordPress ?Comment installer les templates WordPress ?
  16. FTP comment décompresser des fichiers zip en ligne ? Téléchargement du programme de décompression en ligne PHP
  17. Échec du délai de connexion de l'outil FTP Comment configurer WordPress pour se connecter au serveur ?
  18. Comment installer un plugin WordPress ? 3 manières de installer un plugin WordPress - wikiHow
  19. Qu'en est-il de l'hébergement BlueHost ?Derniers codes promotionnels / coupons BlueHost USA
  20. Comment Bluehost installe-t-il automatiquement WordPress en un clic ? Tutoriel de création de site Web BH
  21. Comment utiliser rclone backup pour VPS ? CentOS utilise le didacticiel de synchronisation automatique de GDrive

WordPress 3.0 et supérieur a ajouté la possibilité de personnaliser le menu de la barre de navigation.

La plupart des thèmes WordPress prennent en charge la fonction de menu de barre de navigation personnalisée, vous pouvez librement définir le menu de la barre de navigation pour votre site Web.

L'ajout de liens de page importants au menu de la barre de navigation a deux fonctions principales :

  1. Peut améliorer l'expérience utilisateur.
  2. peut s'améliorerSEOPoids.

juste maintenantChen WeiliangJuste pour partager avec vous : Comment configurer le menu de navigation de WordPress ?

Comment puis-je déterminer si un thème a une fonctionnalité de menu personnalisé ?

Après avoir activé le thème,Connectez-vous au backend WordPress → Apparence → Menu.

Si vous voyez ce qui est affiché ci-dessous, le thème ne prend pas en charge les menus personnalisés, sinon il le fait ▼

Les thèmes WordPress actuels ne proposent pas de menus personnalisés Fiche 1

Menu de navigation personnalisé WordPress

Avant de personnaliser le menu, vous devez créer les catégories d'articles et les pages requises.

Pour créer des catégories d'articles et des pages, veuillez vous référer au tutoriel suivant▼

Menu de création et de paramètres de WordPress

étape 1:Accédez à la page de menu WordPress

Connectez-vousMoteur WordPress → Apparence → Menu ▼

Entrez dans la page de menu WordPress n ° 4

  • Ici, vous pouvez créer de nouveaux menus et gérer les menus créés précédemment.
  • Si vous créez un nouveau menu, veuillez saisir le nom de la catégorie de menu dans la zone de saisie "Nom du menu".
  • Cliquez ensuite sur Enregistrer pour créer une nouvelle catégorie d'emplacement de menu de navigation.

étape 2:Sélectionnez l'emplacement du sujet

  • Nous voulons désigner le menu comme menu de navigation sur le site Web.
  • Sélectionnez l'emplacement du sujet, vérifiez la navigation principale ▼

Menu de création WordPress : sélectionnez l'emplacement du thème, sélectionnez la feuille de navigation principale 5

  • Attention à ne pas cocher "Ajouter automatiquement toutes les pages de premier niveau à ce menu" ▲
  • Dans ce cas, chaque fois qu'une page de niveau supérieur est créée, elle est automatiquement ajoutée au menu, mais le menu a une largeur limitée et s'enroule après avoir dépassé la largeur (affectant l'esthétique).

étape 3:Ajouter et trier la structure du menu WordPress

Voici un exemple de création d'un menu nommé "Menu 1" ▼

Ajouter et trier la feuille de structure de menu WordPress 6

  • Sélectionnez le lien que vous souhaitez ajouter à partir de la gauche (lien de page, lien d'article, lien personnalisé, lien de catégorie) et ajoutez-le au menu.
  • (En fait, vous pouvez ajouter n'importe quel lien ici, par exemple, vous pouvez ajouter une page d'accueil, et vous pouvez pointer vers l'URL de la page d'accueil via un "lien personnalisé")

Trier la structure du menu :

  • Dans la zone de structure de menu, faites glisser un élément de menu légèrement vers la droite pour configurer rapidement des menus secondaires et à plusieurs niveaux.
  • L'effet du réglage est trapézoïdal, c'est-à-dire que le menu secondaire est plus en retrait que celui du dessus.
  • Il y aura des panneaux gris "sous-projet" après le nom de la navigation.
  • Après avoir organisé les menus, cliquez sur Enregistrer le menu.

Options de menu WordPress

Les menus WordPress masquent certaines fonctions par défaut.

Si vous souhaitez contrôler plus de propriétés du menu, cliquez sur "Afficher les options" dans le coin supérieur droit de l'écran pour révéler les fonctions cachées ▼

Feuille d'options d'affichage du menu WordPress 7

  • Vous pouvez choisir d'autres types d'éléments de menu.
  • Par exemple : balises et articles, et propriétés avancées des menus d'affichage (cible du lien, classe CSS, réseau de liens, description).

Feuille de paramètres détaillée de l'élément de menu WordPress 8

Onglets de navigation :

  • Le texte du lien.

Propriété du titre :

  • est la valeur de l'attribut title de la balise a, comme indiqué dans l'image ci-dessus"Chen WeiliangPage d'accueil du blog".

Classe CSS :

  • Ajoutez une classe à l'élément de menu.
  • Cet élément de menu varie selon CSS.
  • Chen WeiliangLe CSS de la page d'accueil du blog est ajouté fas fa-home.

Lien relation réseau :

  • Ajoutez l'attribut rel au menu via le réseau lié (XFN).
  • Si vous ne voulez pas que les moteurs de recherche donnent du poids à ce lien de menu, vous pouvez ajouterrel="nofllow"Les attributs.

Cible du lien :

  • Contrôle la façon dont les liens de menu sont ouverts.
  • Par exemple, ouvrir dans une nouvelle fenêtre (target="_blank"), ou ouvrir dans la fenêtre courante (par défaut).

Voici le code rendu par la page Web en fonction des paramètres indiqués dans l'image ci-dessus :

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

Emplacement de gestion des menus WordPress

Voici l'emplacement de l'administrateur en haut des paramètres du menu WordPress▼

Comment WordPress ajoute-t-il des menus ?Image 9 des options d'affichage de la barre de navigation personnalisée

  • Les paramètres de thème affichés dans l'emplacement d'administration varient en fonction du thème utilisé.
  • Vous pouvez attribuer des menus à chaque paramètre "emplacement de sujet", de sorte que le menu de navigation de chaque emplacement affiche un contenu différent.

Ceci conclut le didacticiel du menu de la barre de navigation personnalisée WordPress.

Lire les autres articles de cette série :<< Précédent : Comment créer une nouvelle page dans WordPress ?Ajouter/modifier la mise en page
Article suivant : Qu'est-ce qu'un thème WordPress ?Comment installer des templates WordPress ? >>

J'espère que le blog de Chen Weiliang ( https://www.chenweiliang.com/ ) partagé "Comment ajouter des menus dans WordPress ?Personnaliser les options d'affichage de la barre de navigation" pour vous aider.

Bienvenue à partager le lien de cet article :https://www.chenweiliang.com/cwl-959.html

Bienvenue sur la chaîne Telegram du blog de Chen Weiliang pour obtenir les dernières mises à jour !

🔔 Soyez le premier à obtenir le précieux « Guide d'utilisation de l'outil d'IA de marketing de contenu ChatGPT » dans le répertoire supérieur de la chaîne ! 🌟
📚 Ce guide contient une valeur énorme, 🌟C'est une opportunité rare, ne la manquez pas ! ⏰⌛💨
Partagez et likez si vous aimez !
Vos partages et likes sont notre motivation continue !

 

发表 评论

Votre adresse email ne sera pas publiée. 项 已 用 * 标注

到 顶部