Comment ajouter le temps de lecture estimé aux articles et pages WordPress

 
  • ES
  • PT
  • RU
  • CN
  • DE
  • EN
  • Comment ajouter le temps de lecture estimé aux articles et pages WordPress

    Le signalement du temps de lecture augmente-t-il le temps passé sur le site ?

    Dans certains cas, l’ajout de ces informations peut augmenter le temps que les visiteurs restent sur votre site.

    D’après différentes analyses et expériences, au moins qui est ditil est clair que les gens sont plus enclins à consulter un article lorsqu’ils connaissent à l’avance le temps approximatif qu’il leur faudra pour le lire.

    A quelle vitesse lisons-nous ?

    Lecture différents textes certaines données ou approximations sont répétées, comme le fait que la vitesse de lecture moyenne d’un adulte est de 240 mots par minute avec un taux de compréhension de 60 %. Cependant, la vitesse de lecture diminue d’environ 25 % lorsque la lecture se fait sur un écran d’ordinateur plutôt que sur du papier.

    C’est pourquoi dans l’exemple ci-dessous, la vitesse est fixée à 200 mots par minute.

    Ajouter le temps de lecture estimé sans plugin

    Ces informations peuvent être ajoutées avec un plugin ou un peu de code. Comme c’est un dogme ici d’éviter d’installer un nouveau plugin qui ne sert qu’à une chose simple (en plus, le plus ils sont plutôt négligés) nous expliquons comment le faire avec un extrait.

    Si vous préférez quelque chose de plus visuel et de plus simple comme une barre de progression de lecture en haut qui se remplit au fur et à mesure que vous lisez, ici vous pouvez trouver comment l’ajouter sans plugin.

    J’ai choisi et testé ce code car il prend également en compte le temps de lecture des images, qui est fixé à 10 secondes.

    Bien que ce paramètre soit tout à fait relatif car il dépendra du type d’images concernées, de leur taille et du nombre d’éléments et de textes qu’elles contiennent, etc. Je pense qu’il équilibre un peu plus le compte total.

    Peu de blogs ajoutent cette estimation en incluant les images, mais comme dans ce blog il y en a beaucoup et que la plupart sont des vignettes, par nature avec peu de texte, j’ai décidé de la laisser à 10 secondes et cela me semble toujours beaucoup.

    Moyen par exemple, il mesure à 265 mots par minute avec un réglage effectué pour les images de 12 secondes pour la première, 11 pour la deuxième et 1 seconde de moins pour chaque image suivante. Tout ce qui suit la dixième image est compté en trois secondes Source .

    Pour les messages en chinois, en japonais et en coréen, Medium fixe le nombre de caractères à 500 par minute avec le même réglage que ci-dessus pour les images.

    Code

    Ce code pourrait toujours être amélioré en ajoutant le calcul des secondes ou des variables plus complexes en fonction de la hauteur des images ou d’autres paramètres pour essayer d’affiner un peu plus les données. (J’encourage tous ceux qui savent comment le faire à le faire).

    Pour ajouter le code, il y a plusieurs façons : télécharger et éditer functions.php localement, directement à partir de l’éditeur de template WordPress (Apparence/Editeur de thème) ou l’éditer, également « à la volée », à partir de votre gestionnaire de fichiers Cpanel ou similaire.

    Si vous ne vous sentez pas assez courageux pour ajouter cet extrait au fichier functions.php de votre modèle à la main, vous pouvez choisir de le faire à l’aide du plugin Extraits de code qui sert également à mieux organiser votre collection de fonctions en un seul endroit.

    De cette façon, vous pourrez revenir sur les modifications rapidement et facilement si quelque chose se casse ou si le code n’est plus compatible avec une mise à jour de PHP, un plugin ou le noyau de WordPress

    Ensuite, il suffit d’ajouter ce code qui peindra les minutes sur votre blog, où il est indiqué « temps de lecture estimé » ; vous pouvez écrire ce que vous pensez être le mieux.

    function wp_reading_time() {
    // OBTENIR LE CONTENU DU MESSAGE
    $content = get_post_field( 'post_content', $post->ID ) ;
    // COMPTEZ LE NOMBRE DE MOTS
    $word_count = str_word_count( strip_tags( $content ) ) ;
    // COMPTEZ LE NOMBRE D'IMAGES
    $image_count = substr_count( $content, '<img' ) ;
    // TEMPS DE LECTURE DU TEXTE 
    $reading_time = $word_count / 200 ;
    // TEMPS DE LECTURE DE L'IMAGE 
    $image_time = ( $image_count * 10 ) / 60 ;
    // SOMME DU TEMPS DE LECTURE DU TEXTE ET DE L'IMAGE
    $total_time = round( $reading_time + $image_time ) ;
    // DÉTERMINER LE SINGULIER OU LE PLURIEL (MINUTES/MINUTES)
    if ( $total_time == 1 ) { $minute = " minute" ; }
    else { $minute = " minutes" ; }
    return $total_time . $minute ;
    }

    Vous pouvez l’ajouter où vous voulez, bien que si vous décidez de le mettre dans la méta de l’article, où votre modèle affiche l’auteur de l’article, la date de publication, le nombre de commentaires, etc., vous devez ajouter le code à la boucle de la méta de l’article du fichier content.php ou single.php (selon chaque modèle) ou page.php si vous voulez l’ajouter aux pages également.

    Après avoir vérifié que cela fonctionne, il suffit d’adapter le formatage, d’ajouter une icône ou autre. Ici, cela ressemble à ceci :

    Comment ajouter le temps de lecture estimé aux articles et pages WordPress

    J’ai choisi de l’ajouter avec un shortcode créé avec Inserteur d’annonces sur le thème enfant dans le modèle créé avec Elementor PRO pour tous les postes.

    Cómo añadir el tiempo de lectura estimado en los post y páginas de WordPress
    Comment ajouter le temps de lecture estimé aux articles et pages WordPress

    Bien que cela semble désordonné, il s’agit d’une option très propre. Vous n’avez pas à toucher à une seule ligne de code dans WordPress et vous pouvez la modifier rapidement et facilement à tout moment.

    Mise à jour du 9 septembre 2021

    Extra, compteur de mots sans plugin

    Un moyen simple et rapide d’ajouter le nombre de mots dans chaque message. Vous pouvez le mettre sous le titre ou dans la méta, ou où vous voulez et le formater avec un peu de CSS.

    1-Créer un shortcode avec Code Snippet.

    add_shortcode('counter', 'word_count') ;

    2-Attribuer la fonction.

    function word_count() {
    $content = get_post_field( 'post_content', get_the_ID()) ;
    $word_count = str_word_count( strip_tags( $content ) ) ;
    retourner $word_count ;
    }
    echo ' ' , word_count() ;

    Enfin, par la même méthode décrite ci-dessus, le shortcode « counter » est ajouté avec Elementor dans le modèle.

    Et voici le résultat :

    Contador de palabras sin plugin para WordPress

    Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad