怎么給文章增加閱讀時(shí)間？ - WordPress教程

今天分享 一個(gè)有趣的玩意。那就是給文章增加閱讀時(shí)間Meta值。之前分享過統(tǒng)計(jì)文章字?jǐn)?shù)的，這個(gè)可以統(tǒng)計(jì)閱讀文章大概需要多久的，可以配合使用哦。

• 教程來源：詳情

效果圖

廢話不多說。下面的統(tǒng)計(jì)計(jì)算閱讀時(shí)間的相關(guān)主代碼：

/*-----------------------------------------------------------------------------------*/
# Calculate reaad time
/*-----------------------------------------------------------------------------------*/
if(!function_exists('ie_calculate_reading_time')){
  function ie_calculate_reading_time($postID = false, $echo = false) {
    $wpm = 250;
    if(!$postID){
      $postID = get_the_ID();
    }
    $include_shortcodes = true;
    $exclude_images = false;
    $tmpContent = get_post_field('post_content', $postID);
    $number_of_images = substr_count(strtolower($tmpContent), '<img ');
    if ( ! $include_shortcodes ) {
      $tmpContent = strip_shortcodes($tmpContent);
    }
    $tmpContent = strip_tags($tmpContent);
    $wordCount = str_word_count($tmpContent);
    if ( !$exclude_images ) {
      $additional_words_for_images = ie_calculate_images( $number_of_images, $wpm );
      $wordCount += $additional_words_for_images;
    }
    $wordCount = apply_filters( 'ie_filter_wordcount', $wordCount );
    $readingTime = ceil($wordCount / $wpm);
    // If the reading time is 0 then return it as < 1 instead of 0.
    if ( $readingTime < 1 ) {
      $readingTime = esc_html__('< 1 min read', 'ie-core');
    } elseif($readingTime == 1) {
      $readingTime = esc_html__('1 min read', 'ie-core');
    } else {
      $readingTime = $readingTime.' '.esc_html__('mins read', 'ie-core');
    }
    if($echo){ 
      echo $readingTime;
    } else {
      return $readingTime;
    }
  }
}
?

因?yàn)榇蠖嗌傥恼逻€有圖像。我們還需要定義閱讀圖像的時(shí)間，代碼如下：

if(!function_exists('ie_calculate_images')){
  function ie_calculate_images( $total_images, $wpm ) {
    $additional_time = 0;
    // For the first image add 12 seconds, second image add 11, ..., for image 10+ add 3 seconds
    for ( $i = 1; $i <= $total_images; $i++ ) {
      if ( $i >= 10 ) {
        $additional_time += 3 * (int) $wpm / 60;
      } else {
        $additional_time += (12 - ($i - 1) ) * (int) $wpm / 60;
      }
    }
    return $additional_time;
  }
}

把上面兩段代碼復(fù)制粘貼到你的主題的funtion.php文件里面。在你想要的位置加入調(diào)用下面的調(diào)用代碼就行了。

<?php echo ie_calculate_reading_time(); ?>

太麻煩了？

試試這個(gè)簡單的版本，但是只能估算到分，但也夠用了

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/300); // 修改數(shù)字300調(diào)整時(shí)間
    $output .= '本文共計(jì)' . $text_num . '個(gè)字，預(yù)計(jì)閱讀時(shí)長' . $read_time  . '分鐘。';
    return $output;
}

調(diào)用：

<?php echo count_words_read_time(); ?>

既然做了閱讀時(shí)間，那么把wordpress主題統(tǒng)計(jì)文章字?jǐn)?shù)也加上吧：