Ajouter des fils d'Ariane avec GeneratePress et GenerateBlocks Tutoriel

Ce tutoriel présente l'utilisation de GeneratePress répondre en chantant Générer des blocsL'élément Block Hook permet d'ajouter facilement un fil d'Ariane à votre site web et d'améliorer la navigation sur les pages. L'exemple utilise l'élément Yoast SEO La méthode s'applique à d'autres plugins SEO (par exemple Rank Math) en rempla?ant simplement le shortcode correspondant.

Un tutoriel facile sur l'ajout d'un fil d'Ariane avec GeneratePress et GenerateBlocks.
Un tutoriel facile sur l'ajout d'un fil d'Ariane avec GeneratePress et GenerateBlocks.

I. Préparatifs

Assurez-vous que le plugin Yoast SEO est installé et activé (ou un autre plugin permettant de créer des fils d'Ariane). RéFéRENCEMENT ) et la fonction de fil d'Ariane est activée.

Image [2] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

Deuxièmement, créez un nouvel élément et ajoutez le code court du fil d'Ariane

  • Allez dans le backend "Apparence → éléments" et cliquez sur "Ajouter un nouvel élément".
Image [3] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Sélection du type d'élément Crochet
  • Le nom du crochet est fixé à titre_avant_entréeC'est-à-dire afficher les fils d'Ariane avant le titre de l'article
Image [4] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Ajouter un bloc de codes courts
Image [5] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Coller Yoast SEO dans le bloc de raccourcis chapelureCode court :[wpseo_breadcrumb] (Pour les autres plug-ins, veuillez utiliser le code court correspondant)
  • Sélectionnez l'emplacement d'affichage de la page Tous les messages et cliquez sur Publier.
Image [6] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

III. ajouter des styles aux miettes de pain (facultatif)

Ajoutez un bloc conteneur, faites glisser le bloc de raccourci dans le conteneur et assurez-vous que le conteneur entoure le bloc de raccourci.

Image [7] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

Ajustez l'apparence du fil d'Ariane en utilisant le style du bloc contenant :

  • Modifier la couleur du texte (par exemple, bleu)
  • Modifier la couleur du lien (par exemple, rose)
Image [8] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Réglage de la couleur d'arrière-plan (par exemple, gris)
Image [9] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Ajustez la marge intérieure (Padding), il est recommandé qu'elle soit uniformément de 5px.
  • Ajouter une marge inférieure (Margin) pour augmenter l'espacement entre les fils d'Ariane et les titres.
Image [10] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

Aper?u de l'effet :

Image [11] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

Quatrièmement, dans le bandeau de la page (Page Hero) pour ajouter les fils d'Ariane

  • Le statut de l'élément du fil d'Ariane précédemment créé est modifié en statut de brouillon.
Image [12] - Tutoriel simple pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Ouvrir l'élément de bannière de la page d'un article unique (Single Post Hero)
Image [13] - Tutoriel simple pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Ajoutez un bloc de raccourcis dans la bannière et collez le shortcode du fil d'Ariane.
  • Déplacer le bloc de raccourcis au-dessus du titre
Image [14] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks
  • Enregistrez la mise à jour et actualisez la page pour voir les fils d'Ariane s'afficher dans le bandeau de la page.
Image [15] - Tutoriel pour ajouter un fil d'Ariane à la navigation avec GeneratePress et GenerateBlocks

résumés

utiliser GeneratePress répondre en chantant Générer des blocs Fonction Block Hook, ajoutez la fonctionchapelureLa navigation est simple et flexible, et le style peut être librement ajusté. Combiné au shortcode du plugin SEO, il permet d'obtenir un effet de navigation efficace.

Mises à jour récentes


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations5324 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires