Salut tout le monde!. Aujourd'hui, dans cet article, je voudrais vous expliquer comment améliorer la convivialité de votre site Web à l'aide d'un plugin. Yoast SEO, dont je parlerai en détail dans un de mes prochains articles.

Beaucoup ont sûrement déjà entendu parler de ce plugin et savent qu’il est nécessaire pour rédiger des articles optimisés pour le référencement. Mais que peut-on faire d'autre avec du pain ? Miettes WordPress Yoast SEO, peu de gens s’en rendent compte.

Tout d’abord, laissez-moi vous expliquer ce que sont les « fils d’Ariane » et pourquoi ils sont nécessaires.

Donc, le "fil d'Ariane" est un complément navigation dans les pages, qui affiche dans quelle catégorie ou section se trouve l'article. Un visiteur, après avoir visité une page de votre blog, doit comprendre dans quelle section il se trouve et s'il recherche les informations dont il a besoin dans la bonne catégorie. Cette navigation peut être résumée comme suit :

Sur notre site, cela ressemble à ceci :

De plus, la présence de cette navigation aide les robots à comprendre plus clairement la structure du site et à indexer votre blog plus rapidement. Et c'est très important pour les projets en ligne.

"Pourquoi?" - vous demandez, nous avons décidé d'utiliser ce plugin. La réponse ici sera simple. existe sur Internet un grand nombre de des services similaires qui aideront au retrait des « miettes », mais en même temps ils chargeront en plus le site, cela ne l'améliorera certainement pas. Et comme nous utilisons toujours Yoast SEO pour optimiser les publications, ce serait un péché de ne pas profiter de ses capacités et de ne pas rendre l'utilisation pratique avec son aide.

Configuration de la sortie du fil d'Ariane à l'aide du plugin Yoast SEO

Je n'écrirai pas ici comment installer ce Yoast SEO. Si vous ne savez pas comment faire cela, lisez mon article "". J'y explique en détail et montre de quelle manière vous pouvez installer les plugins nécessaires au travail.

Dans la fenêtre qui s'ouvre, cochez la case « Activer le fil d'Ariane ».

Pour notre plus grande joie, les paramètres s'ouvriront tous en russe et ils sont intuitifs. Dans la vidéo qui apparaîtra prochainement dans cet article, je montrerai plus clairement ce qui se passera lorsque vous modifierez certains points ce menu. En attendant, vous pouvez facilement expérimenter et essayer de modifier les paramètres vous-même. Il est impossible de faire quelque chose de terrible ici, car ce ne sont que des ajustements visuels de nos « miettes ».

Après avoir activé le fil d'Ariane, l'étape suivante consiste à insérer le code d'activation de cette fonctionnalité dans votre modèle de thème. Pour savoir quel code doit être inséré, suivez le lien qui vient après les paramètres de notre chaîne.

Une fois arrivés sur le site officiel de ce plugin, nous copions le code requis et le collons à l'endroit de notre thème où nous prévoyons de l'afficher.

Je ne peux pas recommander un endroit universel pour insérer ce code, car cela dépend du thème que vous utilisez. Vous devrez peut-être l'écrire soit dans le fichier single.php, soit dans page.php, et dans certains cas dans header.php.

Dans notre cas, nous avons inséré le code presque au tout début du fichier single.php, qui se trouve à l'adresse www/wp-content/themes/your theme/.

Note: Attention, il est préférable d'insérer le code via Client FTP. Nous utilisons Filezilla, dont le travail a été décrit en détail. Assurez-vous de lire nos instructions pour éviter de nombreuses erreurs de débutants.

De plus, veuillez également noter que le code dont nous disposons est légèrement différent de celui qui nous est recommandé par les développeurs. À savoir, nous avons enveloppé la fonction fil d’Ariane dans une balise div. Ceci est fait pour que vous puissiez définir votre propre style d'affichage.

Pour ce faire, dans le fichier style.css, nous écrivons les styles dont nous avons besoin. Nous pouvons y définir la couleur, l'arrière-plan, la taille de la police, le soulignement, c'est-à-dire conduire à un aspect qui conviendrait parfaitement à notre goût ou qui serait combiné avec le style général de la page. Dans notre cas, cela ressemble à ceci :

À ce stade, la configuration du plugin est presque terminée, mais dans cette version, une fois les titres affichés, le titre de l'article sera également affiché. Cela peut conduire à un excès de spam. Je pense que vous conviendrez avec moi que cela n'est pas nécessaire, puisque le titre de l'article est déjà clairement visible pour l'utilisateur et qu'il n'est pas nécessaire de le dupliquer à nouveau.

Pour éviter cela, vous devez en outre insérer un petit code dans le fichier function.php.

Fonction ajuster_single_breadcrumb($link_output) ( if(strpos($link_output, "breadcrumb_last") !== false) ( $link_output = ""; ) return $link_output; ) add_filter("wpseo_breadcrumb_single_link", "adjust_single_breadcrumb");

Maintenant tous nos réglages sont terminés. Si vous avez tout fait correctement, vous obtiendrez à peu près la même chose que sur notre blog.

Si vous avez des questions, écrivez dans les commentaires !

Au revoir tout le monde !

Anton Kalmykov était avec toi

Ce que l'on appelle le « fil d'Ariane » sert à améliorer la navigation sur le site et à aider le visiteur du site à comprendre où il se trouve actuellement. Un visiteur sur n'importe quelle page du site comprend son emplacement dans la structure du blog à l'aide du fil d'Ariane.

Le fil d'Ariane est un autre élément maillage interne site. La navigation sur le site est simplifiée, ce qui convient au visiteur du site, et à cet égard, les facteurs comportementaux sont augmentés.

Le terme « Fil d'Ariane » lui-même est tiré du conte de fées des frères Grimm « Hansel et Gretel », dans lequel des enfants étaient emmenés dans la forêt. La première fois, lorsque le père, à la demande de la méchante belle-mère, emmène son frère et sa sœur dans la forêt, ils retrouvent le chemin du retour, grâce au fait qu'ils ont laissé des cailloux en cours de route. La deuxième fois, les enfants n'avaient pas de cailloux et, à la place de cailloux, ils ont laissé sur leur chemin des miettes de pain qui ont été mangées par les oiseaux de la forêt et les enfants se sont perdus dans la forêt. Après diverses aventures, les enfants ont quand même réussi à rentrer chez eux.

En général, le fil d'Ariane est une barre en haut de la page qui ressemble à ceci :

Toutes les sections du site, sauf la dernière, sont des liens. Dernière partie la navigation correspond exactement à la page sur laquelle vous vous trouvez actuellement. Il n'est pas nécessaire de créer un hyperlien vers cette page.

Ce dernier élément peut ne pas être requis page séparée, et par exemple le nom de la catégorie, si vous êtes inclus dans une catégorie. Dans ce cas, le titre de la catégorie ne sera plus un lien hypertexte.

Le fil d'Ariane peut être installé sur un site Web à l'aide d'un plugin, ou sans l'utiliser. plugin spécial. Voyons d'abord comment installer le fil d'Ariane à l'aide d'un plugin. Fil d'Ariane NavXT.

Plugin Fil d'Ariane NavXT

Pour installer le plugin Breadcrumb NavXT, vous devez vous connecter au « Panneau d'administration WordPress » => « Plugins » => « Ajouter un nouveau ». Dans le champ « Rechercher », vous devez saisir l'expression « Breadcrumb NavXT », puis cliquer sur le bouton « Rechercher des plugins ».
Dans la fenêtre « Installer le plugin », sous le nom du plugin « Breadcrumb NavXT », cliquez sur le lien « Installer ».

Dans la fenêtre « Installation du plugin : Breadcrumb NavXT » qui s'ouvre, cliquez sur le lien « Activer le plugin ». Après cela, dans la barre latérale " Panneaux d'administration WordPress» un nouvel élément « Breadcrumb NavXT » est apparu. Si vous cliquez sur cet élément, vous pouvez alors saisir les paramètres du plugin de fil d'Ariane.

La fenêtre Paramètres Breadcrumb NavXT contient de nombreux paramètres pour ce plugin. Les paramètres du fil d'Ariane NavXT peuvent être laissés à leurs paramètres par défaut. Dans l'onglet « Basique », si vous le souhaitez, vous pouvez modifier l'élément « Lien vers l'accueil ».

Vous devez maintenant insérer le code suivant dans vos fichiers de thème, aux endroits où le fil d'Ariane sera affiché :

Il est conseillé d'insérer ce code dans les fichiers suivants de votre thème : « Entrée unique (single.php) », « Modèle de page (page.php) », « Archives (arhvie.php) », « Résultats de recherche (search. php) ».

Pour insérer ce code, vous devez entrer dans le « Panneau d'administration WordPress » => « Apparence » => « Éditeur » => « Modèles ».

Dans le modèle « Single Post (single.php) », qui est responsable des pages contenant des articles, le code est inséré comme indiqué dans cette image.

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

Le code est inséré, puis vous devez cliquer sur le bouton « Mettre à jour le fichier ».

Vous devrez également insérer ce code dans le fichier « Archives (arhvie.php) », responsable des catégories.

Une fois le code inséré, cliquez sur le bouton « Mettre à jour le fichier ».

Et enfin installer le code dans les fichiers Thèmes WordPress, le code est inséré dans le fichier « Search Results (search.php) », qui se charge de la recherche sur le site. Collez le code à l'endroit indiqué dans l'image.

Cette image montre à quoi ressemble le fil d'Ariane. Le nom de la page d'accueil n'a pas été remplacé par le nom du site.

Vous pouvez également insérer le code suivant dans le fichier « Style Sheet (style.ccs) » (ceci est facultatif) :

Fil d'Ariane ( police:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( couleur: #1B7499; ) .breadcrumb a:hover ( couleur: #EF0E0E; )

Dans ce code, vous pouvez modifier la taille et la police (font: bolder 12px « Trebuchet MS », Verdana, Arial), le remplissage (padding-bottom : 10px), ainsi que la couleur des liens de fil d'Ariane dans un état statique et lors du survol du passez le curseur de la souris dessus (vous pouvez modifier les valeurs numériques).

Les lectures de ce code peuvent être modifiées à votre discrétion, ou vous pouvez trouver un autre code similaire sur Internet. Vous pouvez également vous passer d’installer ce code dans le fichier « Style Sheet (style.ccs) ». Dans le thème que j'ai installé, après avoir installé le code, la police a un peu changé.

Cet article portait sur l'installation du fil d'Ariane sur un site Web à l'aide du plugin Breadcrumb NavXT. Le prochain article abordera cette question : comment installer sans utiliser de plugin.

Conclusions de l'article

Grâce au plugin Breadcrumb NavXT, une navigation, appelée « fil d'Ariane », est installée sur le site, ce qui aide l'utilisateur à comprendre dans quelle section du site il se trouve. ce moment temps.

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.

Les 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 répartir le poids des liens entre page d'accueil e, catégories et 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 menu secondaire 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 apparence bloquer 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 erreur, 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.

Commençons par vous expliquer à quoi sert généralement le fil d’Ariane lors de la conception de sites Web.

Qu'est-ce que le fil d'Ariane ?

chapelure(fil d'Ariane) est un élément de navigation du site. Ils sont également appelés fil d'Ariane, navigation en double, menu de navigation, etc. Dans la littérature anglophone, on retrouve également le nom : « miettes de biscuits"(miette de biscuit). Le fil d’Ariane peut aussi parfois être appelé chemin de navigation. En fait, tous ces synonymes décrivent le même objet, que nous analyserons plus en détail.

Le fil d'Ariane affiche visuellement le chemin depuis la page principale (racine) du site jusqu'à la page sur laquelle se trouve actuellement l'utilisateur. Pourquoi cette navigation a-t-elle reçu un nom si étrange ? Si vous avez lu le conte de fées des frères Grimm "Hansel et Gretel", vous savez que les enfants, ayant entendu leurs parents parler d'être laissés dans la forêt, essayaient de s'approvisionner à l'avance en petits cailloux qu'ils jetaient dessus. la route pour sortir. La première fois, cela a fonctionné, mais la deuxième fois, ils n’ont pas pu ramasser les pierres, alors les enfants ont jeté des miettes de pain sur la route. Cependant, ils ne prévoyaient pas que ces miettes seraient mangées par les oiseaux. En conséquence, les enfants se sont perdus et sont tombés sur la maison de la sorcière. Il ne sert à rien de raconter toute l'intrigue du conte de fées, vous l'avez probablement lu de toute façon. En fait, le nom de la navigation nous renvoie à cet événement.

Visuellement, le fil d’Ariane est généralement un petit menu, le plus souvent situé en haut de la page. Les éléments inclus dans ce menu sont des hyperliens (à l'exception du dernier élément) et reflètent la structure hiérarchique des éléments du site.

Le fil d’Ariane est utilisé par les robots de recherche. Grâce à cette navigation, les robots sont capables de comprendre rapidement l’architecture de votre site et de l’analyser. En conséquence, vous ne pouvez pas ignorer le fil d'Ariane ou le refuser délibérément, car cela pourrait affecter indirectement la détérioration de l'indexation du site (ou l'exploration incomplète des pages de ressources par le robot).

Plus important encore, le fil d’Ariane a un impact positif sur l’expérience utilisateur. L'utilisateur peut toujours comprendre où exactement il se trouve actuellement sur le site, et peut rapidement passer au niveau précédent d'imbrication des matériaux (ou à une section spécifique), c'est-à-dire une personne a sous les yeux le parcours qu'elle a parcouru depuis la page principale du site jusqu'à la page en cours. Google utilise également des fils d'Ariane, et ils sont introduits non pas pour simplifier le travail des robots de recherche, mais précisément pour que l'utilisateur puisse voir la structure des matériaux.

Bonjour, chers lecteurs du site blog. Aujourd'hui, je veux parler d'un plugin pour WordPress, qui est utilisé sur mon blog à deux fins très importantes.

Premièrement, cela facilite la navigation, et deuxièmement, cela résout un problème très important : créer des liens internes corrects. Afin de ne pas prolonger l'intrigue, je dirai tout de suite que nous parlerons du plugin Breadcrumb NavXT. Mais tout d’abord.

J'ai déjà beaucoup parlé de la nécessité de créer des liens appropriés entre les pages du site afin que le poids statique transféré via les liens externes soit réparti uniformément sur toutes les pages Web du projet. Ceci est particulièrement important.

Pourquoi avez-vous besoin d’un fil d’Ariane dans WordPress ?

La promotion via LF présente un certain nombre d'avantages, dont le principal (particulièrement important pour les projets non commerciaux) est qu'elle ne nécessite pas l'investissement des fonds nécessaires à l'achat de liens externes. Cela est dû au fait qu'il est possible d'avancer dans le LF uniquement grâce au site interne et en créant les liens corrects, comme décrit.

Soit dit en passant, pour les projets commerciaux, la promotion à basse fréquence présente également un certain nombre d'avantages, dont le principal, encore une fois, est un coût moindre, mais en plus de cela, les visiteurs provenant des résultats de recherche pour de telles requêtes seront beaucoup plus susceptibles à convertir en billets que les visiteurs qui proviennent de requêtes moyennes et à haute fréquence (en raison du flou de ces dernières).

L'idée principale d'un lien correct est de garantir que le poids statique transféré vers les différentes pages du site (les liens les plus externes mènent généralement à la page principale) circule sans problème vers celles qui sont directement promues le long du LF (où les articles sont effectivement localisés).

Mais le schéma circulaire idéal décrit dans l’article ci-dessus est difficile à mettre en œuvre dans des conditions réelles, c’est pourquoi un schéma de liaison sphérique serait une bonne option. Grosso modo, un tel schéma peut être exagéré au point que plus il y a de liens internes, mieux le poids statique sera réparti. C'est comme un système circulatoire ramifié qui permet au sang de transporter l'oxygène vers tous les organes internes, même ceux les plus éloignés des poumons.

Chaque fois que vous écrivez des articles, vous pouvez ajouter manuellement des liens vers d'autres documents de votre site qui seront pertinents. Il est vrai que vous prenez très au sérieux la liste d’ancrage interne que vous créez pour chaque article. Cela devrait être fait à peu près de la même manière que. Vous ne devriez pas utiliser la même clé non diluée dans toutes les références à celui-ci, eh bien, vous voyez ce que je veux dire.

C'est une très bonne méthode, mais ce sera toujours une bonne idée de l'étendre et de la compléter à l'aide de méthodes automatiques. L'une des options les plus courantes pour organiser quelque chose comme ceci est ce qu'on appelle le fil d'Ariane, qui élargit les possibilités de navigation dans une ressource. , ainsi que la création d'un bloc de liens vers d'autres matériaux similaires de votre projet, dont le sujet est similaire à celui de cet article.

Aujourd'hui, je souhaite examiner la première option en détail, mais à propos de matériaux similaires pour WordPress en .

Pour implémenter le fil d'Ariane, nous utiliserons le plugin Breadcrumb NavXT. En principe, vous pouvez utiliser d'autres plugins WordPress à ces fins, mais ceux-ci me plaisent le plus. C'est même possible.

Installation du plugin Breadcrumb NavXT dans WordPress

Bon, il est temps de passer à l'installation et à la configuration du plugin. Si soudainement vous ne savez plus ce qu’est la chapelure, ce n’est pas grave. En fait, je ne le savais pas non plus au début, car ce terme vient de la bourgeoisie et est associé à leur conte de fées bourgeois sur Hansel et Greta, qui les utilisaient pour tracer le chemin.

Selon nous, cet élément de navigation du site devrait être appelé « fil d’Ariane », car il est en quelque sorte plus proche de nous. Eh bien, d'accord, c'est comme ça qu'ils l'appelaient. Ainsi, ils apparaissent généralement quelque part en haut de la fenêtre du site et constituent essentiellement le chemin d’accès à l’article que vous lisez actuellement.

Par exemple, j'aime beaucoup la navigation par miettes et j'essaie toujours de retrouver leur ligne sur n'importe quel site afin de comprendre où je me trouve réellement et comment accéder à la section où se trouve ce merveilleux article afin d'en savoir plus sur le même sujet .

Eh bien, vous souvenez-vous de ce qu'est la chapelure ? Je pense que vous vous en souvenez, mais sinon, regardez tout en haut de cette fenêtre sous l'en-tête de ce blog.

Vous devrez d’abord télécharger Breadcrumb NavXT d'ici. L'installation du plugin sur WordPress est standard. Connectez-vous à votre blog via FTP (le travail avec le client FileZilla est décrit en détail) et ouvrez le dossier sur le serveur :

/wp-content/plugins

Décompressez l'archive avec Breadcrumb NavXT et copiez le dossier résultant sur le serveur d'hébergement dans le répertoire (/wp-content/plugins). Vous devrez maintenant vous rendre dans la zone d'administration de WordPress, sélectionner « Plugins » dans le menu de gauche, et dans la fenêtre qui s'ouvre, accéder à l'onglet « Inactif ». Trouvez la ligne avec ce dont vous avez besoin et cliquez sur le texte « Activer » situé juste en dessous.

Appeler Breadcrumb NavXT et personnaliser l'apparence des miettes

C'est tout, en fait. Il reste maintenant un autre détail important : sélectionnez un endroit dans le modèle WordPress (thème) où la ligne avec le fil d'Ariane sera affichée, et insérez le code de la fonction du plugin Breadcrumb NavXT à cet endroit. La tâche n’est pas tout à fait anodine pour un webmaster débutant qui connaît peu la structure du moteur et le fonctionnement de ses thèmes.

Mais cela ne vous embrouillera probablement pas, car... on peut toujours lire, heureusement, il n'y a rien de compliqué là-bas.

Si vous connaissez déjà la structure des thèmes et connaissez le but de certains modèles, nous continuerons. Mais sinon, je vous conseille quand même de vous familiariser au moins superficiellement avec cela, en utilisant le matériel indiqué ci-dessus (ou un autre).

Notre tâche est donc d'identifier les fichiers du dossier avec le thème que vous utilisez dans lequel nous devrons insérer le code pour appeler les miettes. Et puis vous devrez décider exactement où dans le code nous insérerons ceci :

Tout d'abord, vous devez vous connecter à votre blog via FTP et ouvrir le dossier avec le thème que vous utilisez actuellement :

Nom du thème Wp-content/themes/WordPress

Maintenant, laissez-moi vous raconter comment j'ai réalisé moi-même la sortie de chapelure, et vous pouvez tout répéter après moi, ou utiliser votre propre version d'insertion.

Si vous essayez de visualiser le but des modèles à partir du thème, vous obtiendrez quelque chose comme cette disposition :

De cette disposition, nous pouvons conclure que nous devrons insérer le code pour appeler Breadcrumb NavXT dans les modèles responsables de l'affichage du contenu dans la partie centrale du blog : INDEX, SINGLE, ARCHIVE, PAGE ou SEARCH.

Certes, je n'ai pas affiché les miettes dans INDEX, qui est responsable de la formation du principal Pages WordPress, car une navigation supplémentaire y sera inutile.

Je l'ai inséré dans : SINGLE (responsable de la création de pages avec des articles), ARCHIVE (formulaires de catégories, archives temporaires, archives de balises), PAGE (formulaires en pages statiques, par exemple « À propos du blog »).

J'ai inséré le code pour appeler Breadcrumb NavXT dans ces modèles au même endroit - au tout début, juste après la première ligne :

pour que cela donne ceci :

Dans le fichier de feuille de style en cascade STYLE.CSS du dossier contenant le thème que j'utilisais, j'ai ajouté plusieurs Propriétés CSS pour la classe BREADCRUMB :

Fil d'Ariane ( police:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( couleur: #1B7499; ) .breadcrumb a:hover ( couleur: #EF0E0E; )

Ces propriétés définissent l'apparence du fil d'Ariane dans WordPress : , a . Ils déterminent également la couleur des liens à partir du fil d'Ariane (.breadcrumb a) et la couleur des liens lorsque vous passez la souris dessus (.breadcrumb a:hover). De manière générale, je vous conseille de lire la page.

Fonctionnalités et paramètres du plugin Breadcrumb

Vous êtes libre de faire ce que vous voulez. Comme on dit, le propriétaire est le maître. Mais avec cela, nous avons seulement déterminé l'emplacement des miettes de pain et défini leur apparence. Mais ce plugin possède encore pas mal de paramètres.

Pour ce faire, allez dans la zone d'administration de WordPress et sélectionnez « Breadcrumb NavXT » dans le menu de gauche dans la zone « Paramètres ». Dans la fenêtre qui s'ouvre, vous verrez plusieurs onglets :

Dans l'onglet Général, vous pouvez définir les paramètres qui seront appliqués à toutes les pages de votre blog. Dans le champ « Séparateur », précisez un caractère qui servira de séparateur dans le fil d'Ariane. Dans mon cas, il s'agit du symbole « > », qui est spécifié avec un code spécial, car Le symbole « > », s’il est placé explicitement, sera interprété par WordPress comme le signe d’une balise HTML ouvrante.

En général, il existe des (mnémoniques) qui, par exemple, ne peuvent pas être insérés directement. En voici quelques uns:

Code mnémonique Symbole " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €

Choisissez n'importe quel symbole que vous aimez comme séparateur pour la chapelure.

Dans le champ « Longueur maximale », vous pouvez définir la longueur de l'ancre (texte du lien) en caractères. J'ai fixé la limite de longueur à 60 caractères non pas pour des raisons de conception, mais pour des raisons d'optimisation du contenu.

Les moteurs de recherche peuvent être ambivalents quant aux liens avec les mêmes ancres, c'est pourquoi je les raccourcis en petits morceaux pour les rendre uniques. Il est possible que ce ne soit pas vraiment nécessaire, mais juste au cas où.

Dans les champs « Préfixe » et « Suffixe », vous pouvez saisir le texte qui précédera ou suivra le lien vers la page principale dans le fil d'Ariane.

Veuillez noter que ce texte sera placé dans l'attribut Balise TITRE A et peut être pris en compte moteurs de recherche comme ancre alternative. Ce que je veux dire, c'est qu'il devrait être utilisé mots clés lié à la page d'accueil de votre blog.

N'oubliez pas de sauvegarder vos modifications dans les paramètres du plugin Breadcrumb NavXT à l'aide du bouton du même nom. Ensuite, vous pouvez parcourir tous les onglets. Par exemple, sur la page suivante, vous pouvez définir les paramètres d'un lien qui mènera à la page où vous vous trouvez actuellement :

Sur l'onglet suivant « Articles / Pages » vous pouvez configurer l'affichage des liens vers les pages contenant des articles et les pages statiques de votre blog :

Pour les articles, j'ai mis l'inscription précédente « Article actuel » et mis le texte entre guillemets à l'aide d'un code mnémonique (voir la liste des codes mnémoniques ci-dessus) :

Allez à l'onglet suivant « Catégories ». En principe, tous les mêmes réglages sont répétés ici comme dans les précédents. Je n'ai pas défini de cadre (préfixe et suffixe) pour les liens vers les catégories, mais j'ai défini un cadre pour les pages d'archives :

Par conséquent, le fil d’Ariane sur les pages Web d’archives ressemble à ceci :