Ajouter facilement un fil d’Ariane avec le plugin Yoast SEO sous Divi

Pour les besoins d’un client j’ai dû trouver une manière propre d’implémenter un fil d’Ariane. Ceci, afin de le placer sur le site aux endroits exacts où je le souhaitais.

Les membres de l’équipe de développeurs de Yoast sont des petits farceurs puisque le shortcode existe déjà mais n’est pas documenté :D. Alors oubliez le code ci-dessous et ajoutez juste « [wpseo_breadcrumb] » dans votre module « Code » ;)… Placez le ensuite là où vous le souhaitez 😀 !!

Dans la documentation du plugin Yoast SEO, il est expliqué qu’il suffit d’ajouter un petit bout de code dans son fichier « single.php » ou « page.php » pour pouvoir appeler le fil d’Ariane, mais le soucis de cette « technique » c’est que l’on est très vite confronté à des problèmes sur l’endroit où se retrouve notre fil d’Ariane dès qu’on utilise le l’éditeur Divi…

Mon but, donc, pour une utilisation simple pour moi et mon client était de pouvoir placer un tag dans un module « Texte » ou « Code » afin de pouvoir l’appeler précisément, facilement, quand et où je le souhaitais :).

La solution : passer par un petit morceau de code dans le fichier « functions.php » de mon thème enfant 😀 !

Et voici comment procéder :
Ajouter un module « Code » et écrivez simplement dedans : $ARIANE$

Ajouter dans le fichier functions.php de votre thème enfant de Divi le code suivant :

function add_breadcrumbs_to_content($content) {
 $breadcrumbs = yoast_breadcrumb("","",false);
 $content = str_replace('$ARIANE$', $breadcrumbs, $content);
 return $content;
}
add_filter('the_content','add_breadcrumbs_to_content', 12);

Et c’est tout 😀 ! la valeur « 12 » dans l’appel de mon filtre est importante car si comme moi vous ajouter votre code dans votre librairie Divi, dans une section « Globale », le filtre n’est pas appliqué. Il faut donc différer un peu le traitement pour que tout fonctionne correctement :)…

Voilà, profitez bien de votre nouvelle fonctionnalité et passez une très belle journée 😀 !!

For the needs of a customer I had to find a clean way to implement a breadcrumbs. This, in order to place it on the website at the exact places where I wanted it.

The members of the Yoast Team are littles jokers, the shortcode already exists but it is not documented :D. So forget the code below and just add « [wpseo_breadcrumb] » in your « Code » module ;)… Then place it where you want it 😀 !!

In the documentation for the plugin Yoast SEO, it is explained that it is enough to add a small piece of code in its file « single.php » or « page.php » to be able to call the breadcrumb, but the worry of this « technique » is that we are very quickly confronted with problems where our breadcrumbs are placed as soon as we use the Divi editor…

My goal, therefore, for a simple use for me and my client was to be able to place a tag in a module « Text » or « Code » in order to be able to call it precisely, easily, when and where I wanted it :).

The solution: go through a small piece of code in the « functions.php » file of my child theme 😀 !

Here’s how:
Add a module « Code » and simply write in it: $ARIANE$

Add the following code to the Divi child theme’s functions.php file:

function add_breadcrumbs_to_content($content) {
 $breadcrumbs = yoast_breadcrumb("","",false);
 $content = str_replace('$ARIANE$', $breadcrumbs, $content);
 return $content;
}
add_filter('the_content','add_breadcrumbs_to_content', 12);

And that’s all 😀 ! The value « 12 » in the call of my filter is important because if, like me, you add your code in your Divi library, in a « Global » section, the filter is not applied. So you have to defer the treatment a little BTW everything works correctly 🙂 …

So, enjoy your new functionality and have a great day 😀 !!