{"id":3857,"date":"2025-06-12T05:37:05","date_gmt":"2025-06-11T21:37:05","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3857.html"},"modified":"2025-06-12T05:37:05","modified_gmt":"2025-06-11T21:37:05","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e6%96%87%e7%ab%a0%e4%b8%ad%e6%b7%bb%e5%8a%a0%e9%a2%84%e4%bc%b0%e9%98%85%e8%af%bb%e6%97%b6%e9%97%b4","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3857.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u6587\u7ae0\u4e2d\u6dfb\u52a0\u9884\u4f30\u9605\u8bfb\u65f6\u95f4"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在WordPress文章中添加预估阅读时间是一种提升用户体验的好方法，可以帮助读者更好地了解一篇文章的长度和结构。这样可以增加文章的吸引力，鼓励读者深入阅读。<\/p>\n

如何在 WordPress 中添加预估阅读时间<\/h3>\n

步骤 1: 登录您的 WordPress 管理后台<\/h4>\n

首先，请确保您已登录到您的 WordPress 网站管理后台。<\/p>\n

步骤 2: 进入“编辑”模式<\/h4>\n

找到并点击您想要修改的文章页面，然后选择“编辑”模式。这将允许您对文章进行修改或删除。<\/p>\n

步骤 3: 插入预估阅读时间插件<\/h4>\n

为了使文章显示预估阅读时间，我们需要安装并启用一个插件。有许多这样的插件可供选择，如 “Estimated Reading Time”、”Reading Time” 或 “Estimated Read Time”。您可以根据自己的喜好选择合适的插件。<\/p>\n

例如，我们选择使用 “Estimated Reading Time” 插件：<\/p>\n

    \n
  • 打开网站管理后台。<\/li>\n
  • 寻找并点击“插件”部分。<\/li>\n
  • 在搜索框中输入“Estimated Reading Time”，然后点击搜索按钮。<\/li>\n
  • 找到并激活该插件（通常位于左侧菜单中的“活动”选项卡）。<\/li>\n<\/ul>\n

    步骤 4: 设置预估阅读时间<\/h4>\n

    一旦插件被激活，您可能需要设置一些参数来定制预估阅读时间的格式和样式。通常，这个过程包括：<\/p>\n

      \n
    • 文字颜色<\/strong>：可以选择不同的字体颜色以突出预估阅读时间。<\/li>\n
    • 文字大小<\/strong>：调整预估阅读时间的文字大小，使其更易于阅读。<\/li>\n
    • 背景色<\/strong>：为预估阅读时间提供一个背景色，使其与文章内容区分开来。<\/li>\n<\/ul>\n

      步骤 5: 测试预估阅读时间<\/h4>\n

      完成以上设置后，返回到文章编辑页面，查看预估阅读时间是否正确显示。如果一切正常，您应该能看到预估阅读时间出现在文章底部，旁边标有“预估阅读时间”。<\/p>\n

      示例代码<\/h3>\n

      以下是一个简单的示例代码，展示如何在WordPress文章中插入预估阅读时间：<\/p>\n

      <!-- 按照上述步骤，我们将创建一个新的文本块 -->\n<h3>预估阅读时间：<\/h3>\n<div class=\"estimated-time\">\n    <span id=\"estimated-time\">3分钟<\/span>\n<\/div>\n\n<script type=\"text\/javascript\">\n    \/\/ 获取预估阅读时间元素\n    var estimatedTime = document.getElementById('estimated-time');\n\n    \/\/ 定义预估阅读时间的函数\n    function calculateEstimatedTime(content) {\n        \/\/ 假设每行平均包含100个单词，每分钟读取约200字\n        var wordsPerMinute = 200;\n        var lines = content.split('n');\n        var totalWords = 0;\n\n        for (var i = 0; i < lines.length; i++) {\n            var wordCount = lines[i].split(' ').length - 1; \/\/ 减去标点符号的数量\n            if (wordCount > 0) {\n                totalWords += wordCount;\n            }\n        }\n\n        var minutes = Math.ceil(totalWords \/ wordsPerMinute);\n        return minutes + '分钟';\n    }\n\n    \/\/ 将预估阅读时间计算结果设置为预估阅读时间元素的内容\n    estimatedTime.textContent = calculateEstimatedTime(document.querySelector('article').innerHTML);\n\n    \/\/ 如果文章发生变化，重新计算预估阅读时间\n    window.addEventListener('load', function() {\n        estimatedTime.textContent = calculateEstimatedTime(document.querySelector('article').innerHTML);\n    });\n<\/script><\/code><\/pre>\n
      请注意，此示例代码仅为说明目的编写，实际使用时应考虑更多的因素，比如不同浏览器的支持情况以及可能存在的性能问题。此外，确保遵守网站的使用条款和隐私政策，在使用任何插件之前也请仔细检查其功能和安全性。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
      \r\n
      \r\n
      \r\n
      \r\n
      \r\n
      \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
      黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
      \r\n
      \r\n
      要在WordPress文章中添加预估阅读时间，你可以使用插件或自定义功能。这里我将展示两种方法：<\/p>\n
      方法一：使用WordPress自带的功能<\/h3>\n
        \n
      1. 首先，登录到你的WordPress网站。<\/li>\n
      2. 点击右上角的“设置”按钮（齿轮图标）以打开菜单。<\/li>\n
      3. 在下拉菜单中选择“外观”选项卡。<\/li>\n
      4. 在“标题和标签”部分，点击“高级设置”，然后找到并勾选“显示文章阅读时间”的复选框。<\/li>\n
      5. 点击“保存更改”。<\/li>\n<\/ol>\n
        方法二：使用第三方插件<\/h3>\n
          \n
        1. 登录到你的WordPress网站。<\/li>\n
        2. 找到并激活名为“WP Read Time”的插件（如果未安装，需要先从WordPress插件商店下载并安装）。<\/li>\n
        3. 在插件页面，点击“启用”按钮启用插件。<\/li>\n
        4. 接下来，创建一个新文章，或者编辑现有文章。<\/li>\n
        5. 你会看到文章底部有一个新的“阅读时间”字段，可以在这里输入你想显示的文章阅读时间。<\/li>\n<\/ol>\n
          通过上述方法，你可以在WordPress文章中添加预估阅读时间了。这两种方法都可以根据自己的需求灵活调整，比如显示方式、格式等。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
          Bug编译狮 在WordPress文章中添加预估阅读时间是一种&#2..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3857","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3857"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3857\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3857"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}