Como adicionar tempo de leitura estimado aos posts e páginas do WordPress

 
 
Como adicionar tempo de leitura estimado aos posts e páginas do WordPress

Tempo de leitura.

o tempo de leitura de relatórios aumenta o tempo gasto no site?

Em alguns casos, adicionar esta informação pode aumentar o tempo que os visitantes permanecem no seu site.

A partir de diferentes análises e experiências, pelo menos que é dito é claro que as pessoas são mais propensas a visitar um artigo quando sabem com antecedência o tempo aproximado que demorarão a lê-lo.

com que rapidez lemos?

Leitura diferentes textos alguns dados ou aproximações são repetidos, tais como que a velocidade média de leitura de um adulto é de 240 palavras por minuto com uma taxa de compreensão de 60%, no entanto, a velocidade de leitura diminui cerca de 25% quando lê num ecrã de computador em vez de no papel.

É por isso que no exemplo abaixo a velocidade é definida em 200 palavras por minuto.

Adicionar tempo de leitura estimado sem plugin

Esta informação pode ser adicionada com um plugin ou um pouco de código. Como aqui é dogma evitar instalar um novo plugin que serve apenas uma coisa simples (além disso, a maioria são bastante negligenciados) explicamos como fazê-lo com um snippet.

Se preferir algo mais visual e simples como uma barra de progresso de leitura no topo que se preenche à medida que lê, aqui você pode encontrar como adicioná-lo sem um plugin.

Eu escolhi e testei este código porque também tem em conta o tempo de leitura das imagens, que está definido para 10 segundos.

Embora este parâmetro seja bastante relativo porque vai depender do tipo de imagens envolvidas, do seu tamanho e número de elementos e texto que contêm, etc. Penso que equilibra um pouco mais a contagem total.

Poucos blogs acrescentam esta estimativa incluindo imagens, mas como neste blog há muitos deles e a maioria são vinhetas, pela sua natureza com pouco texto, decidi deixá-lo aos 10 segundos e ainda me parece muito para mim.

Médiopor exemplo, mede a 265 palavras por minuto com um ajuste feito para as imagens de 12 segundos para o primeiro, 11 para o segundo e 1 segundo a menos para cada imagem depois disso. Qualquer após a décima imagem é contada em três segundos Fonte.

Para mensagens chinesas, japonesas e coreanas, Medium define o número de caracteres para 500 por minuto com a mesma configuração que acima para imagens.

Código

Este código pode sempre ser melhorado adicionando o cálculo de segundos ou variáveis mais complexas dependendo da altura das imagens ou outros parâmetros para tentar refinar os dados um pouco mais. (Eu encorajo qualquer pessoa que o saiba fazer a fazê-lo).

/*Tiempo de lectura */

function wp_reading_time() {

// GET THE CONTENT OF THE WORDPRESS POST
$content = get_post_field( 'post_content', $post->ID );

// COUNT THE NUMBER OF WORDS
$word_count = str_word_count( strip_tags( $content ) );

// COUNT THE NUMBER OF IMAGES
$image_count = substr_count( $content, '<img' );

// READING TIME OF TEXTS – 200 WORDS PER MINUTE
$reading_time = $word_count / 200;

// READING TIME OF IMAGES – 10 SECONDS PER IMAGE
$image_time = ( $image_count * 10 ) / 60;

// ADD READING TIME OF TEXTS AND IMAGES
$total_time = round( $reading_time + $image_time );

// DETERMINE IF SINGULAR OR PLURAL
if ( $total_time == 1 ) { $minute = " minuto"; }
else { $minute = " minutos"; }

return $total_time . $minute;

}

Para adicionar o código existem várias maneiras: descarregando e editando functions.php localmente, directamente do editor de modelos do WordPress (Appearance/Theme Editor) ou editando-o, também “on the fly”, do seu gestor de ficheiros Cpanel ou similar.

Se não se sentir suficientemente corajoso para adicionar este snippet ao ficheiro functions.php do seu modelo à mão, pode optar por fazê-lo usando o plugin Code Snippets plugin, que também serve para manter a sua colecção de funções melhor organizada num só lugar.

Desta forma você será capaz de reverter as mudanças rápida e facilmente se algo quebrar ou o código já não for compatível com uma actualização do PHP, um plugin ou o núcleo do WordPress

Depois basta adicionar este código que irá pintar os minutos no seu blog, onde se lê “tempo de leitura estimado”, pode escrever o que acha que é melhor.

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

Você pode adicioná-lo onde quiser, embora se decidir colocá-lo na meta do post, onde o seu template mostra o autor do post, a data de publicação, número de comentários, etc. você deve adicionar o código ao meta loop do post do arquivo content.php ou single.php (dependendo de cada template) ou page.php se você quiser adicioná-lo às páginas também.

Após verificar que funciona, basta adaptar a formatação, adicionar um ícone ou o que quer que seja. Aqui é o que parece:

Como adicionar tempo de leitura estimado aos posts e páginas do WordPress

Eu optei por adicioná-lo com um atalho criado com Inseridor de anúncios sobre o tema criança no modelo criado com a Elementor PRO para todos os cargos.

Cómo añadir el tiempo de lectura estimado en los post y páginas de WordPress
Como adicionar tempo de leitura estimado aos posts e páginas do WordPress

Embora pareça confuso, é uma opção muito limpa para que não tenha de tocar numa única linha de código no WordPress e pode modificá-la rápida e facilmente a qualquer momento.

Actualização 9 de Setembro de 2021

Extra, contador de palavras sem plugin

Uma forma simples e rápida de adicionar o número de palavras em cada post. Pode colocá-lo sob o título ou na meta, ou onde quiser e formatá-lo com um pouco de CSS.

1-Criar código de atalho com o Código Snippet.

add_shortcode('contador', 'word_count');

2-Assine a função.

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

Finalmente, pelo mesmo método descrito acima, o atalho “contador” é adicionado com a Elementor no modelo.

E este é o resultado:

Contador de palabras sin plugin para WordPress

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