¿Cómo añadir un tiempo de lectura y un número de vistas a tus entradas de blog?

Publicado el 23/06/2020 | 3 comentarios

¿Habrá notado la pequeña barra al final de los artículos de Divi Tips? En esta barra, encontrarás el número de palabras del artículo, el tiempo de lectura, el número de vistas y un sistema de votación de aplausos.

barre d'infos pour articles

Recientemente, le envié un correo electrónico (boletín de noticias cuyo formulario de inscripción se encuentra en la barra lateral de este artículo) para preguntarle si le interesaría saber cómo añadir estos datos a sus artículos. ¡Has sido muy entusiasta! Así que aquí está mi respuesta...

Publicidad: este artículo contiene enlaces de afiliados que reconocerán fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - Cuente el número de palabras y el tiempo de lectura con WP Word Count

WP Word Count
Sume el número de palabras y el tiempo de lectura

WP Word Count es un extensión libre (freemium) y la luz disponibles en el directorio oficial de extensiones de WordPress.

Sus ajustes son sencillos de hacer. Después de instalar y activar la extensión, esto es lo que tienes que hacer:

Parametrage Wp Word Count
  1. Ve a la pestaña Contar Palabras > Calcular.
  2. Haga clic en "Calcular el número de palabras" y espere. La extensión recuperará el número de palabras contenidas en sus publicaciones.
  3. Entonces, desde la pestaña de Tiempo de Lectura, puedes introducir cuántas palabras corresponden a un minuto de lectura. Por defecto, 250 palabras equivalen a 1 minuto de tiempo de lectura.
  4. Puede activar la visualización automática del tiempo de lectura dentro de sus publicaciones simplemente marcando la casilla prevista para ello (no útil para el resto del tutorial).
  5. También puede insertar un texto que se colocará antes y/o después del tiempo de lectura.

Finalmente, en las otras pestañas (Top Content, All Content...), encontrarás estadísticas: cuántos artículos, cuántas páginas, cuántas palabras, tiempo total de lectura, etc.

2 - Mostrar el número de vistas de un artículo con el Contador de Vistas de Correo

Post View Counter
Sume el número de vistas

Post Views Counter es también un plugin gratuito y fácil de configurar. Lo que no está mal, con este plugin, puedes mostrar o no el número de vistas de forma pública. Esto significa que puedes instalar el Contador de Visitas de Correo para fines estadísticos de back-office.

Una vez que la extensión esté instalada y activada, encontrarás sus opciones de configuración en la pestaña Configuración > Contador de visitas al correo. Sus parámetros están separados en 2 pestañas: General y Pantalla.

Parametrage Post View Counter
  1. Puede activar el conteo de vistas según los tipos de publicación. Sólo marca la casilla. También puedes decidir el método de conteo (PHP, JS, etc.).
  2. Puedes añadir una nueva columna en la oficina de atrás. Éste aparecerá en la lista de artículos (y/o páginas, dependiendo de sus elecciones marcadas) para obtener las estadísticas de opiniones por publicación.
  3. Puede ajustar los métodos de recuento de fotogramas y los intervalos.
  4. Puede excluir a ciertos visitantes del recuento.
  5. Luego, desde la pestaña de Vista, podrá configurar todo lo relacionado con la visualización del número de vistas frontales. Por ejemplo, puede añadir un texto junto al número de vistas.
  6. Puede insertar automáticamente el número de vistas según los tipos de publicación (no es útil para el resto del tutorial).
  7. Pero también la posición de la pantalla automática, por ejemplo: antes del contenido.
  8. Por último, podrá elegir si desea mostrar o no un icono junto al número de vistas y podrá modificar el icono de Dashicons, que es la fuente oficial del icono de WordPress.

Eso es, es bastante simple como extensión pero las opciones son suficientes para mejorar las entradas de tu blog.

3 - Añadir aplausos con WP Aplaudiendo

Wp Applaud
Añadir un sistema de votación

El último punto que propongo añadir en sus artículos es un sistema de votación con WP Applause. Pero podríamos muy bien haber elegido un sistema con una estrella como Clasificación estelar de KK...por ejemplo.

Esta extensión es gratuita pero, digámoslo de inmediato, no se actualiza a menudo...

Una vez instalado y activado, así es como funciona:

Parametrages Wp Applaud
  1. Vaya a la pestaña WPApplaud para comprobar los tipos de publicaciones en los que le gustaría ver aparecer el "pequeño aplauso".
  2. Puede excluir las publicaciones manualmente.
  3. Puedes deshabilitar el CSS para poder embarcarte en el tuyo.
  4. Puede elegir el método de conteo (Ajax y conteo máximo por usuario).
  5. Tienes la posibilidad de añadir títulos personalizados.
  6. Finalmente, y esto es lo que más nos interesa para el resto del tutorial: otros métodos de visualización. Puedes usar un shortcode para mostrar los aplausos en el lugar deseado en lugar de hacerlo automáticamente.

4 - Integrar elementos a las entradas del blog con el Constructor de Temas

Así que, ahora que has instalado y configurado las 3 extensiones, te sugiero que muestres esta información de lectura en tus entradas de blog.

Para esto, necesitarás un plantilla de artículo creado con el Tema del constructor. Si no lo has hecho todavía, puedes seguir esto tutorial para crear una plantilla de artículo Divi.

Modele Article Theme Builder
Crear o cambiar una plantilla de material con el Constructor de Temas

Así que has entendido que creas o modificas tu plantilla de artículos creada con el Constructor de Temas.

1 Ajout Ligne Modele Article
Inserte una nueva línea 4/4

Añades una nueva fila (el "+" verde) cortada en 4 columnas.

2 Ajout Shortcodes

En cada columna de esta fila, se añade un módulo de texto en el que colocará los atajos apropiados:

  • para mostrar el número de palabras.
  • para mostrar el tiempo de reproducción.
  • para mostrar el número de fotogramas.
  • para mostrar el sistema de votación.

*Nota: no copie-pegue los atajos anteriores ya que he añadido deliberadamente un espacio entre los corchetes para permitir su visualización.

Bueno, es tan simple como esto, aquí está el resultado:

3 Resultat Infos Lecture
Mostrando el número de fotogramas y el tiempo de reproducción dentro de un artículo de Divi

¿Sabías que puedes probar Divi gratis? Ir a esta página y haga clic en "TRY IT FOR FREE".

5 - Ajustar la pantalla con algo de CSS

Por último, es posible que no estés del todo satisfecho con el renderizado final, en este caso, puedes añadir algún código CSS para perfeccionar la visualización.

En el siguiente ejemplo, he añadido un Módulo de código con un poco de CSS pero tienes un montón de otros soluciones para añadir código en Divi.

Ajuster Affichage Infos Articles
Ajustar la pantalla con CSS si es necesario

Por ejemplo, puede añadir un "antes" y un "después" para mostrar el texto alrededor del tiempo de lectura. Esto es posible en las opciones del plugin WP Word Count pero el visual no es óptimo. También puedes cambiar el color del contador de votos (WP Applaud).

¿Qué te parecen estos consejos para mejorar tus entradas de blog con Divi?

Ajouter Temps De Lecture Article WordPress
Ajouter Compteur De Vue Articles WordPress
Reading Time Blog Post

1.120 palabras

4

A ti también debería gustarte:

3 Commentaires

  1. Harold

    Magnifique tout ça, merci !

  2. Decoster

    Bonjour,
    Merci pour cet article très intéressant.
    Comment procéder pour afficher le nombre de mots et le temps de lecture juste sous le titre de l’article, à la suite des méta.
    J’aurais bien voulu joindre une capture d’écran mais je ne trouve pas le lien ???
    Merci.
    Bien cordialement.

Soumettre un commentaire

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

Je souhaite recevoir les news du blog Astuces Divi !

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

Ponerlo en el interés

Acciones
Comparte esto