Différences entre les versions de « Wordpress Divi, créer un lien lire la suite »

De Wiki de la famille Lambelet
Aller à la navigation Aller à la recherche
Ligne 1 : Ligne 1 :
[[Category:Informatique]]
[[Category:Informatique]]


==Ajouter un bouton "lire la suite" (read more) à Divi sur Wordpress==
==Ajouter un bouton "lire la suite" (read more) aux articles avec Divi sur Wordpress==
 
Pour ajouter un bouton "lire la suite" (read more) dans le listing des catégories ou sur la page d'accueil de Wordpress en utilisant Divi, il faut rajouter le javascript suivant dans :


Divi -> Option du thème -> onglet "L'intégration" -> dans la boite "Ajouter ligne de code à la < head > de votre blog"
Divi -> Option du thème -> onglet "L'intégration" -> dans la boite "Ajouter ligne de code à la < head > de votre blog"


<code><nowiki>
<code>


<script>
<script>
Ligne 24 : Ligne 22 :
</script>
</script>


</nowiki></code>
</code>

Version du 12 septembre 2020 à 22:52


Ajouter un bouton "lire la suite" (read more) aux articles avec Divi sur Wordpress

Divi -> Option du thème -> onglet "L'intégration" -> dans la boite "Ajouter ligne de code à la < head > de votre blog"

<script> jQuery(function($){ $(document).ready(function(){

 $('.category article').each(function(){
   let $link=$(this).find(".entry-title a").attr('href');
   $(this).append('<a class="art-read-more" href="'+$link+'">Lire la suite...</a>');
 });
 $('.home article').each(function(){
   let $link=$(this).find(".entry-title a").attr('href');
   $(this).append('<a class="art-read-more" href="'+$link+'">Lire la suite...</a>');
 });

}); }); </script>