Comment ajouter des fils d'Ariane dans WordPress

Les fils d' Ariane peuvent vous aider à améliorer la navigation de votre site Web, donc si vous cherchez un moyen simple de les activer sur votre site, vous êtes au bon endroit. Dans ce guide, nous vous montrerons comment ajouter des fils d'Ariane dans WordPress à l'aide de plugins et d'options de thème.

Qu'est-ce que la chapelure ?

Les fils d'Ariane sont des liens qui s'affichent en haut de votre page. Il s'agit de liens interconnectés qui constituent une part importante de la navigation de votre site. Ces liens sont organisés de manière hiérarchique, de sorte que non seulement vos utilisateurs sauront sur quelle page ils se trouvent, mais ils apprendront également dans quelles catégories de pages ils se trouvent. Par exemple, sur notre site, vous pouvez voir le fil d'Ariane en haut de cette page Web.

Les fils d'Ariane aident vos utilisateurs à visualiser la hiérarchie de la page qu'ils parcourent sur votre site Web et à obtenir des liens connectés pour revenir aux pages supérieures ou à la page d'accueil directement.

Pourquoi ajouter des fils d'Ariane dans WordPress ?

L'ajout de fil d'Ariane est une excellente option pour ceux qui souhaitent améliorer la navigation de leur site . Puisqu'il fonctionne essentiellement comme une piste, vos utilisateurs peuvent facilement l'utiliser pour revenir sur leurs pages précédentes et garder une trace de la page sur laquelle ils se trouvent. Cela conduit à plus d'engagement et tient les visiteurs informés de la catégorie des pages qu'ils consultent.

De plus, l'ajout de fil d'Ariane est essentiel si vous avez un grand site Web. Si vous exploitez une boutique de commerce électronique ou que votre contenu est distribué dans différentes catégories, il est essentiel d'activer le fil d'Ariane. Cela permet à vos clients de savoir quels produits se trouvent dans chaque catégorie et dans quelles catégories ils peuvent revenir pour voir plus de produits similaires.

De plus, l'activation du fil d'Ariane améliore également le référencement de votre site Web, car il permet aux robots des moteurs de recherche de parcourir plus facilement vos liens interconnectés.

Maintenant que nous comprenons mieux ce qu'ils sont et comment ils peuvent vous être utiles, voyons comment vous pouvez ajouter du fil d'Ariane à votre site Web WordPress et les différentes méthodes que vous pouvez utiliser pour le faire.

Comment ajouter des fils d'Ariane dans WordPress

Il existe différentes méthodes pour ajouter du fil d'Ariane à votre site WordPress :

1. Utilisation de Yoast SEO
2. Avec des plugins dédiés au fil d'Ariane
3. De votre thème

Voyons chaque méthode.

REMARQUE : Certaines de ces méthodes nécessitent la modification de certains fichiers principaux. Même si les extraits sont très simples, pour éviter tout problème, nous vous recommandons fortement d'utiliser un thème enfant. Cela rend le processus de modification de votre thème beaucoup plus sûr et n'annulera pas les modifications lorsque vous mettrez à jour votre thème. Vous pouvez soit créer un thème enfant, soit utiliser l'un de ces plugins dédiés.

1) Comment ajouter des fils d'Ariane dans WordPress avec Yoast SEO

YoastSEO est l'un des plugins les plus populaires et c'est une solution SEO complète pour WordPress. Il est également livré avec une option dédiée pour activer le fil d'Ariane et des options avancées pour le personnaliser davantage. Cela inclut la modification des séparateurs de liens, le texte d'ancrage pour la page d'accueil, le fil d'Ariane pour la page 404, des options de personnalisation supplémentaires et même l'affichage ou le masquage des taxonomies et des archives de type de contenu dans votre fil d'Ariane.

Pour accéder et activer les paramètres de fil d'Ariane sous Yoast, accédez à Yoast SEO> Apparence de la recherche sur votre tableau de bord d'administration WordPress (en supposant, bien sûr, que le plugin Yoast SEO est déjà installé et activé.)

Ensuite, allez dans l'onglet Fil d'Ariane et vous verrez les options de fil d'Ariane sous Yoast SEO. Faites défiler vers le bas, activez l'option Activer BreadCrumbs pour votre thème et enregistrez les modifications.

Après cela, vous devez ajouter une petite ligne de code à votre fichier headers.php afin que votre fichier de thème appelle le fil d'Ariane Yoast SEO sur l'en-tête de votre site Web.

Pour cela, ouvrez votre éditeur de thème en cliquant sur Apparence > Éditeur de thème . Ensuite, utilisez la liste des fichiers de thème à droite et sélectionnez En-tête de thème.

Maintenant, utilisez l'éditeur et collez l'extrait suivant à la fin du fichier header.php .

 <?php
si ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p>','</p>' );
}
?> 

Ensuite, appuyez sur Mettre à jour le fichier et c'est tout ! Vous devriez maintenant pouvoir utiliser votre chapelure Yoast SEO.

N'oubliez pas de consulter les options supplémentaires sous l'onglet fil d'Ariane pour personnaliser votre fil d'Ariane comme vous le souhaitez. Yoast vous permet de tout faire à partir de là et il est compatible avec la plupart des thèmes WooCommerce.

2) Comment ajouter des fils d'Ariane dans WordPress avec des plugins dédiés

Alternativement, si vous ne souhaitez pas utiliser Yoast SEO, vous pouvez utiliser des plugins tiers. Dans cette section, nous examinerons quelques excellents plugins que vous pouvez utiliser pour ajouter du fil d'Ariane à votre site WordPress. Tous ces plugins sont gratuits , vous pouvez donc les tester et choisir celui qui vous convient sans dépenser un centime.

1) Fil d'Ariane Flexy

Flexy BreadCrumb vous permet d'activer facilement les fils d'Ariane sur votre site Web à l'aide de son code court dédié. Installez et activez simplement le plugin, et utilisez son shortcode sur n'importe quelle partie de votre site Web : pages, blogs, widgets, en-têtes ou pieds de page. De cette façon, vous pouvez ajouter votre fil d'Ariane à n'importe quelle section de votre site, afin qu'il s'adapte au reste de votre contenu.

Ce plugin gratuit est également livré avec des options de personnalisation dédiées afin que vous puissiez modifier les séparateurs de fil d'Ariane, le texte d'accueil et de fin, les couleurs, les options de couleur pour les liens, et bien plus encore.

Principales caractéristiques

• Shortcode dédié pour ajouter des fils d'Ariane à n'importe quelle partie de votre site Web
• Des tonnes d'options de personnalisation
• Très convivial et facile à utiliser

2) Fil d'Ariane NavXT

Breadcrumb NavXT est une solution complète et robuste pour permettre des fils d'Ariane entièrement fonctionnels. C'est l'un des plugins de fil d'Ariane les plus populaires et pour une bonne raison. Vous pouvez facilement activer votre fil d'Ariane en utilisant un widget dédié ou en appelant sa fonction directement sur les en-têtes, les pieds de page ou des modèles de page spécifiques à l'aide de vos fichiers WordPress.

Le plugin est également livré avec des options intégrées pour personnaliser votre fil d'Ariane, et le nombre d'options fournies est tout simplement stupéfiant. Vous pouvez configurer des modèles distincts pour vos blogs, vos publications et expérimenter des moyens créatifs d'afficher votre fil d'Ariane distinctement dans différentes parties de votre site.

Principales caractéristiques

• Personnalisation étendue du fil d'Ariane et personnalisations des modèles
• Widgets dédiés pour activer le fil d'Ariane n'importe où sur votre site Web
• Fonctionnalités supplémentaires permettant aux utilisateurs d'ajouter des fonctions et des filtres

3) Attraper le fil d'Ariane

Catch BreadCrumb est un plugin léger et astucieux qui vous permet d'ajouter une navigation par fil d'Ariane à votre site Web. Vous pouvez activer votre fil d'Ariane en un rien de temps et aller plus loin en utilisant ses options de shortcode et de personnalisation dédiées.

Catch BreadCrumbs n'est pas le plus bourré en termes de fonctionnalités, mais son ensemble d'options bien conçu possède toutes les fonctionnalités dont vous avez besoin sans être écrasant, permettant même aux utilisateurs les plus débutants de configurer leur fil d'Ariane en quelques minutes. . Enfin, vous pouvez ajouter des fils d'Ariane élégants et utiliser des options astucieuses telles que le masquage des fils d'Ariane sur votre page d'accueil.

Principales caractéristiques

• Léger et simple à utiliser
• Conception réactive avec des tonnes d'options de personnalisation
• Options pour masquer/afficher le fil d'Ariane sur la page d'accueil ou sur des pages spécifiques

Examinons maintenant l'un de ces plugins et voyons comment vous pouvez les activer sur votre site Web. Pour cette démo, nous utiliserons Flexy BreadCrumbs mais vous pouvez utiliser n'importe quel autre outil. La plupart des outils sont similaires, vous devriez donc pouvoir suivre ces étapes pour la plupart des plugins sans aucun problème. Cependant, nous vous recommandons d'avoir la documentation à portée de main pour résoudre tout problème que vous pourriez rencontrer en cours de route.

Ajouter des fils d'Ariane dans WordPress avec Flexy Breadcrumbs

Commençons par installer le plugin, donc dans votre tableau de bord d'administration WordPress, allez dans Plugins > Ajouter un nouveau. Ensuite, utilisez la barre de recherche en haut à droite pour rechercher Flexy BreadCrumbs , cliquez sur Installer, puis activez-le .

Voyons maintenant comment configurer et personnaliser le plugin.

Utiliser le shortcode Flexy BreadCrumbs et l'ajouter à vos fichiers de thème

La façon la plus simple d'utiliser Flexy BreadCrumbs est d'utiliser simplement son shortcode :

 [flexy_breadcrumb]

Vous pouvez ajouter ce shortcode à n'importe quel blog, page ou widget pour y afficher votre fil d'Ariane.

Par exemple, si vous souhaitez afficher des fils d'Ariane sur un blog ou une page produit, ajoutez-y simplement ce shortcode comme indiqué ci-dessous.

D'autre part, si vous souhaitez que votre fil d'Ariane apparaisse sur toutes vos pages et publications sans les ajouter manuellement, vous pouvez ajouter ce shortcode à vos fichiers de thème .

Pour ce faire, ouvrez votre éditeur de thème en cliquant sur Apparence > Éditeur de thème , utilisez la barre latérale Fichiers de thème à droite et sélectionnez votre fichier header.php .

Maintenant, au bas du fichier, ajoutez l'extrait de code suivant :

 <?php
echo do_shortcode('[flexy_breadcrumb]');
?> 

Gardez à l'esprit que si vous utilisez un autre plugin de shortcode, vous remplacerez la section [flexy_breadcrumb] du plugin par le shortcode de votre plugin à la place.

Après cela, cliquez sur Mettre à jour le fichier et votre fil d'Ariane sera affiché sur votre site Web.

Mais que se passe-t-il si vous souhaitez personnaliser votre fil d'Ariane en fonction de votre site Web ? Vous pouvez le faire en utilisant les options du plugin. Cliquez simplement sur Flexy Breadcrumb dans la barre latérale de votre tableau de bord WP Admin , et vous verrez toutes les options de personnalisation pour modifier votre fil d'Ariane. Cela inclut la modification de l'icône d'accueil, du séparateur de fil d'Ariane, de la hiérarchie des types de publication et même des paramètres de typographie.

3) Comment ajouter des BreadCrumbs dans WordPress à partir de votre thème (ou les supprimer)

Certains thèmes sont livrés avec leurs propres options de fil d'Ariane dédiées et vous pouvez généralement les activer/désactiver à partir de leurs options de thème. Par exemple, pour le thème Elfe , nous pouvons accéder aux options du thème en allant dans Apparence > Personnaliser > onglet Options de thème dédié , qui pour nous est étiqueté comme options du thème Fée . Une fois là-bas, nous cliquons sur les fils d' Ariane et les activons/désactivons avec la bascule fournie.

Certains thèmes sont également livrés avec des options supplémentaires pour personnaliser le fil d'Ariane en fonction de l'apparence de votre site.

Bonus : Comment désactiver le fil d'Ariane

Certains thèmes sont livrés avec des fils d'Ariane activés par défaut, donc pour les désactiver, vous devez ajouter une fonction aux fichiers de thème. Par exemple, Storefront est livré avec ses fils d'Ariane dédiés, et vous pouvez les désactiver à l'aide du code suivant :

 add_action( 'init', 'ql_remove_storefront_breadcrumbs' );
fonction ql_remove_storefront_breadcrumbs() {
remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}

Ajoutez simplement ceci à votre fichier functions.php en allant dans Appearance > Theme Editors > functions.php .

Après cela, n'oubliez pas de mettre à jour le fichier et c'est tout. Vous avez réussi à supprimer le fil d'Ariane de votre site.

Conclusion

Dans l'ensemble, les fils d'Ariane peuvent vous aider à améliorer la navigation de votre site Web et à améliorer l'expérience client.

Dans ce guide, nous avons vu différentes manières d' ajouter des fils d'Ariane à votre site WordPress :

• Utilisation des options de fil d'Ariane de Yoast SEO
• Avec un plugin dédié
• Via les options de votre thème (s'il en a)

De plus, nous vous avons montré comment supprimer facilement les fils d'Ariane de votre site avec un simple extrait de code. Enfin, gardez à l'esprit que vous devrez peut-être rajouter l'extrait de code pour ajouter des fils d'Ariane si vous changez de thème.

Pour plus d'informations sur la façon de personnaliser votre site et d'améliorer sa navigation, consultez les tutoriels suivants :

• Comment modifier le fil d'Ariane dans WordPress
• Comment organiser les produits WooCommerce par marque
• Comment ajouter des catégories de produits WooCommerce au menu

Avez-vous ajouté du fil d'Ariane à votre site ? Quelle méthode as-tu utilisé ? Faites-nous savoir dans la section commentaires ci-dessous!