Afficher le temps de lecture estimé de vos pages est un petit geste de courtoisie envers vos lecteurs. Cela leur donne une information utile sur le temps qu’ils passeront à lire la page, ce qui leur permet éventuellement de l’ajouter à leurs favoris s’ils n’ont pas le temps de la lire immédiatement. En associant l’affichage du temps de lecture à une barre de progression de lecture, vous offrez ainsi une bien meilleure expérience de lecture à vos lecteurs. Voyons comment afficher le temps de lecture estimé d’une page dans WordPress.
Comme pour presque toutes les fonctionnalités que vous souhaitez inclure dans un site WordPress, il existe un plugin pour cela. Le plugin Read Meter fait exactement ce dont nous avons besoin, et même un peu plus : il vous donne une estimation du temps de lecture (y compris le temps passé à regarder les images) et affiche une barre de progression au fur et à mesure que vous lisez.
L’installation est très simple : installez-le comme vous le feriez pour n’importe quel autre plugin WordPress, puis rendez-vous dans Paramètres > Read Meter et modifiez les paramètres en fonction de votre site web. Vous pouvez choisir ce que vous souhaitez inclure dans le calcul du temps (images, commentaires, etc.) et où afficher le calcul du temps et la barre de progression. Il existe même un code court permettant de placer la barre très précisément sur le site.

L’autre méthode, qui n’est pas très difficile si vous connaissez un peu WordPress, consiste à utiliser un extrait de code que vous incluez dans le fichier functions.php de votre thème. Cette méthode est un peu plus légère que l’ajout d’un plugin uniquement pour cette fonctionnalité, bien que cette fonction ne soit pas aussi complète que le plugin mentionné ci-dessus.
Pour ajouter le temps de lecture estimé dans votre article, il vous suffit de copier-coller ce code dans votre fichier functions.php (ou dans un plugin de snippet de code si vous en utilisez un).
// fonction principale d'estimation
function calculate_reading_time($custom_words_per_minute = 200) {
$post_content = get_post_field('post_content', get_the_ID());
if (empty($post_content)) {
return 'Moins de 1 minute';
}
$clean_content = strip_tags($post_content);
$word_count = str_word_count($clean_content);
$reading_time_minutes = max(1, ceil($word_count / $custom_words_per_minute));
// Gestion du pluriel
if ($reading_time_minutes === 1) {
return '1 minute';
} else {
return $reading_time_minutes . ' minutes';
}
}
// Fonction pour le code court
function reading_time_shortcode($atts) {
// Analyse des attributs du code court
$attributes = shortcode_atts(array(
'speed' => 200, // mots par minute
'prefix' => 'Temps de lecture: ',
'suffix' => ''
), $atts);
// Fixe une vitesse de lecture sur mesure si défini
$reading_time = calculate_reading_time($attributes['speed']);
// Renvoie le texte de sortie formatté
return $attributes['prefix'] . $reading_time . $attributes['suffix'];
}
// Enregistre le code court
add_shortcode('reading_time', 'reading_time_shortcode');
Une fois cela fait, votre thème est prêt à inclure le temps de lecture estimé. Ajoutez-le à l’aide des codes courts, soit directement dans votre modèle, soit dans un bloc Gutenberg. Consultez les instructions ci-dessous pour comprendre l’utilisation et les attributs des codes courts.
<!-- Utilisation basique -->
[reading_time]
<!-- Vitesse de lecture sur mesure (250 mots par minute) -->
[reading_time speed="250"]
<!-- Préfixe et suffixe sur mesure -->
[reading_time prefix="Temps de lecture estimé: " suffix=" de contenu]
<!-- Attributs combinés -->
[reading_time speed="300" prefix="⏱️ " suffix=" à lire"]
Comme vous pouvez le constater, vous pouvez modifier la vitesse de lecture, ce qui est utile étant donné que chaque langue a une vitesse de lecture moyenne différente.