: Tuto Par :
Fil d'ariane easy sous Wordpress

Souvent la plus part des thèmes possèdent leur propre fil d’ariane, aussi nommé "breacrumb" en anglais… Aussi j’ai remarqué il est souvent foireux, perdu dans le thème j’ai personnellement toujours évité de le modifier.

Je suis donc parti du principe qu’il est toujours utile de pouvoir faire son propre fil d’ariane sans rien demander à personne. Voila une fonction qui est un bon départ, à placer quelque part dans functions.php :

function the_breadcrumb() {    
    if (is_front_page() || is_home()) { // Si je suis la home ou sur la page principale, je me contente d’afficher le mot accueil sans lien.
        echo '<ul id="breadcrumb"><li>;
        echo esc_url(home_url('/'));
        echo '">Accueil';
        echo "</li>";
        echo "</ul>";
    }  else {      
        global $post;
        echo '<ul id="breadcrumb"><li><a href="';
        echo esc_url(home_url('/'));
        echo '">Accueil';
        echo "</a></li> <span class=\"dashicons dashicons-arrow-right\"></span> "; // j’ai chargé la police d’icône normalement réservé à l’admin dans le front.
    if (is_category() || is_single()) {                                            // Que j’utilise donc pour séparer mes éléments. 
        echo " <li> ";
        the_category('title_li=');
        echo " </li><span class=\"dashicons dashicons-arrow-right\"></span> ";
        if (is_single()) {
            echo "<li class=\"active\">"; // La classe active si vous souhaitez donner un style spécial pour la page visitée actuellement.
            the_title();
            echo "</li>";
        }
    } elseif (is_page()) {
        if (get_the_title($post->post_parent) !== get_the_title($post)) { // j’affiche le parent que s’il est différent de la page actuelle.
            echo '<li><a href="'.get_the_permalink($post->post_parent).'">' . get_the_title($post->post_parent) . '</a></li> <span class="dashicons dashicons-arrow-right"></span> ';
        }
        echo " <li class=\"active\">";
        echo the_title();
        echo " </li>";
    }
        echo "</ul>";
    }
}

Cette fonction n’a rien d’exceptionnelle en sois. Lisez juste les commentaires si vous avez un doute sur une ligne.

Petite précision cette fonction ne boucle par sur les parents ou les catégories.

N’oubliez pas que votre élément le plus profond de votre site dois pouvoir être accessible en moins de trois clic. Avoir deux pages parentes n’est clairement pas l’idée du siècle. Je ne parle pas en termes de SEO, je me refuse à penser référencement pendant que je dev, mais c’est surtout pour l’utilisateur. Si on trouve pas l’info que l’on cherche rapidement il quitte le site, et ça on le fait tous. C’est pour ça que je ne boucle pas.

Au pire si vous avez plusieurs éléments vous pouvez vous-même rajouter la boucle.

Biensur derniere étape, pour l’appeler dans votre thème insérez ça ou vous voulez :

<?php the_breadcrumb(); ?>
Avatar de l'utilisateur Nodoka

Nodoka

PedoQueen des intrawebz 2.0, antéchristine de la connerie, j'aime les loli, les vocaloid, l’humour noir (car le blanc est raciste) et les Animés. Promis je te mangerais trollement bien avec amour. Ma devise : "If her age is on the clock, she's old enough for the cock".

Articles Aléatoires

Passage sous PHP7

Passage sous PHP7

Migrer un serveur Debian de PHP5 à PHP7 facilement en 30min Voir +
Extentions pour firefox pour sa vie privée

Extentions pour firefox pour sa vie privée

Liste d'extension open sources pour proteger sa vie privée sur internet avec firefox Voir +
Sélection d'anime de l'été 2016

Sélection d'anime de l'été 2016

Sélection personnel des animé de l'été 2016 Voir +

Dernieres Quotes DTC

<Moi> Très drôle aujourd'hui au taff !

<Poutix> Raconte

<Moi> Extrait de la conversation :

<Moi> Moi : « Je peux coder le site si tu veux, même si ça m'arrangerait que non »

<Moi> Patron : « Mais non t'as pas besoin, prend un fichier word et fais enregistrer sous, il te propose le format html ! »

<Moi> Moi : « Non mais ça marche pas comme ça, faut d'abord que je code en html, là ça change juste le format »

<Moi> Patron : « Si ça le propose c'est que ça marche, aller essaye »

<Moi> ...

<Moi> Moi : « Tu vois ça marche pas »

<Moi> Patron : « Bah si, ça l’ouvre dans google chrome »

<Moi> Moi : « Oui ça l’ouvre mais y a aucun code derrière »

<Moi> Patron : « Mais pourquoi tu veux du code ? »

<Moi> Moi : « Mais là ça marche juste que c’est du texte, tiens regarde je mets une image »

<Moi> Patron : « T’as fais quoi ? Y a plus rien qui marche ! »

<Moi> Moi : « Je te le dis depuis 1h, faut du code dedans »

<Moi> Intervention de l’autre stagiaire

<Moi> Autre : « En gros là ça change juste ton extension pas le contenu de ton fichier »

<Moi> Patron : « Je comprends rien. Mais bon, t’es parti pour tout coder. »

<Poutix> Du génie

<Ramos> Captain Obvious

#19340 - Voir les commentaires

Neremsa : Je meurs à petit feu.

Elric : De ?

Neremsa : De ce cours qui bouffe mon âme

Elric : ^^

Neremsa : Nan mais il (le prof) a reproduit le phénomène de la bulle temporelle

Neremsa : "ohputain ça fait 15 min qu'il parle"

Neremsa : *consultation de l'heure sur le pc : 5 min sont écoulée depuis le début du cours*

Elric : Ne regarde plus l'heure, à chaque fois que tu y penses le temps retourne au début ^^

Neremsa : Réfléchir aux implications théoriques, quantiques et philosophiques de ta phrase est plus passionnant que mon cours.

#19337 - Voir les commentaires

Mounts : bordel

Mounts : j'ai rêvé que je me créais un mot de passe

Mounts : un truc hyper secure et tout

Mounts : impossible à cracker et facile à retenir

Mounts : J'arrive à me dire dans le rêve "réveille-toi faut absolument le noter"

Mounts : Ce que je fais apparemment

Mounts : je me lève ce matin : m0unts

Mounts : ><

#19341 - Voir les commentaires

Tom : pas de conseils à prendre de cet eunuque ^^'

Pralinette : eunuque?

Sytarie : Un eunuque c'est quelqu'un à qui on a retiré le cou (la nuque plus précisément) chirurgicalement en fait.

Pralinette : ah x3

Pralinette : mais ca fait pas un peu mal?

#19342 - Voir les commentaires