在 Oxygen Builder 中构建“趋势帖子”部分 - 教程
已发表: 2022-06-22在这篇文章和视频教程中,我们将使用转发器元素、WordPress 热门帖子插件和高级查询在 Oxygen Builder 中构建一个趋势/热门帖子部分。
我们在此博客上发布的与 Oxygen 相关的首批教程之一是如何创建一个受欢迎的帖子部分。 现在,在 2022 年,我们将使用最新的方法和最好的插件重新讨论这个主题。
我们的代理机构在许多新闻和大型内容网站上工作。 这些类型的网站的持续要求是能够显示趋势和热门帖子。 这些小部件中的每一个都使用相同的机制 - 首先,我们需要了解特定帖子获得了多少视图,然后我们可以根据它进行查询。
氧气生成器课程- 即将推出!
Oxygen Builder Mastery 课程将带您从初学者到专业人士 - 包括 ACF、MetaBox 和 WooCommerce 模块。
热门帖子通常会在很长一段时间内查看帖子的总体浏览量。 例如,我们可以显示博客上最热门的帖子,或特定年份最热门的帖子。
热门帖子会查看较短时间段内的总体观看次数,通常是一天或一周。 例如,如果一篇帖子在一天内获得 100 次浏览,与网站平均 33 次浏览相比,我们就会知道这是趋势。
WordPress 存储库中有许多插件,可让您快速将这些类型的小部件添加到 WordPress 网站。 但是,氧气中继器和简易帖子元素允许您认真自定义每个帖子的动态数据输出。 在我们的项目中,我们使用中继器构建完全定制的显示器和卡片。
使用这种方法,我们可以使用转发器轻松地将热门帖子和趋势帖子合并到 Oxygen Builder 中。
视频教程
获取意见
第一步是了解单个帖子获得了多少浏览量。
为了获得意见,我们将使用一个名为“ WordPress 热门帖子”的流行插件。 这是一个非常强大的工具——它支持多语言,带有缓存,在 GitHub 上有很好的文档记录,在 WP 管理员中有一个统计仪表板,甚至还有 API 支持!
开箱即用,它为您提供可自定义的小部件,以轻松显示您网站上最受欢迎的帖子。 您可以使用简码将它们插入 Oxygen。
但是,我们想更进一步,使用 Oxygen Builder 转发器元素来显示最流行和趋势的帖子。 这样,我们可以使用构建器来完全自定义我们最受欢迎的帖子的外观。
但是,这个插件如何管理视图计数存在一个小问题。 视图存储在与posts
或postmeta
分开的数据库表中。 要在氧气生成器中使用标准 WordPress Square 进行查询,我们需要通过元字段访问这些数据。
将视图添加到帖子元
安装WordPress 热门帖子插件后,就该让这些数据可用于我们的查询了。
为此,我们需要获取最新的查看次数,并将它们填充到与我们的帖子关联的自定义字段下。
一旦可以访问此数据,我们就可以使用它在自定义 WordPress 查询中按受欢迎程度对帖子进行排序。
首先,使用代码片段管理器将此代码添加到您的网站。 我们建议 Oxygen Builder 网站使用 Scripts Organizer。
此代码由插件背后的开发人员创建,以完全满足我们的需要 - 为我们提供可用的数据进行查询。
它为我们提供了四个可以使用的新元字段views_total, views_daily, views_weekly, views_monthly
。
总浏览量和每月浏览量非常适合用于热门帖子部分。 每日和每周视图非常适合热门帖子。
每个字段都包含相应视图的数字 - 例如,在特定帖子上,我可以通过在应用于帖子的模板上的 Oxygen 代码块中添加此代码来显示前端的总视图:
不挂断!
根据您的网站获得的流量,您将需要对其进行优化,以便服务器资源耗尽将每个视图写入数据库。 幸运的是,这个代码片段有一个内置功能可以解决这个问题。
在此代码片段的顶部附近,您可以看到一个部分以确保准确性。 代码中注释的是说明。
精度控制在0-100。 如果设置为 100,则每个页面浏览都将记录到数据库中。 如果设置为 1,则 10 次访问中有 1 次将更新查看次数。
对于流量较高的网站,应降低准确性。 这最大限度地减少了服务器上的负载和性能问题。
请记住,此插件并非旨在取代分析解决方案。 因此,准确性并不重要,因为收视率与帖子的比率相同。 您仍然会知道您的哪些帖子很受欢迎。
建立热门帖子部分
现在,让我们快速构建趋势和热门帖子部分。
我将使用转发器,并快速添加特色图片、帖子标题、摘录和阅读更多链接。 您也可以使用简单的帖子,因为我们将使用 Oxygen 中包含的高级查询功能。
查询热门帖子
现在,是时候从热门帖子中查询了。 如前所述,我们将使用当天的总体观看次数,因为这可以让我们很好地了解特定时期内的趋势。
为此,请使用转发器或简易帖子元素的高级查询功能。
单击“编辑查询”按钮以打开高级查询 UI。
现在,添加以下内容。 对于这个用例,我只想根据每周浏览量显示最受欢迎的 8 个帖子。
我设置:
- post_per_page = 8
- no_found_rows = true(这会禁用转发器的分页)
- post_type = 帖子
- meta_key = views_weekly(这告诉 WordPress 我们需要将此字段中的数据与查询相关联。请记住,我们可以将其更改为总计、每日、每周或每月,具体取决于我们是否想要趋势或热门帖子)
- order_by = meta_value_num(这告诉我们我们将按照与我们的元值关联的数字排序,在这种情况下是每周视图)
- order = desc(这告诉我们将帖子按最多浏览次数排序到最少浏览次数)
现在,保存所有内容并前往 Oxygen 站点的前端。 您现在将在此特定转发器中显示帖子,按所选时间段内的查看次数排序。
奖金
我还想在博客的前端向我的读者显示总体浏览量。 为此,我将创建一个短代码。 我将此代码添加到我的片段管理器中:
然后,我可以通过添加以下短代码来插入单个帖子的查看次数:
在本教程中,我将此短代码放在我的转发器中以显示与帖子关联的视图。 这样,我可以验证我的查询是否按设计工作。
这里需要注意的是,这没有使用我们在前面的代码片段中添加到单个帖子中的视图计数字段。 相反,它是从该插件在安装期间添加的数据库表中提取的。 这意味着这将始终是一个准确的视图计数,无论前面的片段中所说的准确性如何(它们是两个不同的东西)。
我还可以通过将以下 PHP 直接添加到应用于单个帖子的模板上的代码块来添加此信息:
结论
本文向您展示了如何使用 Oxygen Builder 中继器将流行和/或趋势帖子部分添加到使用此插件创建的网站。 如果您有任何问题或建议,请随时将它们留在下面的常见部分中。
你可能会喜欢