提升用户体验！为你的 WordPress 添加文章字数统计与阅读时间功能

在如今信息爆炸的时代，用户越来越重视时间的掌控。当你浏览一篇博客时，是不是也常常关心：“这篇文章要读多久？”或“有多少字？”

为 WordPress 网站添加 字数统计 和 预计阅读时间 显示，不仅能提升用户体验，还能增加页面的专业感，特别适合内容型网站、技术博客、媒体站点等。

✅ 为什么要显示文章字数和阅读时间？

1. 增强用户体验：访客可以快速判断是否有时间阅读整篇内容。
2. 提高页面停留时间：透明的信息让读者更愿意深入阅读。
3. 提升专业形象：细节体现专业，给人一种注重内容质量的感觉。
4. 内容长度优化：可帮助博主监控内容密度，控制字数过长或过短。

🛠 实现方法：添加自定义函数

以下代码将自动计算当前文章的字数和预估阅读时间（以平均 200 字/分钟速度计算），并插入到文章内容的开头。

第一步：将以下代码添加到当前主题的 functions.php 文件中

function haozhuti_reading_time_and_word_count($content) {
    if (is_single() && is_main_query()) {
        $word_count = str_word_count(strip_tags($content));
        $reading_time = ceil($word_count / 200); // 假设200字/分钟阅读速度

        $output = '<div class="reading-info" style="margin-bottom: 1em; padding: 0.5em; background-color: #f5f5f5; border-left: 5px solid #0073aa;">';
        $output .= '<strong>📝 字数统计：</strong>' . $word_count . ' 字 | ';
        $output .= '<strong>⏱ 阅读时间：</strong>约 ' . $reading_time . ' 分钟';
        $output .= '</div>';

        return $output . $content;
    }
    return $content;
}
add_filter('the_content', 'haozhuti_reading_time_and_word_count');

第二步：添加样式优化展示效果（可选）

你可以在主题的 style.css 或通过自定义 CSS 添加样式美化：

.reading-info {
    font-size: 14px;
    color: #333;
    border-radius: 4px;
}

🎯 进阶优化建议

• 多语言支持：如你的网站为英文，可替换为 “Word count” 和 “Estimated reading time”。
• 自定义阅读速度：根据目标用户调整阅读速度（如技术文章可设置为150字/分钟）。
• 支持短代码：将功能封装为 [reading_info] 短代码，可灵活插入任意位置。
• 区分文章类型：只在 post 类型或特定分类下显示。

🧩 使用场景推荐

• 博客平台
• 技术教程类网站
• 媒体资讯站
• 企业内容营销站点

📈 最后的建议

将小功能打磨到极致，常常会带来意想不到的用户好感度提升。你可以将这个功能与“目录导航”、“锚点跳转”结合使用，为读者提供更清晰、更友好的阅读体验。