Fil d'Ariane sur WordPress avec et sans plugin. Installation et configuration du fil d'Ariane WordPress

Bonjour à tous les amis. Dans l'article d'aujourd'hui, je vais vous expliquer ce que sont les fils d'Ariane, à quoi ils servent et comment les ajouter à votre blog WordPress avec ou sans plugin. Commençons !

Fil d'Ariane - un moyen pratique de lier un blog

L'un des moyens simples de simplifier simultanément la navigation sur le site et les liens est le fil d'Ariane. Il doit son nom à la façon dont les héros du conte de fées allemand « Hansel et Gretel » tentaient de sortir de la forêt.

Certes, les miettes n'ont pas aidé les enfants - elles ont été picorées par des oiseaux, mais dans le développement de sites Web, la fonction, du nom de la méthode de sauvetage infructueuse, a pris racine et est utilisée dans des ressources à diverses fins, des blogs personnels aux en ligne. magasins.

Vous avez probablement vu ce fil d'Ariane sur diverses ressources Internet. Il est généralement placé au-dessus de l'article et ressemble à ceci :

Page d'accueil> Catégorie > Sous-catégorie > Page actuelle

De plus, tous les « liens », sauf le dernier, sont des liens internes.

Grâce à cette chaîne, le lecteur peut à tout moment comprendre à quel niveau du site il se trouve et a la possibilité de parcourir toute la chaîne et de se rendre immédiatement à la rubrique qui l'intéresse ou de revenir à la page principale de la ressource.

Quels sont les avantages du fil d’Ariane pour un site Web et un blog ?

Comme indiqué ci-dessus, cela facilite premièrement la navigation. Par exemple, un lecteur est venu vers un article, l'a lu et a décidé de lire d'autres articles de la section. Grâce au fil d'Ariane, il n'a pas besoin de chercher un plan du site ou une liste de catégories. Il va juste reculer d'un pas.

Vous invitez subtilement le lecteur à cliquer sur les liens, lui donnant ainsi une raison supplémentaire de rester sur votre site. Ceci, à son tour, améliore les facteurs comportementaux, qui sont en premier lieu ce que les robots de recherche distinguent entre les blogs et les sites Web.

Plus la structure du site est complexe, plus il est important d’y installer le fil d’Ariane. Car il est difficile pour les visiteurs, notamment ceux qui se retrouvent sur cette ressource pour la première fois, de comprendre tous les blocs, pages, sections et sous-sections. S’ils ne reçoivent aucun indice, ils partiront après avoir lu un seul article.

La deuxième tâche de cet élément, étroitement liée à la première, est l'optimisation interne du site, ou plutôt une autre façon de relier le plus d'articles possible avec des liens. De plus, contrairement à la liaison manuelle, ici tout se passe automatiquement. Le fil d’Ariane requis apparaît immédiatement au-dessus de chaque article publié.

Cette fonctionnalité peut être ajoutée aux sites Web et aux blogs de différentes manières. Examinons les deux options les plus simples pour WordPress : l'installation à l'aide d'un plugin et en apportant de petites modifications au code.

Comment ajouter du fil d'Ariane à un blog avec un plugin

Le moyen le plus simple d'installer le fil d'Ariane sur un blog est d'installer un plugin spécial. Pour WordPress, Breadcrumb NavXT est généralement utilisé.

La méthode pour l'installer est standard : allez dans le panneau d'administration du blog -> Plugins -> Ajouter un nouveau. Dans la fenêtre qui apparaît, insérez le nom du plugin et cliquez sur « Rechercher des plugins ».

Le voici, notre plugin, cliquez sur « Installer maintenant », puis « Activer ».

et au-dessus de cette ligne insérez le morceau de code suivant :

Si vous souhaitez placer le fil d’Ariane à un autre endroit, vous y placez le même code.

Après cela, allez dans « Paramètres » -> « Paramètres du fil d'Ariane NavXT » et dans la colonne « Nom du lien », remplacez le nom par le vôtre et enregistrez les modifications.

Il ne reste plus qu'à aller sur le blog et admirer le résultat.

Comment ajouter du fil d'Ariane à un blog sans plugin

Étant donné que tout plugin constitue une charge supplémentaire sur le blog, ralentissant son travail, il vaut mieux simplement modifier un peu le code, d'autant plus que dans ce cas c'est plus simple que d'installer un plugin.

Allez dans le panneau d'administration -> « Apparence » -> « Éditeur » -> fonctions.php. Ici, n'importe où (l'essentiel n'est pas dans une autre fonction), insérez le code suivant :

Fonction the_breadcrumb() ( echo "Vous êtes ici : "; if (!is_front_page()) ( echo "Home"; echo " » "; if (is_category() || is_single()) ( the_category(" "); if (is_single()) ( echo " " "; the_title(); ) ) elseif (is_page()) ( echo the_title(); ) ) else ( echo "Home"; ) )

et enregistrez. Si vous craignez de vous tromper, insérez-le simplement à la toute fin, au-dessus du dernier support.

Maintenant, vous avez besoin de ce code :

placez-le à l'endroit où vous souhaitez que le fil d'Ariane apparaisse, par exemple au-dessus du titre de l'article. Pour ce faire, allez sur single.php, recherchez la ligne avec the_title et collez ce code au-dessus et enregistrez les modifications.

Vous pouvez aller sur le site Web et voir ce qui s'est passé. Comme vous pouvez le constater, You are here et Home ne sont clairement pas à leur place ici et ils doivent être remplacés par quelque chose de plus approprié, par exemple en Path et Home (ou le nom du blog).

De plus, vous devez vous assurer que les modifications ont la même apparence sur différents navigateurs - elles ne se fondent pas dans d'autres parties du thème et, en même temps, sont clairement visibles.

Ça y est, Breadcrumbs aide vos lecteurs et vous pouvez être fier d'avoir compris comment les installer vous-même. Merci à tous pour votre attention !

P.S. À la fin de l'article, il y a une vidéo expliquant comment ajouter du fil d'Ariane à votre blog :

Le fil d'Ariane est un système de navigation à plusieurs niveaux qui indique aux utilisateurs où ils se trouvent actuellement sur le site par rapport à la page principale. Dans cet article, nous allons vous montrer comment afficher le fil d’Ariane WordPress :

Que sont les fils d'Ariane et à quoi servent-ils ?

Le fil d'Ariane est un terme utilisé pour décrire un menu de navigation hiérarchique présenté comme une chaîne de liens. Il est souvent utilisé comme menu de navigation supplémentaire.

Le fil d’Ariane est différent du système de menus de navigation par défaut de WordPress.

Le fil d’Ariane a pour but d’aider les utilisateurs à naviguer sur le site. Ils aident à comprendre où se trouve actuellement l’utilisateur. Il aide également les moteurs de recherche à déterminer la hiérarchie des liens vers les pages Web.

Les moteurs de recherche tels que Google ont commencé à afficher le fil d’Ariane du site dans les résultats de recherche. Cela augmente la visibilité du site dans les résultats de recherche et améliore les taux de conversion :


Ajout de fil d'Ariane à l'aide du plugin Breadcrumb NavXT

Il s’agit d’un plugin de fil d’Ariane WordPress flexible et facile à utiliser. Il possède des fonctionnalités plus diverses que vous ne pouvez l’imaginer. La première chose que vous devez faire est d'installer et d'activer le plugin Breadcrumb NavXT. Après l'avoir activé, vous devez vous rendre sur la page des paramètres du plugin : Paramètres - Fil d'Ariane NavXT:


Pour la plupart des sites, les paramètres par défaut conviendront. Mais si nécessaire, vous pouvez modifier les paramètres.

La page des paramètres est divisée en plusieurs sections. Dans l'onglet Général, vous pouvez définir le comportement du plugin sur le site.

Ici, vous pouvez modifier le modèle de lien. Ces modèles utilisent les paramètres Schema.org dans la balise de lien.

Dans la section « Types de publication », vous pouvez définir un « fil d'Ariane » pour les publications, les pages et tout type de publication personnalisé. Vous pouvez choisir d'afficher la hiérarchie des enregistrements. Par défaut le plugin utilisera la hiérarchie " Titre du site > Catégorie > Titre du message».

Vous pouvez remplacer les éléments de navigation par des balises, des dates ou des parents de publication. Les onglets Taxonomies et Auteurs ont des modèles similaires pour les liens de menu. N'oubliez pas de cliquer sur le " Enregistrer les modifications».

Affichage du fil d'Ariane NavXT sur votre site

Pour utiliser ce plugin de fil d'Ariane WordPress, vous devez modifier les fichiers de thème. Vous devez ajouter le code suivant dans le fichier header.php du thème à l'endroit où le fil d'Ariane sera affiché :

Accédez au site et ouvrez un article ou une page. Vous verrez que le fil d’Ariane est déjà affiché.

Ajout de fil d'Ariane avec le plugin Yoast SEO

Installez et activez le plugin Yoast SEO. Après avoir activé le plugin, vous devez vous rendre sur la page SEO > Avancé et cochez la case de l'option " Activer le fil d'Ariane»:


Après cela, plusieurs options seront disponibles avec lesquelles vous pourrez modifier l'option d'affichage du fil d'Ariane. Les paramètres par défaut devraient convenir à la plupart des sites, mais peuvent être facilement modifiés si nécessaire.

Une fois que vous avez terminé, cliquez sur le " Enregistrer les modifications».

Générer du fil d'Ariane à l'aide du plugin Yoast SEO

Certains thèmes prennent déjà en charge le fil d'Ariane Yoast. Accédez au site et ouvrez n’importe quelle page ou publication pour voir si elle affiche le fil d’Ariane WordPress. Sinon, vous devez ajouter un petit morceau de code au thème actif.

Collez ce code dans le header.php de votre thème à la fin du fichier :

C'est tout, vous pouvez maintenant accéder à votre site Web, le fil d'Ariane y sera déjà affiché.

Nous espérons que cet article vous a aidé.

Traduction de l'article " Comment afficher les liens de navigation du fil d'Ariane dans WordPress"a été préparé par l'équipe sympathique du projet.

Bon Mauvais

La navigation par fil d'Ariane permet à un visiteur du site de comprendre où il se trouve actuellement sur le site. En règle générale, une telle navigation consiste en une ligne de liens situés dans une chaîne sous l'en-tête du site.

Cette navigation va de la page principale du site aux catégories, aux pages avec articles, aux pages individuelles du site. Tous les liens dans le fil d'Ariane sont actifs, à l'exception du dernier, car c'est là que se trouve actuellement le visiteur et un lien vers cette page du site n'est pas nécessaire.

La navigation par fil d'Ariane ajoute un autre élément aux liens internes du site et permet au visiteur de naviguer facilement à travers les pages et les sections du site, augmentant ainsi les facteurs comportementaux.

Le terme « Fil d’Ariane » est tiré d’un conte de fées allemand des frères Grimm. Dans ce conte de fées, les enfants ont tracé leur chemin vers la forêt, laissant derrière eux des miettes de pain sur leur chemin, afin qu'en utilisant les miettes de pain laissées derrière eux, ils aient la possibilité de rentrer chez eux.

Sur mon blog, j'ai déjà décrit l'installation du fil d'Ariane à l'aide du plugin.

Le fil d'Ariane peut être installé sur votre site Web sans l'aide d'un plugin spécial. Cela a ses avantages, puisque cela n’augmentera pas la charge sur votre site. Il convient donc, dans la mesure du possible, de remplacer les plugins utilisés sur le site par l'insertion de code et de divers scripts.

Attention! Avant d'installer le code, faites des copies de sauvegarde des fichiers dans lesquels vous collerez les codes, afin qu'en cas de problème vous puissiez restaurer les fonctionnalités de votre thème WordPress.

Pour installer le fil d'Ariane, vous devrez coller quelques codes dans les fichiers correspondants de votre thème.

Il n'est pas nécessaire d'installer un fil d'Ariane sur la page d'accueil de votre blog. Un visiteur, tapant le nom d'un site dans la recherche, sera dans la grande majorité des cas dirigé vers la page principale du site dans les résultats de recherche.

Si un visiteur est issu d'une recherche sur une page spécifique, il verra sa localisation sur le site à l'aide du fil d'Ariane. La page principale sera un lien hypertexte et le visiteur pourra accéder à la page principale s'il utilise pour cela le fil d'Ariane.

Installation du fil d'Ariane sur le site

Deux versions du code devront être insérées dans les fichiers de thème suivants : « Fonctions de thème (functions.php) », « Entrée unique (single.php) », « Modèle de page (page.php) », « Archives (arhvie .php)», « Résultats de recherche (search.php)».

Le premier code devra être collé dans le fichier « Theme Functions (functions.php) » installé sur votre blog thématique WordPress.

// fonction du fil d'Ariane dimox_breadcrumbs() ( $showOnHome = 0; // 1 - afficher le fil d'Ariane sur la page principale, 0 - ne pas afficher $delimiter = """; // diviser entre les "crumbs" $home = "Home "; // lien texte "Accueil" $showCurrent = 1; // 1 - afficher le titre de l'article/de la page actuelle, 0 - ne pas afficher $before = " "; // balise avant le "crumb" actuel $after = ""; // balise après le "crumb" actuel global $post; $homeLink = get_bloginfo("url"); if (is_home() || is_front_page()) ( if ($showOnHome == 1) echo "

" . $à la maison . "
"; ) sinon ( écho "
" . $home . " " . $delimiter . " "; if (is_category()) ( global $wp_query; $cat_obj = $wp_query->get_queried_object(); $thisCat = $cat_obj->term_id; $thisCat = get_category( $thisCat); $parentCat = get_category($thisCat->parent); if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, " " . $delimiter . " ") ); "", false). $after; ) elseif (is_day()) ( echo "" . get_the_time("Y") . " " . $delimiter . " "; echo "" . get_the_time("F") . " " . $delimiter . " "; echo $before . get_the_time("d") . elseif (is_month()) ( echo "" . get_the_time("Y") . " " "; echo $before . get_the_time("F") . $after; ) elseif (is_year()) ( echo $before . get_the_time("Y") . $after; ) elseif (is_single() && !is_attachment()) ( if (get_post_type() != "post") ( $post_type = get_post_type_object(get_post_type()); $slug = $post_type->rewrite; echo "" . $post_type->labels->singular_name . " " . $delimiter . " "; if ($showCurrent == 1) echo $avant . get_the_title() . $après ; """ . $after; ) elseif (is_author()) ( global $author; $userdata = get_userdata($author); echo $before . "Articles de l'auteur " . $userdata->display_name . $after; ) elseif (is_404 ()) ( echo $before . "Erreur 404" . $after; ) if (get_query_var("paged")) ( if (is_category() || is_day() || is_month() || is_year() || is_search () || is_tag() || is_author()) echo " ("; echo __("Page") . " " . get_query_var("paged"); if (is_category() || is_day() || is_month( ) || est_année() || est_tag() || est_auteur()) echo ")";
"; ) ) // fin de dimox_breadcrumbs()

Pour insérer ce code dans le fichier de thème installé sur votre site, vous devez entrer dans le « Panneau d'administration WordPress » => « Apparence » => « Éditeur => « Modèles », puis cliquer sur l'élément « Fonctions du thème (functions. php) "

Dans la fenêtre « Modifier les thèmes », dans le fichier « Fonctions du thème ((functions.php) » vous devrez insérer le premier code tout en haut du fichier, après

Le nom de l’entrée de la page d’accueil est « Accueil », vous pouvez le remplacer par le nom de votre site si vous le souhaitez. Pour ce faire, dans la ligne de code correspondante vous devez remplacer le mot « Accueil » par le nom de votre site.

Si vous souhaitez que la page du site ou le fil d'Ariane n'affiche pas le nom de la page sur laquelle vous vous trouvez actuellement, alors pour ce faire, vous devez remplacer le chiffre « 1 » par le chiffre « 0 » dans la ligne suivante.

Après avoir inséré le code et l'avoir modifié selon vos souhaits, cliquez sur le bouton « Mettre à jour le fichier ».

Le code suivant devra être inséré dans plusieurs fichiers de votre thème installé : « Entrée unique (single.php) », « Modèle de page (page.php) », « Archives (arhvie.php) », « Résultats de recherche (recherche .php)” "

Dans le fichier « Entrée unique (single.php) », responsable des pages avec articles, le code est inséré à l'endroit indiqué dans l'image.

Après avoir inséré ce code, vous devez cliquer sur le bouton « Mettre à jour le fichier ».

Dans le fichier « Archives (arhvie.php) », collez ce code à l'endroit mis en évidence dans le cadre de l'image.

Cliquez ensuite sur le bouton « Mettre à jour le fichier ».

Dans le fichier « Résultats de recherche (search.php) » chargé de la recherche sur le site, collez le code à l'endroit indiqué dans l'image.

Après avoir inséré le code, cliquez sur le bouton « Mettre à jour le fichier ».

Dans le fichier « Page Template (page.php) », responsable des pages statiques, insérez le code comme indiqué dans l'image.

Après avoir installé le code, cliquez sur le bouton « Mettre à jour le fichier ».

Ça y est, le fil d'Ariane est désormais installé sur votre site. Vous devez ouvrir votre site et vous verrez la navigation installée. Si votre site était ouvert à ce moment-là, vous devrez actualiser la page pour voir les modifications apportées.

Vous pouvez également ajouter ce code au fichier « Style Sheet (style.ccs) » :

/* Fil d'Ariane */ #crumbs ( padding:10px 10px 0 15px; max-height:20px; overflow:hidden; line-height: 180%; border-radius:0 0 8px 8px; -moz- border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px ;)

Ce code est inséré à la toute fin du fichier "Feuille de style (style.ccs)" pour modifier l'apparence du fil d'Ariane installé. Le code à insérer dans le fichier « Style Sheet (style.php) » peut avoir d'autres caractéristiques (dimensions, retraits, etc.). Il n'est pas nécessaire d'intégrer ce code ou un code similaire sur votre blog.

Sur mon site Web, dans le modèle précédent, je n'ai pas installé ce code ; j'aimais mieux l'apparence du fil d'Ariane sans ces améliorations.

Conclusions de l'article

Breadcrumbs est désormais installé sur votre blog sans utiliser de plugin. Le créateur de cette fonction est le célèbre blogueur Dimox (Dmitry).

Avant de passer directement à la revue des modules, je dirai quelques mots sur comment et pourquoi cette solution est appliquée :

  • Premièrement, c'est utile du point de vue de la convivialité : la navigation orientera les personnes sur le site et clarifiera sa structure.
  • Deuxièmement, cette fonctionnalité fonctionne également pour l'optimisation, car... est essentiellement une autre option, et augmente également le nombre de clics et le temps d'arrêt (+ peut apparaître dans les résultats).

Cependant, cette fonctionnalité est efficace dans chaque projet Web. Si vous disposez d'une simple carte de visite de 10 à 20 pages sans hiérarchie imbriquée, cela ne sert à rien d'ajouter du fil d'Ariane à WP. L'élément n'apportera absolument aucun avantage, mais n'occupera que de l'espace libre sur l'écran. Dans le cas de portails d’entreprise comportant des catégories/sections à plusieurs niveaux, c’est une tout autre affaire. En plus, ça a l'air super aussi.

Théoriquement, ce bloc ne peut pas être affiché sur toutes les pages. Par exemple, vous avez un blog, qui propose dans un premier temps plusieurs chemins traditionnels à travers le site : tags et catégories, archives de dates, auteurs, ainsi que des articles spécifiques. Je laisserais la navigation dans les sections et les notes, tandis que dans les étiquettes et les dates, la valeur de ces informations est minime, car cela duplique simplement le titre. Si les plugins de fil d'Ariane WordPress installés ne vous permettent pas de le faire directement, utilisez . De plus, il est conseillé de concevoir l’élément de la manière la plus discrète possible en termes de disposition et de styles.

Cela a l'air stupide quand immédiatement sous la chaîne « Accueil » - « Catégorie » - « Titre du message » vous voyez le même titre + une indication de la catégorie actuelle. D'ailleurs, un tel affichage de catégories se retrouve souvent dans les modèles WP standards, donc après avoir intégré la solution appropriée, il est conseillé de corriger cette nuance.

Plugins et fil d'Ariane dans WordPress

Les modules pour cette tâche peuvent être facilement trouvés sous le nom anglais de la fonction Breadcrumbs - dans le référentiel WordPress ou via les moteurs de recherche. Il existe de nombreuses options de mise en œuvre différentes, mais la plupart d'entre elles n'ont pas été mises à jour depuis plusieurs années.

Peut-être que les auteurs en ont assez de rivaliser avec les leaders permanents de Breadcrumb NavXT avec 600 000. téléchargements et référencement par Yoast. De plus, il est assez difficile de proposer quelque chose de plus original en la matière, car c'est aussi simple que possible et vous pouvez même implémenter le fil d'Ariane dans WordPress sans plugin. Quoi qu’il en soit, j’ai sélectionné 4 des solutions les plus intéressantes :

La tâche principale du module, en principe, n'a rien à voir avec notre sujet d'aujourd'hui, mais elle ne peut être ignorée. L'une des fonctionnalités supplémentaires du plugin Yoast SEO est le fil d'Ariane. Autrement dit, vous n'avez pas besoin d'installer un nouveau module, mais simplement d'activer l'option appropriée. Dans mon travail, j'utilise exactement cette option.

est le plugin de fil d'Ariane le plus populaire sur WordPress avec plus de 600 000 téléchargements. Mis à jour régulièrement et contient de nombreuses fonctionnalités pour personnaliser facilement votre affichage de navigation. Il comprend également un widget intégré, la prise en charge de bbPress, BuddyPress, la localisation, la possibilité pour les développeurs d'utiliser des filtres/hooks, et bien plus encore.

Fil d'Ariane

En principe, il est difficile de trouver des solutions plus intéressantes que les deux précédentes, même s’il existe de bonnes tentatives. Par exemple, le module Breadcrumb pour WordPress prend en charge les shortcodes, et la chaîne de liens elle-même a un design original (voir le lien Live Demo !). Il n'est pas clair si les conceptions sont prises en charge dans la version gratuite. Vous pouvez également personnaliser le type de séparateur et ajouter du texte au début de l'élément. Selon les développeurs, le script est aussi simple et léger que possible.

Une autre option qui a, plus ou moins, un nombre de téléchargements décent, malgré le fait qu'elle ait été mise à jour il y a environ un an. Les auteurs promettent une personnalisation flexible du fil d'Ariane dans WordPress : hooks intégrés, options d'affichage et prise en charge du style (il y a un exemple CSS dans la description). Le module semblait être une solution plutôt bonne et simple avec de bonnes notes.

Fil d'Ariane dans Yoast SEO

Je ne décrirai pas en détail toutes les subtilités du travail, vous pouvez en lire davantage, je me concentrerai exclusivement sur la création d'un élément avec des miettes. Le processus d'intégration se compose de deux parties : installation dans le panneau d'administration + édition du modèle.

Après l'activation, une toute nouvelle section SEO apparaîtra dans laquelle vous devrez sélectionner l'option « Avancé ». Ensuite, déplacez le commutateur de l'élément portant le nom étrange « Activer Crumb » sur la position « On » :

En principe, il n'y a pas tellement d'options différentes ici. Vous définissez le caractère séparateur, le titre d'accueil, le préfixe, le texte pour les archives et les 404 pages. Juste en dessous, sélectionnez l’option de taxonomie affichée dans le post (la catégorie est la plus logique).

Rendez-vous ensuite dans le fichier modèle où vous allez afficher le bloc de navigation et ajoutez les lignes :

" , "

" ) ; } ?>

Les endroits les plus populaires pour insérer du code sont dans les articles (single.php) et les pages (page.php) avant d'afficher l'en-tête. Parfois, il peut être placé à la fin de la présentation d'en-tête (header.php). Le code ci-dessus contient une instruction conditionnelle et vérifie la présence du plugin, puis affiche le résultat. Avec cette conception, vous pouvez facilement désactiver le fil d'Ariane dans les paramètres. D’ailleurs, ce code a été initialement ajouté à de nombreux thèmes professionnels, car Le module est très populaire.

Un autre avantage de Yoast SEO est que le fil d’Ariane peut être défini dans les paramètres avancés des articles de blog :

Autrement dit, vous avez la possibilité de déterminer manuellement toute valeur d'en-tête de publication WP via le panneau d'administration. Ceci est utile pour les titres d'articles longs + vous permet de vous débarrasser des informations en double.

Plugin Fil d'Ariane NavXT pour WordPress

De plus, lors de la création de fils d'Ariane pour WordPress, le plan Breadcrumb NavXT est utilisé. Le module a de bonnes fonctionnalités, que j'ai partiellement mentionnées ci-dessus, et il contient de nombreuses options intéressantes. Presque tous les utilisateurs peuvent le comprendre et modifier facilement les paramètres nécessaires de l'élément de navigation.

Via le panneau d'administration ou en téléchargement depuis le référentiel officiel. Important! Pour Breadcrumb NavXT version 5.2, vous aurez besoin de PHP5.3, les versions antérieures nécessitent PHP5.2. Ensuite vous l’activez, et la section correspondante apparaîtra dans WP.

Il y a 4 onglets de paramètres ici :

  • Dans « Basic », vous pouvez sélectionner le type de séparateur, supprimer le lien vers la page principale et configurer l'affichage de la page actuelle. Le format de chaîne est spécifié via des modèles.
  • « Messages » - contient des options pour les messages.
  • « Taxonomies » - sont responsables des balises/catégories.
  • "Autre" - formats des pages d'auteur, archives, erreurs 404.

Je vous conseille de parcourir chaque onglet et de regarder toutes les fonctionnalités. Le format d'affichage vous permet d'apporter des modifications à cette navigation - ajouter votre propre texte/symboles, modifier les styles, etc.

Après avoir spécifié les paramètres Breadcrumbs dans le plugin WordPress, vous devez définir la sortie des informations dans le modèle - ouvrez le fichier de mise en page correspondant (généralement header.php) et placez les lignes au bon endroit :

Semblable à l’utilisation de Yoast SEO, le choix de l’emplacement du code dépend du thème installé. Si vous avez l'intention d'afficher un bloc dans l'en-tête, utilisez header.php. Considérant que ce fichier est commun à toutes les pages de la mise en page, vous verrez une chaîne de liens sur chacune d'elles. Vous pouvez également afficher un élément uniquement dans les sections sélectionnées - dans ce cas, collez le code dans single.php, page.php, archive.php, etc. Dans l’ensemble, Breadcrumb NavXT est un bon outil.

Fil d'Ariane dans WordPress sans plugin

Il est possible d'implémenter la fonction Breadcrumbs dans WordPress sans plugins. Cependant, avant de décrire les différentes options, j'exprimerai mon opinion subjective sur les raisons pour lesquelles ce n'est pas la meilleure idée :

  • L'intégration sera certainement un défi pour les utilisateurs novices.
  • La modification des paramètres directement dans le code n'est pas particulièrement claire - la définition de modèles d'affichage via le panneau d'administration est beaucoup plus pratique que la modification directe.
  • Les modules ont plus de fonctionnalités - prenez au moins la localisation, la prise en charge de Schema.org et les widgets.
  • Tous les codes trouvés sur le Web ne sont pas à jour, corrects et régulièrement mis à jour, tandis qu'au moins Yoast SEO et Breadcrumb NavXT dans WordPress fonctionnent de manière stable.

Pour être honnête, je ne pense pas que créer du fil d’Ariane dans WordPress sans plugin vous donnera une sérieuse amélioration des performances. Oui, si vous êtes un développeur Web sympa et que vous créez un projet pour vous-même, vous pouvez vous débrouiller avec du « code propre », dans tous les autres cas, un module prêt à l'emploi est beaucoup plus simple ;

Une des solutions les plus compactes et les plus ou moins actuelles. La première chose à faire est d'ajouter une nouvelle fonction personnalisée get_breadcrumb() à votre fichier function.php :

/** * Générer un fil d'Ariane * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Accueil" ; if (is_category() || is_single() ) ( echo " » " ; the_category(" . " ) ; if (is_single() ) ( echo " » " ; the_title() ; ) ) elseif (is_page() ) ( echo " » " ; echo the_title() ; ) elseif (is_search() ) ( echo " » Résultats de recherche pour... " ; echo "" " ; echo the_search_query() ; echo """ ; } }

/** * Générer un fil d'Ariane * @author CodexWorld * @authorURL www.codexworld.com */ function get_breadcrumb() ( echo "Home"; if (is_category() || is_single()) ( echo " " "; the_category(" . "); if (is_single()) ( echo " » "; the_title(); ) ) elseif (is_page()) ( echo " » "; echo the_title(); ) elseif (is_search()) ( echo " » Résultats de recherche pour... "; echo "" "; echo the_search_query(); echo """; } }

Ensuite, dans la présentation de post-affichage single.php ou tout autre, appelez-le :

fil d'Ariane ( remplissage : 8px 15px ; marge inférieure : 20px ; style de liste : aucun ; couleur d'arrière-plan : #f5f5f5 ; rayon de bordure : 4px ; ) .breadcrumb a ( couleur : #428bca ; décoration de texte : aucun ; )

fil d'Ariane ( remplissage : 8px 15px ; marge inférieure : 20px ; style de liste : aucun ; couleur d'arrière-plan : #f5f5f5 ; rayon de bordure : 4px ; ) .breadcrumb a ( couleur : #428bca ; décoration de texte : aucun ; )

En conséquence, vous obtiendrez quelque chose comme :

Si cela vous suffit, pourquoi pas. Je peux également recommander l'option de Dimox, qui a essayé de prendre en compte toutes les lacunes des extraits existants. Il y a bien plus de code source là-bas, il est tout à fait possible d'en créer un module à part entière :)

Comment supprimer le fil d'Ariane dans WordPress

En principe, cette tâche est l’inverse du processus d’installation d’un élément. Par conséquent, avant de le désactiver, vous devez comprendre exactement comment tout est mis en œuvre dans votre cas spécifique. L'algorithme est approximativement le suivant :

  1. Voyons s'il existe un plugin de fil d'Ariane pour un site WordPress. Si oui, essayez de masquer l'affichage de la chaîne de liens dans les paramètres et/ou de la désactiver.
  2. Si le développeur a effectué l'intégration correctement, la suppression du module n'entraînera pas d'erreurs. Sinon, nous recherchons le code de sortie de navigation dans les fichiers modèles (WinGrep peut vous aider). Il peut s'agir par exemple des fonctions yoast_breadcrumb(), bcn_display(), bread_crumb(), etc. Se débarrasser des lignes supplémentaires.
  3. Vérifions à nouveau l'affichage des pages du projet dans le navigateur.

En principe, désactiver ou supprimer le fil d'Ariane dans WordPress n'est pas si difficile, l'essentiel est de comprendre comment ils ont été ajoutés. Modifiez soigneusement le code afin de ne rien supprimer d'important (vous pouvez d'abord commenter les lignes).

Total. Dans l'article, j'ai expliqué en détail comment créer un fil d'Ariane dans WordPress ; les informations sur sa configuration devraient vous suffire. Avant l'installation, je vous conseille de réfléchir si vous avez vraiment besoin de cet appareil. Quant à l’implémentation, je ne vois personnellement pas l’intérêt d’implémenter un élément de chemin de site dans WordPress sans plugin, étant donné que votre projet web aura probablement Yoast SEO. Quant aux autres modules, ils ne sont utiles que dans le cas de certaines fonctionnalités originales. Breadcrumb NavXT semble plutôt bon, mais je suis tout à fait favorable à la solution de Yoast.

Si vous avez des questions sur l'utilisation des plugins Breadcrumbs et WordPress, écrivez ci-dessous et nous réglerons le problème.

P.S. Garde. De nos jours, il est nécessaire d'utiliser des systèmes de canalisations modernes - les conduites de gaz présentées par la maison commerciale Eurotrubplast répondent à toutes les normes de qualité.

Le terme « fil d'Ariane » fait référence à un système de navigation par menu hiérarchique présenté sous la forme d'une chaîne de liens. Il permet aux visiteurs de comprendre dans quelle section du blog ils se trouvent. Sur Wordpress, le fil d'Ariane est souvent utilisé comme aide à la navigation pour aider les utilisateurs à naviguer dans les pages du site. Cet article explique comment afficher des liens sur un blog à l'aide de plugins.

Fonctions

Avant d’ajouter du fil d’Ariane à Wordpress, vous devez comprendre pourquoi cela est fait. A l'aide du menu auxiliaire, vous pouvez indiquer au visiteur où se trouve la note ou le produit qu'il consulte actuellement. Si nécessaire, l'utilisateur revient instantanément à la catégorie souhaitée sans avoir à rechercher des éléments de navigation plus complexes. De cette façon, vous pouvez améliorer la convivialité du site.

Le fil d’Ariane des pages Wordpress vous permet de créer le bon lien. Cet événement est l’un des moyens les plus efficaces de promouvoir un blog. À l’aide du fil d’Ariane, vous pouvez distribuer du jus de liens entre la page principale, les catégories et les articles.

Le moteur de recherche Google a déjà commencé à afficher la navigation assistée sous les noms de sites dans les résultats de recherche. Cela donne à la ressource Web la possibilité d'accéder aux premières positions. Une description détaillée du processus est donnée dans l'aide officielle de Google. Tout n’est pas aussi simple qu’il y paraît. Le moteur de recherche ne comprend pas toujours si le fil d’Ariane Wordpress doit être affiché dans les résultats de recherche.

Vaut-il la peine d'ajouter une navigation auxiliaire au site ?

Si l'utilisateur parvient à diviser le sujet du blog en 3-4 sections, il n'est pas nécessaire d'installer un bloc avec des liens. La structure de la ressource Web restera simple et claire. Dans ce cas, il est déconseillé d’utiliser le fil d’Ariane Wordpress. La navigation auxiliaire ne doit être ajoutée que si le site a une structure complexe.

Le fil d'Ariane dans Wordpress est affiché sur les pages de blog à l'aide de plugins. Il existe de nombreuses extensions qui permettent d'installer un bloc supplémentaire avec des liens sur le site. Cette revue n’en couvrira que quelques-uns.

Fil d'Ariane NavXT

Ce produit logiciel est le plugin le plus populaire et le plus puissant qui vous permet de créer du fil d'Ariane dans Wordpress. Il peut être utilisé pour générer un menu secondaire hautement personnalisable. Le plugin convient aussi bien aux débutants qu’aux experts Wordpress. Il a beaucoup de fonctionnalités. L'utilisateur peut définir des classes et des identifiants uniques pour un style avancé du menu secondaire.

Le plugin prend en charge plusieurs langues. Les inconvénients incluent le manque de thèmes intégrés. Cette lacune peut être corrigée en utilisant les styles proposés dans les communautés. Dernières versions du produit logiciel en russe. Les auteurs du projet suggèrent de travailler avec un grand nombre de réglages fins.

Si nécessaire, vous pouvez activer la génération de code conformément à la norme RDFa de Google. Un tel balisage du panneau de menu auxiliaire ne garantira pas que le système utilisera un « fil d'Ariane » lors de la création d'un extrait de recherche, mais les chances que cela se produise augmenteront considérablement. Les liens sont uniquement affichés dans le widget. Vous ne pourrez pas ajouter de sous-menu en haut de la page. Il convient de noter que le « fil d'Ariane » n'est pas pris en charge par le moteur de recherche Yandex.

Yoast WordPress SEO

La création d'un menu auxiliaire est l'une des fonctions de ce logiciel. Un grand nombre d’outils vous permettent d’effectuer une optimisation SEO avancée. Ce plugin est utilisé par des personnes engagées dans une promotion de blog de haute qualité. Modifier un bloc avec des liens peut être difficile pour certains propriétaires de sites. Pour effectuer cette tâche, vous devez ouvrir le panneau d'administration de Wordpress, accéder à la section « SEO » et sélectionner la ligne « avancé ».

Une page avec des paramètres de plugin supplémentaires sera chargée. Ici, vous devez accéder à l’onglet « fil d’Ariane ». L'option « activer » doit être cochée. Pour qu'un menu auxiliaire apparaisse sur le site, vous devez ajouter une fonction PHP responsable de la sortie vers le code du blog. Dans le champ « séparateur », vous pouvez saisir n'importe quel caractère pris en charge par HTML5.

Comme texte du lien vers la page principale du site, vous devez indiquer le domaine ou simplement le mot « Accueil ». Dans le champ « préfixe principal », vous devez saisir plusieurs lettres ou symboles. Ils apparaîtront avant tous les liens de sous-menu. Les champs de préfixe de chaîne de navigation pour les archives et les pages de résultats de recherche sont remplis de la même manière. Dans la sous-section « taxonomie », vous devez sélectionner « catégories », « balises » ou « formats ».

Fil d'Ariane

À l'aide d'un plugin de Justin Tadlock, vous pouvez créer rapidement un fil d'Ariane dans Wordpress. Ce qui a commencé comme un petit script, ce logiciel est devenu un système avancé.

Le plugin vous permet d'afficher un menu auxiliaire pour n'importe quelle structure. Il recherche automatiquement des permaliens pour votre blog. En fonction de la structure résultante, le plugin affiche un « fil d'Ariane » sur le site. Des liens sont ajoutés à chaque page. Le plugin détecte automatiquement les taxonomies, les types de notes, etc.

Délicieuse chapelure

Ce produit logiciel peut être installé directement à partir du panneau d'administration de Wordpress. Pour cela, rendez-vous sur la page « plugins ». Ensuite, vous devez cliquer sur le bouton « ajouter un nouveau », saisir le nom dans la barre de recherche, appuyer sur Entrée et installer le logiciel. Après l'activation, vous devez configurer le plugin. Même un utilisateur novice peut faire face à cette tâche.

Vous devez d'abord spécifier le type d'installation du bloc avec des liens. Pour que le plugin Wordpress affiche automatiquement le fil d'Ariane, vous devez sélectionner l'élément approprié. Si l'utilisateur précise le type « installation manuelle », il devra alors insérer lui-même le code dans le site. Ensuite, vous devez sélectionner l'apparence du bloc avec des liens. Ensuite, vous devez préciser sur quelles pages le fil d'Ariane sera affiché.

Si vous le souhaitez, vous pouvez activer l'affichage des info-bulles et des liens Accueil. L'utilisateur doit également sélectionner un style de police pour le fil d'Ariane et les catégories principales. Il existe également une option pour activer l'attribut titre pour les liens. Pour supprimer les informations sur l'auteur du plugin des pages du site, vous devez sélectionner l'option « masquer » à côté de la colonne « vos remerciements » et enregistrer le résultat. Vous remarquerez que les paramètres du plugin sont assez simples et compréhensibles.

Fil d'Ariane vraiment simple

Ce produit logiciel est une autre solution simple pour Wordpress. Le plugin fonctionne correctement et sans erreurs, et s'affiche selon le code du thème utilisé. Vous pouvez installer le logiciel via le panneau d'administration. Pour que le fil d'Ariane soit affiché sur les pages statiques, vous devez écrire le code approprié au-dessus de la ligne de titre. Si l'utilisateur a besoin de changer le type de séparateur, il peut éditer la ligne 17 du fichier breadcrumb.php.

Dans cette option d'ajout d'un menu auxiliaire, il n'y a pas de micro balisage. Avec lui, le « fil d’Ariane » sera affiché dans l’extrait des résultats de recherche Google au lieu de l’URL. Cela augmentera votre taux de clics. Par conséquent, l’utilisateur doit ajouter un micro-balisage ou utiliser une autre option.

Générateur de fil d'Ariane DP RDFa

Le plugin a été créé pour l’optimisation du site par les moteurs de recherche. Comme avec Yoast Wordpress SEO, le fil d'Ariane est automatiquement affiché dans l'extrait SERP.

Après avoir installé le logiciel, vous devez ouvrir le panneau d'administration et accéder aux paramètres. Ensuite, vous devez sélectionner un plugin. Dans la fenêtre qui apparaît, le créateur fait la publicité de son produit. Vient ensuite le code à copier. Il doit être inséré à l'endroit où vous souhaitez afficher le fil d'Ariane.



Des questions ?

Signaler une faute de frappe

Texte qui sera envoyé à nos rédacteurs :