l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 文章中添加预估阅读时间

如何在 WordPress 文章中添加预估阅读时间

Bug编译狮

Bug编译狮

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

如何在 WordPress 中添加预估阅读时间

步骤 1: 登录您的 WordPress 管理后台

首先，请确保您已登录到您的 WordPress 网站管理后台。

步骤 2: 进入“编辑”模式

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

步骤 3: 插入预估阅读时间插件

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

例如，我们选择使用 “Estimated Reading Time” 插件：

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

步骤 4: 设置预估阅读时间

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

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

步骤 5: 测试预估阅读时间

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

示例代码

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

<!-- 按照上述步骤，我们将创建一个新的文本块 -->
<h3>预估阅读时间：</h3>
<div class="estimated-time">
    <span id="estimated-time">3分钟</span>
</div>

<script type="text/javascript">
    // 获取预估阅读时间元素
    var estimatedTime = document.getElementById('estimated-time');

    // 定义预估阅读时间的函数
    function calculateEstimatedTime(content) {
        // 假设每行平均包含100个单词，每分钟读取约200字
        var wordsPerMinute = 200;
        var lines = content.split('n');
        var totalWords = 0;

        for (var i = 0; i < lines.length; i++) {
            var wordCount = lines[i].split(' ').length - 1; // 减去标点符号的数量
            if (wordCount > 0) {
                totalWords += wordCount;
            }
        }

        var minutes = Math.ceil(totalWords / wordsPerMinute);
        return minutes + '分钟';
    }

    // 将预估阅读时间计算结果设置为预估阅读时间元素的内容
    estimatedTime.textContent = calculateEstimatedTime(document.querySelector('article').innerHTML);

    // 如果文章发生变化，重新计算预估阅读时间
    window.addEventListener('load', function() {
        estimatedTime.textContent = calculateEstimatedTime(document.querySelector('article').innerHTML);
    });
</script>

请注意，此示例代码仅为说明目的编写，实际使用时应考虑更多的因素，比如不同浏览器的支持情况以及可能存在的性能问题。此外，确保遵守网站的使用条款和隐私政策，在使用任何插件之前也请仔细检查其功能和安全性。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

要在WordPress文章中添加预估阅读时间，你可以使用插件或自定义功能。这里我将展示两种方法：

方法一：使用WordPress自带的功能

  1. 首先，登录到你的WordPress网站。
  2. 点击右上角的“设置”按钮（齿轮图标）以打开菜单。
  3. 在下拉菜单中选择“外观”选项卡。
  4. 在“标题和标签”部分，点击“高级设置”，然后找到并勾选“显示文章阅读时间”的复选框。
  5. 点击“保存更改”。

方法二：使用第三方插件

  1. 登录到你的WordPress网站。
  2. 找到并激活名为“WP Read Time”的插件（如果未安装，需要先从WordPress插件商店下载并安装）。
  3. 在插件页面，点击“启用”按钮启用插件。
  4. 接下来，创建一个新文章，或者编辑现有文章。
  5. 你会看到文章底部有一个新的“阅读时间”字段，可以在这里输入你想显示的文章阅读时间。

通过上述方法，你可以在WordPress文章中添加预估阅读时间了。这两种方法都可以根据自己的需求灵活调整，比如显示方式、格式等。

,

最新更新