Afficher un fil d'ariane sur son site wordpress

Créer une fonction de fil d’ariane et l’afficher sur son site wordpress

Pour augmenter son SEO et améliorer l’expérience utilisateur, il est recommandé d’installer sur son site un fil d’ariane, permettant de s’y retrouver plus facilement.

Voici une fonction tirée de tutoriels trouvés sur le net . On insère cette fonction dans notre fichier functions.php

function my_breadcrumb() {
         if ( !is_front_page() ) {
		echo '</p>
<div class="bread-crumps"> <a href="'; echo get_option('home'); echo '">';
		bloginfo('name');
		echo "</a> » ";
		}

		if ( is_category() || is_single() ) {
			$category = get_the_category();
			$ID = $category[0]->cat_ID;
			echo get_category_parents($ID, TRUE, ' » ', FALSE );
		}

		if(is_single() || is_page()) {the_title();}
		if(is_tag()){ echo "Tag: ".single_tag_title('',FALSE); }
		if(is_404()){ echo "404 - Page not Found"; }
		if(is_search()){ echo "Search"; }
		if(is_year()){ echo get_the_time('Y'); }

		echo "
";

          }

et pour l’afficher dans une page single ou archive:

<?php echo my_breadcrumb() ?>

et le rendu:

On a également une fonction tirée du site de SEOMix

// BreadCrumb
function get_breadcrumbs() {
    global $wp_query;
    
    echo '<ul class="breadcrumbs text-center">';
        echo '
    <li><a id="breadhome" href="'. get_settings('home') .'">'. get_bloginfo('name') .'</a>';
        if ( is_category() ){
            $catTitle = single_cat_title( "", false );
            $cat = get_cat_ID( $catTitle );
            echo " » ". get_category_parents( $cat, TRUE, " » " ) ."</li>";
        }
  
    elseif ( is_archive() && !is_category() )   {
            echo " » Archives</li>";
}

        elseif ( is_single() ){
            $category = get_the_category();
            $category_id = get_cat_ID( $category[0]->cat_name );
            echo ' » '. get_category_parents( $category_id, TRUE, " » " );
            echo '<span id="breadtitle">';
      echo the_title('','', FALSE) ."</span></li>";
}
        elseif ( is_page() ) {
            $post = $wp_query->get_queried_object();
            if ( $post->post_parent == 0 ){
                echo " » ".the_title('','', FALSE)."</li>";
            } else {
                $title = the_title('','', FALSE);
                $ancestors = array_reverse( get_post_ancestors( $post->ID ) );
                array_push($ancestors, $post->ID);
                foreach ( $ancestors as $ancestor ){
                    if( $ancestor != end($ancestors) ){
                        echo '<a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';
                    } else {
                        echo ' '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';
                    }
                }
            }
        }
        echo "</ul>";
    }

Là encore, pour l’afficher sur une page, il suffit d’afficher le nom de la fonction créée.

<?php  get_breadcrumbs();?>

Ce code sera à placer dans un endroit stratégique, sous le menu, sous l’image d’en-tête par exemple.

05/09/2015 Mis à jour le 19/12/2019 Par Copier coller | Dans wordpress