Raccourcir le texte de la navigation des articles dans wordpress

Comment Raccourcir le texte de la navigation des articles dans wordpress ?

Dans ce petit mémo, on va voir une petite fonction bien utile, qui va nous permettre de raccourcir le texte de la navigation dans un site wordpress. Au bas de chaque article, on a généralement des flèches ou une div censés nous afficher l’article suivant, ou l’article précédent. Si le titre est trop long, cela risque de casser la mise en page en version mobile.

Une petite fonction jQuery vient à notre rescousse : cette fonction détecte si le texte fait une certaine longueur, auquel cas elle remplace le texte par ce qu’on lui indique ; ici, au-delà de 30 caractères, la suite est remplacée par 3 petits points. Cela permet surtout de conserver l’aspect visuel de ses flèche (ou boîtes) sur les petits écrans.

jQuery(document).ready(function($) {
$('.post-navigation a').each(function() {
   if ($(this).text().length > 30) {
            $(this).text($(this).text().substr(0, 25));
            $(this).append('...');
        }
});
});

Il faudra bien sûr vérifier le nom de la classe de la navigation dans votre thème.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.