[MAJ] Comment ajouter du fil d’Ariane à votre blog WordPress sans plugins. 

[MAJ] Comment ajouter du fil d’Ariane à votre blog WordPress sans plugins.

Dans ce tutoriel nous allons voir comment ajouter très facilement sans plugins Chapelure (ou fil d’Ariane) sur son blog. Par défaut, WordPress ne fournit pas cette fonctionnalité. De nombreux plugins existent pour générer les threads d’Ariane, mais comme vous le verrez, il est assez facile de créer ses propres fils d’Ariane.

En ergonomie, notamment dans le domaine de la conception d’interfaces informatiques aujourd’hui fil d’Arianeest aussi appelé chemin de fer (En anglais, ChapelureFaisant allusion à Tom Thumb et aux fils d’Ariane utilisés par Hansel et Gretel) est une forme d’aide à la navigation qui indique l’emplacement d’un lecteur dans un document ou une page de site Web.

Voyons comment configurer notre chemin de navigation dans WordPress. Tout bon thème WordPress dépend de quelques fichiers qui en font la colonne vertébrale.Par exemple, quels que soient les thèmes que vous trouverezsont les pages functions.php, sidebar.php, header.php, …

Vous pouvez retrouver tous les fichiers qui composent votre thème dans l’admin de WordPress Apparence -> Éditeur.

Tout d’abord, nous allons utiliser (puis personnaliser) le script du site Geekeries.fr (Référence pour les fans de WordPress).

Voici le scénario :

Fonction GkAriane() { if (!is_home()) { echo ‘‘; bloginfo(« nom »); echo »«  »; if (is_category() || is_single()) { the_category(‘title_li=’); if (is_single()) { echo «  » « ; title(); } } elseif (is_page()) { echo the_title (); } } }

Ce script sera copié dans le fichier fonction.php votre sujet. Habituellement, vous copiez le code ajouté à la fin du fichier.

Pour ajouter cette fonctionnalité, accédez à Apparence -> Éditeur -> Functions.php.

Collez ensuite le code en bas du fichier. J’ai ajouté des commentaires pour rendre le code plus lisible.

Voici mon code modifié :

Fonction GkAriane() { if (!is_home()) { echo ‘‘; echo « accueil »; echo « «  » ; if (is_category() || is_single()) { the_category(‘title_li=’); } elseif (is_search()) { echo « Terme de recherche : « . get_search_query(); } elseif (is_page()) { echo get_the_title(); } elseif (is_404()) { echo « Erreur 404 »; } } }

Décryptons ensemble ce code, il peut être adapté à n’importe quel blog et besoins particuliers, il vous suffit de savoir comment cela fonctionne.

si (est_catégorie() || est_single()) : Le premier test vous permet d’afficher des chemins de navigation dans les messages, et lorsque vous cliquez sur une catégorie, il affiche simplement le titre de cette catégorie. Si vous souhaitez également afficher le titre du message, ajoutez le code suivant :

if (is_single()) { echo «  » « ; titre(); }

Voici un exemple tiré de mon blog de test :

Découvrez le post classique :

En cliquant sur une catégorie, affichez tous les articles qu’elle contient :

elseif(is_search()): Ce test affiche un fil d’Ariane personnalisé lorsqu’un visiteur utilise le formulaire de recherche.

Voici un exemple:

Dans cet exemple, je prends des termes saisis par l’utilisateur et je les affiche dans le fil d’Ariane.

elseif(is_page()): Ce test vous permet d’afficher le titre de la page sur laquelle vous vous trouvez, je veux dire la page, pas la publication (=article).

Voici un exemple de page statique :

sinon (is_404()): Ce test vous permet d’afficher des fils d’Ariane personnalisés lorsqu’un de vos visiteurs arrive sur une page d’erreur 404.

Voici un exemple:

L’avantage de ce type de script est de pouvoir personnaliser l’affichage en fonction du type de page.

Vous pouvez également ajouter d’autres conditions comme des fils d’Ariane spécifiques Page d’archives utiliser la fonction est_mois(), est_jour() ou pour Marque page utiliser la fonction est_tag() WordPress.

La deuxième étape, insérez l’appel de fonction GkAriane() dans le fichier où vous voulez qu’il apparaisse.Par exemple pour mon thème j’ai ajouté la fonction dans le fichier single.php, 404.php, search.php et archives.phpmais cela dépend de votre sujet, en particulier de vous-même.

Voyons un exemple avec un fichier single.php :

Pour définir l’emplacement exact, vous devrez peut-être tâtonner un peu, mais après cela, ce sera facile.

j’utilise la fonction function_exist(‘GkAriane’) Tester si une fonction existe dans un fichier fonction.phpcette fonctionnalité est très importante pour éviter que votre blog ne plante si la fonctionnalité GkAriane (mise à jour ou transfert de blog) est absente du fichier.

Comme vous pouvez le voir, j’ai également ajouté une classe classe = chapelure Personnaliser le style de mon chemin de navigation.

Pour ce faire, vous devez modifier le fichier styles.css votre thème et ajoutez le code suivant (attention ce code correspond à mon thème, il vous suffit de changer la typographie, les couleurs, …)

/*//////////////////////////////////////// ////// //// 13 – Chapelure /////////////////// ////////////// ///////// /////////*/ .breadcrumb { color: #a9a9a9; font-family: Georgia, Times, « Times New Roman », serif; font-style: italic; padding top: 5px; }

Des commentaires sont généralement ajoutés à la fin du fichier pour rendre le code plus lisible.

Ça y est, vous n’avez plus besoin d’un plugin pour générer des chemins de navigation, vous pouvez désormais vous déplacer et visualiser librement.

c’est tout.