Cómo añadir una barra de progreso de lectura en WordPress Posts

¿Ha notado cómo algunos sitios populares muestran un indicador de barra de progreso de lectura en la parte superior de sus artículos? Esta pequeña barra muestra a los usuarios cuánto más del artículo queda por recorrer y les anima a seguir leyendo. En este artículo, le mostraremos cómo añadir una barra de progreso de lectura en los posts de WordPress.

Por qué y cuándo debe agregar la barra de progreso de lectura en WordPress

Los usuarios pasan sólo un par de segundos en una página web antes de decidir si se quedan o se van. Mantener a los usuarios ocupados se vuelve un poco más difícil si publica artículos largos, ya que requieren que los usuarios se desplacen hacia abajo.

Algunos propietarios de sitios añaden entradas relacionadas en línea, otros utilizan vídeos o galerías de imágenes para mantener a los usuarios en la página.

Una barra de progreso de lectura añade una pequeña mejora en la interfaz de usuario que anima a los usuarios a desplazarse hacia abajo. También motiva a los usuarios a terminar el artículo que están leyendo.

Muchos sitios web populares como The Daily Beast, utilizan los indicadores de progreso de lectura para atraer a sus lectores. Sin embargo, también debe asegurarse de que el indicador de progreso de lectura sea sutil y no arruine la experiencia del usuario en su sitio.

Dicho esto, veamos cómo puedes añadir fácilmente un indicador de progreso de lectura para tus posts de WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Adición de la barra de progreso de lectura en los mensajes de WordPress

Lo primero que tienes que hacer es instalar y activar el plugin de Worth The Read. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Settings " Worth The Read para configurar el indicador de la barra de progreso.

Primero debe activar la barra de progreso de lectura marcando la opciónActivar. Después de eso, debe seleccionar dónde desea que se muestre la barra de progreso.

La opción por defecto está en la parte superior, que es utilizada por la mayoría de los sitios. Puede cambiarla para mostrar la barra de progreso a la derecha, izquierda o al final de la página.

El plugin le permite elegir los colores de primer plano y de fondo de la barra de progreso para que coincida con su tema de WordPress. El color de fondo se utiliza para rellenar la barra de progreso vacía y el color de primer plano se utilizará para mostrar el progreso a medida que el usuario se desplaza hacia abajo.

También puede incluir comentarios en la barra de progreso total seleccionando la opción Incluir comentarios. Si está incluyendo comentarios, también puede elegir un color de fondo diferente para el área de progreso de comentarios.

La última opción de la página le permite utilizar un fondo transparente para la barra de progreso. Si se selecciona esta opción, se anularán las opciones de color de fondo y sólo se mostrará el color de primer plano a medida que los usuarios se desplazan hacia abajo por un artículo.

No olvide hacer clic en el botón Guardar cambios para guardar su configuración.

Eso es todo, ahora puede visitar cualquier mensaje en su sitio web para ver la barra de progreso en acción.

El indicador de la barra de progreso de lectura sólo funciona en mensajes individuales. Actualmente no soporta páginas y tipos de mensajes personalizados.

Esperamos que este artículo le haya ayudado a añadir un indicador de barra de progreso de lectura en WordPress. También puedes ver nuestra lista de 10 plugins de WordPress que te ayudarán rápidamente a conseguir más tráfico.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.