Formation WordPress Quimperlé

Utiliser un Plugin

La méthode la plus simple pour ajouter un fil d’Ariane est d’utiliser un plugin. Voici quelques plugins populaires :

• Yoast SEO : Ce plugin de référencement propose une fonctionnalité de fil d’Ariane facile à activer et à personnaliser depuis ses réglages.
• Breadcrumb NavXT : Un plugin dédié à la création de fils d’Ariane, offrant de nombreuses options de personnalisation.
• SEOPress : Un autre plugin SEO qui offre une fonctionnalité de fil d’Ariane intégrée.

Pour utiliser un plugin, installez-le et suivez les instructions pour activer le fil d’Ariane et l’insérer là où vous le souhaitez dans votre thème, souvent via un shortcode ou une fonction PHP.

Ajouter un Fil d’Ariane Manuellement

Si vous préférez ne pas utiliser de plugin, vous pouvez intégrer un fil d’Ariane directement dans votre thème. Voici un exemple de code PHP simple pour un fil d’Ariane :

<?php
function custom_breadcrumbs() {
    // Définir un séparateur de liens
    $separator = ' > ';

    // Obtenir les informations sur la page courante
    global $post;
    echo '<nav class="breadcrumb">';

    // Lien vers la page d'accueil
    echo '<a href="' . home_url() . '">Accueil</a>' . $separator;

    if (is_category() || is_single()) {
        // Liens de la catégorie
        the_category(', ');
        if (is_single()) {
            // Afficher le séparateur et le titre de l'article
            echo $separator;
            the_title();
        }
    } elseif (is_page() && $post->post_parent) {
        // Lien vers la page parente
        $parent_id = $post->post_parent;
        $breadcrumbs = array();
        while ($parent_id) {
            $page = get_page($parent_id);
            $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
            $parent_id = $page->post_parent;
        }
        $breadcrumbs = array_reverse($breadcrumbs);
        foreach ($breadcrumbs as $crumb) echo $crumb . $separator;
        // Afficher le titre de la page actuelle
        the_title();
    }

    echo '</nav>';
}
?>

Ajoutez cette fonction dans le fichier functions.php de votre thème et appelez custom_breadcrumbs() à l’endroit où vous souhaitez afficher le fil d’Ariane dans vos fichiers de thème.

Personnalisation et Style

N’oubliez pas de styliser votre fil d’Ariane avec CSS pour qu’il corresponde à l’esthétique de votre site. Voici un exemple simple :

.breadcrumb {
    padding: 8px;
    background-color: #f4f4f4;
    border-radius: 5px;
}
.breadcrumb a {
    color: #0275d8;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}