WordPress: Añadir el tiempo de lectura estimado en tus Posts – vertegrande ® – Marketing & Diseño Web en Puerto Madryn
Copyright © Vertegrande. 2023. Agencia de Marketing & Diseño Web en Puerto Madryn / Contanos tu Proyecto. Esto puede ser el principio de una gran aventura.
vertegrande ® – Marketing & Diseño Web en Puerto Madryn » Snippets » WordPress » WordPress: Añadir el tiempo de lectura estimado en tus Posts

WordPress: Añadir el tiempo de lectura estimado en tus Posts

La experiencia del usuario es un aspecto fundamental en el desarrollo web, y en el caso de […]

Publicado el 24 julio, 2023 - Categorias: Snippets, WordPress

La experiencia del usuario es un aspecto fundamental en el desarrollo web, y en el caso de sitios de WordPress, el tiempo de lectura estimado juega un papel crucial en cómo los visitantes interactúan con el contenido. Saber cuánto tiempo lleva leer una página puede ayudar a mantener el interés de los usuarios y proporcionarles una experiencia más satisfactoria.

Código: Calcula el Tiempo de Lectura Considerando Texto e Imágenes

Se ha tenido en cuenta el tiempo de lectura de las imágenes, que originalmente se establecía en 10 segundos, pero para optimizar la experiencia, se ha reducido a 6 segundos. No obstante, es posible seguir mejorando este enfoque incorporando el cálculo de segundos o variables más complejas, como el alto de las imágenes u otros parámetros relevantes. Si alguien tiene conocimientos adicionales en este aspecto, se les anima a realizar ajustes para afinar aún más el dato y lograr una experiencia de usuario más precisa y agradable.

function wp_reading_time() {
    global $post;

    // Obtener el contenido de la entrada de WordPress
    $content = get_post_field( 'post_content', $post->ID );

    // Contar el número de palabras
    $word_count = str_word_count( strip_tags( $content ) );

    // Contar el número de imágenes
    $image_count = substr_count( $content, '<img' );

    // Tiempo de lectura de textos - 200 PALABRAS POR MINUTO
    $reading_time = $word_count / 200;

    // Tiempo de lectura de imágenes - 10 SEGUNDOS POR IMAGEN
    $image_time = ( $image_count * 10 ) / 60;

    // Añadir el tiempo de lectura de textos e imágenes
    $total_time = round( $reading_time + $image_time );

    // Determinar si es singular o plural
    $minute = ( $total_time == 1 ) ? " minuto" : " minutos";

    return $total_time . $minute;
}

Después bastará añadir este código que pintará los minutos en tu blog, donde se lee «tiempo estimado de lectura» puedes escribir lo que te parezca mejor.

<?php echo "Tiempo de lectura: " . wp_reading_time(); ?>

Blog

Instagram @holavertegrande