Como adicionar contagem de palavras e tempo estimado de leitura de artigos no WordPress?

algunsNovas mídiasO artigo no site começa com uma contagem de palavras e tempo de leitura esperado para o artigo.

• Chen WeiliangAcho que esses dois pequenos dados são bastante humanizados e muito benéficos para os usuários.
• Desta forma, os leitores podem estimar a duração do artigo e seu tempo aproximado de leitura antes da leitura.
• Hoje vamos discutir comoWordPressAdicionadas estatísticas de contagem de artigos e tempo estimado de leitura.

XNUMX. Adicione o código de contagem de palavras para artigos do WordPress

Adicione o seguinte código aos últimos arquivos functions.php em seu tema ?> antes ▼

//字数统计
function count_words ($text) {
global $post;
if ( '' == $text ) {
$text = $post->post_content;
if (mb_strlen($output, 'UTF-8') < mb_strlen($text, 'UTF-8')) $output .= '本文《' . get_the_title() .'》共' . mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post_content))),'UTF-8') . '个字';
return $output;
}

• Após o teste, as estatísticas de código acima não apresentam problemas em chinês e inglês;
• E o mesmo número exato de palavras é contado no Microsoft Word.

XNUMX. Tempo estimado de leitura para WordPress

Adicione o seguinte código aos últimos arquivos functions.php em seu tema ?>

Depois de salvar, você pode exibir automaticamente "Tempo estimado de leitura x minutos" no início do conteúdo do seu post do WordPress▼

function lmsim_read_time($content){
$text = trim(strip_tags( get_the_content()));
$text_num = mb_strlen($text, 'UTF-8');
$read_time = ceil($text_num/400);
$content = '<div class="read-time">系统预计阅读时间 <span>' . $read_time . '</span> 分钟</div>' . $content;
return $content;
}
add_filter ( 'the_content', 'lmsim_read_time');

• O valor da linha 4 no código acima é 400, baseado na "velocidade média de leitura de pessoas comuns (300~500) palavras/minuto" do Baidu.
• Se você acha que 400 é muito lento, você mesmo pode modificá-lo.
• Você precisa de um estilo personalizado.Você pode estilizar .read-time em CSS personalizado.

Após o teste, verifica-se que o número de palavras nas estatísticas do código acima possui alguns erros, esses erros excedem os erros reais

• O número de palavras nas estatísticas do site A é de 290 caracteres e as estatísticas no Word são as mesmas.
• Com o site B, a contagem de palavras ($text_num) é 12 a mais do que o número real.
• Esse tempo de leitura esperado só pode aparecer no início do artigo, entãoChen WeiliangDecidiu combinar esses 2 códigos para otimização.

XNUMX. Otimize o tempo de leitura esperado

Adicione o seguinte código aos últimos arquivos functions.php em seu tema ?> antes ▼

//字数和预计阅读时间统计
function count_words_read_time () {
global $post;
$text_num = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post_content))),'UTF-8');
$read_time = ceil($text_num/400);
$output .= '本文《' . get_the_title() .'》共' . $text_num . '个字，系统预计阅读时间或需' . $read_time . '分钟。';
return $output;
}

• Destes, 400 ou superior é a velocidade de leitura e pode ser modificado.
• Se você precisar apenas exibir o tempo de leitura ou a contagem de palavras do artigo, basta modificar e excluir algumas das linhas na linha 6.
• Por favor, faça você mesmo DIY.

Em seguida, adicione o código de estatísticas de chamada ao local apropriado no arquivo single.php.

<?php echo count_words_read_time(); ?>

XNUMX. Comparação antes e depois da Otimização do Timecode de Leitura Estimada

在Chen WeiliangApós o teste, quando a contagem de palavras for menor ou igual a 400, ou seja, quando o tempo esperado de leitura for menor ou igual a 1 minuto.

No entanto, se exceder 400, será tendencioso.

• Por exemplo, se os 290 caracteres acima fossem colados 3 vezes para chegar a 1160 caracteres, o tempo estimado de leitura para o ponto 2 seria de 4 minutos,
• O código otimizado para o ponto 3 será de 3 minutos.
• Portanto, do ponto de vista numérico, é mais preciso otimizar o tempo estimado de leitura das estatísticas do código.

(teto() função)O que é isso?

ceil () A função arredonda para o inteiro mais próximo.

Isso significa retornar o próximo inteiro não menor que x.

Se x tem uma parte fracionária, entãoceil () O tipo retornado ainda éfloat,Porquefloatgeralmente é maior do quenúmero inteiro.

exemplo

• ceil(0.60), saída 1;
• ceil(0.4) , saída 1;
• ceil(5), saída 5;
• ceil(5.1), saída 6;
• teto (-5.1), saída -5;
• ceil(-5.9), saída -5;