如何在 WordPress 中创建您自己的宏计算器

已发表: 2024-03-06

正在寻找一种简单的方法来为健康和健身商业网站创建自己的宏计算器?

您会很高兴听到 WPForms 可以帮助创建计算器表单,自动估算各种健身目标的每日卡路里目标。

立即创建您的常量营养素计算器

因此,如果您想为网站访问者提供一种快速方法来估计其 IIFYM(如果它适合您的宏),请按照本指南中的步骤操作!

在本文中

  • 第 1 步:获取 WPForms Pro 许可证
  • 第 2 步:激活计算插件
  • 第 3 步:创建宏计算器
  • 第 4 步:自定义宏计算器表单
  • 第 5 步:发布您的常量营养素计算器
  • 关于常量营养素计算器的常见问题

如何在 WordPress 中创建常量营养素计算器

为您的健康和健身网站创建宏量营养素计算器可以带来大量流量,因为它可以帮助访问者制定最适合他们需求的饮食计划。

无论目标是帮助人们减肥、增重还是维持当前体重,了解大部分卡路里由多少克脂肪、蛋白质和碳水化合物构成都非常有帮助。

幸运的是,使用 WPForms 在 WordPress 中添加自己的宏计算器非常简单。 请按照以下步骤开始!

第 1 步:获取 WPForms Pro 许可证

WPForms 是 WordPress 的最佳表单生成器插件,可让您创建所有类型的计算器表单。 它为每个行业提供了 1,500 多个 WordPress 表单模板,包括健康和健身网站。

如果您想按照本指南中的步骤创建宏计算器,则需要 WPForms Pro 许可证,该许可证还提供其他高级功能,如条件逻辑、表单报告、高级集成等。

the wpforms homepage

购买 Pro 许可证后,只需在您的站点上安装并激活 WPForms 插件即可。 有关更多详细信息,请查看此分步指南,了解有关如何在 WordPress 中安装插件的说明。

第 2 步:激活计算插件

下一步是安装计算插件,它允许您创建可自定义的宏计数公式,例如:

  • 蛋白质
  • 碳水化合物
  • 脂肪
  • 每日卡路里摄入量

要开始安装插件,请前往 WordPress 仪表板,然后从侧边栏导航至WPForms » Addons

add new addon wpforms

从这里,在搜索插件字段中输入“计算”。 然后,单击“安装插件”按钮,然后单击“激活”按钮。

activate calculations addon

做得好! 现在,我们将向您展示如何使用所需的公式从头开始创建宏计算器。

第 3 步:创建宏计算器

现在是时候构建您的常量营养素计算器了。 从 WordPress 仪表板,转到WPForms并单击“添加新项”

add new form

在下一页中,您将需要为表单命名。 继续在“为您的表单命名”字段中输入任何听起来不错的内容。

name your calculator form

做得好! 现在,向下滚动一点,然后选择计算器 » 健身以查看合适的专业设计的计算器模板列表。

select fitness calculator category

在这里您会找到几个与健康和健身相关的计算器,包括与我们的用例相关的“如果它适合您的宏计算器模板”。

只需将鼠标悬停在模板上,然后单击“使用模板”按钮即可继续根据您的需求自定义表单。

use macros calculator form template

选择模板后,您将被重定向到表单构建器屏幕。 您可以在屏幕左侧看到当前可用的字段

WPForms fields menu

在右侧,您将看到可以自定义的表单预览。 由于我们使用模板,因此将自动添加字段。

macros calculator form preview

你快到了! 使用模板,您应该可以很好地做到这一点,但我们还可以看看如何进一步自定义宏计算器。

第 4 步:自定义宏计算器表单

表单模板加载后,大部分工作就已经为您完成。 您会发现表单中已包含以下字段:

  • 用于记录保存目的的名称
  • 发送营养相关信息的电子邮件
  • 用于计算生理需求的性别
  • 年龄确定影响每日卡路里摄入量的代谢率。
  • 系统(英制/公制)来决定首选的测量系统。
  • 可以以英尺、英寸或厘米为单位输入的高度
  • 可以以磅或千克为单位输入的重量
  • 活动级别,可选择久坐、轻度、中等、非常活跃等。
  • BMR 计算卡路里摄入量的公式(2 个选项)。
  • 目标有减肥、维持体重或增重等选择。
  • 根据用户选择自动计算的每天卡路里
  • 碳水化合物用于评估每日碳水化合物需求。
  • 蛋白质用于估计均衡饮食所需的蛋白质。
  • 脂肪了解所需的脂肪并完成宏观概况。

所有字段都配备了准确的公式,可帮助通过两种不同的 BMR 方法计算每天所需的卡路里:

  • 米夫林-圣。 Jeor —估算个人的每日卡路里需求,考虑体重、身高、年龄和性别,并根据每日总能量消耗 (TDEE) 进行调整。
  • 哈里斯-本尼迪克特修订版 —类似于米夫林-圣。 Jeor,这个BMR也遵循同样的原理来计算宏观比率。 两者之间的选择取决于个人或专业偏好。

如果您想在使用模板方面发挥创意,您​​可以通过其他方式更改模板以满足您的业务需求。

例如,您可以更改公式或删除“提交”按钮。 以下是进行这些更改所需执行的步骤。

改变公式

从基本的算术运算到更复杂的公式,计算插件可用于创建一些令人惊叹的计算器。

由于我们使用的是模板,因此所有计算都会自动添加,但您可以更改它们或使用此备忘单添加您自己的计算!

您需要将与其配合使用的受支持字段之一添加到您的表单中。 我们在下面标记了有效的字段:

  • 单行文本
  • 段落文本
  • 数字
  • 单品

要更改计算,请单击任何支持的字段并导航到表单生成器内的“字段选项”选项卡。

select field to change calculations

您现在所要做的就是单击“高级”选项卡,然后在公式编辑器下更改任何看起来合适的计算。

change calculation

如果您想确保语法和公式正确,请单击“验证公式”链接。 如果一切正常,应该会出现一个绿色的复选标记。

validate formula

删除提交按钮

您还可以帮助用户使用独立计算器计算他们的常量营养素摄入量,该计算器不需要表单提交操作。

只需从 WordPress 仪表板导航至WPForms » 工具即可。 然后,单击“代码片段”选项卡。

code snippets tab

现在,在“搜索片段”字段中输入要查找的片段名称(隐藏提交按钮),然后单击“安装片段”按钮。

Install hide submit button snippet

之后,只需将wpf-calc-form CSS 粘贴到表单构建器的提交按钮 CSS 类中即可使代码正常工作。

add css class submit button

就是这样! 您现在可以在您的网站上发布宏计算器,这将帮助您吸引更多流量和参与度。

第 5 步:发布您的常量营养素计算器

一旦您自定义了宏计算器以包含所有所需的功能,请不要忘记按“保存”按钮。

Save the form

之后,单击“嵌入”按钮。 您现在可以选择将表单发布到现有页面或创建新页面。

Choose where you'd like to embed your form

如果需要,您还可以使用块编辑器进一步设计表单,然后再将其发布到 WordPress 网站上。

一旦一切顺利,只需单击页面右上角的“发布”按钮即可!

publish macronutrients calculator

您现在已经成功创建了一种宏量营养素形式,您可以用它来吸引更多关注高蛋白和低碳水化合物饮食、肌肉增长和健美的潜在客户,这样的例子不胜枚举!

关于常量营养素计算器的常见问题

正在寻找您问题的答案? 查看我们收到的有关宏计算器的一些最常见问题!

如何计算我的自定义宏?

要确定您的个人宏观需求,请首先确定您的每日卡路里需求。 这是基于您的活动水平、目标(例如减肥或增重)和基本身体成分。 一旦您知道了自己的卡路里目标,请将这些卡路里分配给碳水化合物、蛋白质和脂肪,以制定适当的饮食或膳食计划。

宏计算器使用哪些公式?

宏观计算器经常使用 Mifflin-St 等公式。 使用 Jeor 方程估算您的基础代谢率 (BMR),然后根据您的活动水平进行调整,找出用于减少/增加肌肉、体脂或体重的每日总能量消耗 (TDEE)。

您的 TDEE 给出了维持您当前体重所需的卡路里数。 从那里,计算器应用您的目标(减肥、体重增加或维持体重)和所需的宏观分配(40% 碳水化合物、30% 蛋白质、30% 脂肪)来制定灵活的饮食计划。

我可以定制宏计算器吗?

您可以使用 WPForms Pro 和 Calculations Addon 创建定制的宏计算器。 这个强大的组合让您可以构建一个表单,用户可以在其中输入体重、身高、年龄、体力活动水平和目标等详细信息。

然后,计算器使用这些输入来计算并显示个性化的宏建议。 对于营养师、健身教练或任何希望在线提供定制营养建议的人来说,这是一个很棒的工具。

接下来,了解如何为您的网站创建价格计算器

正在寻找一种可让您创建具有自动价格、运费和税费计算功能的订单表单的解决方案? 查看本指南,了解如何使用 WPForms 为您的网站创建价格计算器!

立即创建您的 WordPress 表单

准备好构建您的表单了吗? 立即开始使用最简单的 WordPress 表单生成器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们,获取更多免费的 WordPress 教程和指南。