在网站建设过程中由于开发人员不重视运营者或者用户体验经常忘记添加一个文章阅读小工具功能,别看这个不起眼的小工具,但是在实际运营过程中是非常友好的。

实现思路

  • 利用文章字数及阅读速度计算文章阅读时间;
  • 格式化文章标点等;

纯代码实现

以下是纯代码实现步骤:

引入代码库文件

function display_post_reading_time () {
        $output='';
    	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); // 修改数字300调整时间
    	$output .= '本文共计' . $text_num . '个字,预计阅读时长' . $read_time  . '分钟。';
    	return $output;
    }

调用代码片段

将代码片段输出到需要的位置,比如文章页面 single.phpcontent.php 标题相关标签后面。

如何在网站开发中给文章添加显示阅读时间?
<span class="entry-meta-post-reading-time">
      <?php echo display_post_reading_time(); ?> <!--文章阅读时间-->
</span>

前端展示效果

如何在网站开发中给文章添加显示阅读时间?

你可以在文章标题下面看到添加的文章阅读时间展示了。

以上就是关于如何在网站开发中给文章添加显示阅读时间功能了,更多问题请在文章下方留言。

* 文章内容很有用,那就5星好评吧!😘

0 / 5 好评 5

Your page rank:

发表回复

Please Login to Comment

评论列表(1条)

  • Rapheal Lau的头像
    Rapheal Lau 2024年 10月 1日 下午1:12

    有一点就是需要自己在重新进行自定义样式设置,需要自行处理!

数字人
微信

扫码了解更多服务

qr

1对1专家沟通

小程序

funion_xcx