如何在WordPress中添加BMI计算器(逐步教程)

12/04/2022

如何在WordPress中添加BMI计算器(逐步教程)

对于专注于健康和保健的网站,提供互动工具可以显著提升用户体验。身体质量指数(BMI)计算器就是一个好例子,它能为访客提供评估体重状况的有价值资源。在WPressize Me,我们的团队尝试了不同插件来创建BMI计算器,以找到最适合初学者使用的插件,并助力您的观众获得个性化健康见解。

通过遵循我们的逐步方法,您将能够添加这一功能,为访客提供更全面的健康与保健资源。

为什么要在WordPress中添加BMI计算器?

BMI代表身体质量指数。这是一个基于身高和体重的粗略身体脂肪测量方法,使用以下计算公式:BMI = kg/m2,其中kg是一个人的体重(千克),m2是他们的身高(米)的平方。

如果您使用的是英制单位,可以使用以下公式:BMI = lb/in2 * 703,其中lb是体重(磅),in2是身高(英寸)的平方,再乘以703。

BMI读数可以帮助您的访客、患者或客户了解他们是体重过轻、超重还是适合其身高的健康体重。然而,让人们自己进行计算并不是一个好的用户体验。

这时,BMI计算器就派上用场了。如果您开设了健康或健身博客,BMI计算器可以帮助访客规划他们的健康之旅的下一步。例如,决定减低BMI的人可能会注册您的健身追踪器。

BMI计算器也可以鼓励人们在您的网站上停留更长时间,这可以增加页面浏览量并降低跳出率。

方法一:使用WPForms创建BMI计算器(简单)

您可以轻松地使用WPForms在WordPress中创建BMI计算器。这是市场上最好的计算器插件,具有拖放生成器、1300多个预制模板以及完备的垃圾邮件保护功能。

该插件还提供了一个计算附加组件,让您可以添加任何您喜欢的计算器表单,包括BMI计算器、抵押贷款计算器和年龄计算器。

首先,您需要安装并激活WPForms插件。激活后,从WordPress后台访问WPForms » 设置页面,输入您的许可证密钥。接下来,访问WPForms » 附加组件页面,找到“Calculations Addon”,然后点击“安装附加组件”按钮。

接下来,转到WPForms » 新增页面。输入表单名称,然后找到“BMI计算器表单”模板并点击“使用模板”按钮。WPForms表单生成器将会打开,您可以从左侧栏拖放字段来调整表单的结构。

调整完表单后,点击顶部的“保存”按钮。然后,编辑您希望添加BMI计算器的页面/文章,点击添加区块‘+’按钮,选择WPForms区块,并从下拉菜单中选择BMI计算器表单。

最后,点击“更新”或“发布”按钮,现在您可以访问您的WordPress网站,查看BMI计算器了。

方法二:使用Formidable Forms创建BMI计算器(高级)

如果您想在计算器中显示BMI范围,我们建议使用Formidable Forms在WordPress中创建BMI计算器。首先,您需要安装并激活Formidable Forms插件。激活后,从WordPress后台访问Formidable » 全局设置页面,手动输入您的许可证密钥。

接下来,访问Formidable » 表单页面,点击“+ 新增”按钮,选择“计算器”标签,然后点击“使用模板”按钮下的“BMI计算器”模板。

在表单生成器中,您可以添加或删除字段,然后点击顶部的“保存”按钮。编辑希望添加BMI计算器的页面/文章,点击添加区块‘+’按钮,选择Formidable Forms区块,并从下拉菜单中选择刚创建的表单。

最后,点击“更新”或“发布”按钮,现在您可以访问您的WordPress博客或网站,查看BMI计算器了。

额外内容:在WordPress中创建健身追踪器

除了添加BMI计算器,您还可以在您的WordPress网站上添加一个健身追踪器。此追踪器可以是一个简单的表单,用户每月填写,以追踪他们的减重旅程。

如果您有一个健身博客,添加此追踪器可以增加网站的参与度,并鼓励更多用户注册并成为您的邮件列表的一部分。

希望本教程帮助您学习如何在WordPress中添加BMI计算器。您可能还想查看我们的指南,了解如何创建联系表单和商业网站必备的WordPress插件。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>