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 pour 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ée 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. Cette fonction js est à insérer dans un fichier js spécifique.

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.