Wordpress Divi, créer un lien lire la suite
Révision datée du 12 septembre 2020 à 23:06 par Admin (discussion | contributions)
Ajouter un bouton "lire la suite" (read more) aux articles
Ajout du lien avec Javascript
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>
Mise en page avec CSS
Divi -> Général -> Personnaliser CSS
a.art-read-more { text-transform: uppercase; background: #000000; color: #ffffff; border: 1px solid black; padding: 8px; text-align: center; display: block; } a.art-read-more:hover { background: #ffffff; color: #000000; }