"/>

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.

2 commentaires sur “Raccourcir le texte de la navigation des articles dans wordpress

  1. Ricart

    Merci pour l’astuce. Par contre, n’étant pas aguerrie à la programmation, je ne sais pas où coller le code…

  2. copier coller Auteur de l'article

    Bonjour, étant donné qu’il s’agit une fonction js, le mieux est de l’insérer dans un fichier js dédié, à créer dans un dossier « js » au même niveau que les dossiers inc, css, include etc..

Laisser un commentaire

Votre adresse e-mail 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.