服务器与VPS
促销优惠信息

如何给wordpress添加文章字数和阅读时间提示?

查看目录
文章目录隐藏
  1. 1、在functions.php中创建函数
  2. 2、在合适位置输出函数
  3. 3、时间提示自定义CSS样式

经常看到一些网站在文章列表或者标题下面显示字数和读完大约需要几分钟,那么如何添加wordpress文章字数统计和阅读时间提示呢?今天发现了一个纯代码实现网站显示字数统计和阅读所需时间的办法:

1、在functions.php中创建函数

打开主题的functions.php文件,在最后部分插入以下代码:

/**
为Wordpress添加文章阅读时间提示,单位:分钟
*/
function zzb_reading_time() {
$post = get_post();
$content = $post->post_content;
$wpm = 300; // 每分钟阅读字数设定,可根据需求修改
$clean_content = strip_shortcodes( $content );
$clean_content = strip_tags( $clean_content );
$word_count = mb_strlen( $clean_content,'UTF8'); //按UTF8编码统计字数,一个汉字只算1个字
$time = ceil( $word_count / $wpm );
return '字数' .$word_count . '个 阅读全文: ' .$time . ' 分钟';
}

注意:mb_string不是PHP默认函数,如果报错,请开启 mb_string 扩展,大多数虚拟主机或服务器环境的一键安装包都支持 mb_string,可在php info中查看是否支持。

2、在合适位置输出函数

将以下代码插入到需要显示的位置,可以是文章页面模板 (single.php)或者LOOP循环中。

<?php echo zzb_reading_time(); ?>

显示结果

字数:866 个 阅读全文:3 分钟

如果不需要显示字数,只显示文章阅读时间提示,可将函数代码的第14行改为:

return '<span id="read-time"> 阅读全文: ' .$time . ' 分钟</span>';

3、时间提示自定义CSS样式

在主题样式文件中 或 Wordpress自定义主题面板的额外CSS中,添加以下代码(示例):

/* 统计字数样式 */
#read-count {font-size:14px;color:#707070}
/* 阅读时间样式 */
#read-count {font-size:14px;color:#878787}

原文:www.zhanzhangb.com/482.html

楚狂人 » 如何给wordpress添加文章字数和阅读时间提示?

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏