Différences entre les versions de « Wordpress Divi, créer un lien lire la suite »
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) à 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 | 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> | <code> | ||
<script> | <script> |
Version du 12 septembre 2020 à 22:48
Ajouter un bouton "lire la suite" (read more) à 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"
<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>