如何在WordPress中添加BMI计算器(分步)

是否要向您的WordPress站点添加BMI计算器?

如果你提供与健康和健身相关的内容、产品或服务,那么体重指数计算器对你的受众可能真的很有用。这可以改善访问者的体验,并使他们在您的网站上停留更长时间。

在本文中,我们将向您展示如何在WordPress中轻松添加BMI计算器,而无需任何编码或数学运算。

如果访问者想了解更多信息,他们可以点击“查看我的范围”。

然后,计算器将显示所有不同重量类别的范围。如果访客没有健康的BMI,这可以帮助他们决定应该做出哪些改变来改善自己的健康。

如何设置强大的表单

你需要做的第一件事是安装和激活令人敬畏的Forms Lite和令人敬畏的Forms高级插件。这款免费插件的功能有限,但强大的Forms Pro将其作为其更高级功能的基础。

有关更多详细信息,请查看我们关于如何安装WordPress插件的说明。激活后,您将看到一条要求提供许可证密钥的消息。

另一种选择是访问令人敬畏»全局设置在WordPress仪表板中。

在这里,你可以点击‘连接一个帐户’,然后按照说明将WordPress连接到你强大的Forms帐户。

另一种选择是选择“单击手动输入许可证密钥”,然后在该字段中键入您的许可证密钥。

你可以通过登录到你在可怕的表格网站上的帐户来找到这些信息。

输入密钥后,点击“保存许可证”。

在WordPress中创建BMI计算器

一旦你成功地设置了强大的表单,你就可以为你的WordPress网站创建一个BMI计算器了。

要开始,请访问令人生畏的?表格然后点击“添加新项”。

这将打开一个弹出窗口,其中包含您可以使用的所有预制模板。

您可以通过点击“计算器”部分找到BMI计算器模板。

要预览表单在您网站上的外观,只需将鼠标悬停在“BMI计算器”模板上。

然后,点击看起来像眼睛的小按钮。

令人敬畏的表单将显示BMI计算器的预览,您可以与之交互。

要使用此模板构建计算器,只需点击“使用此模板”按钮即可。

接下来,在“表单名称”字段中键入标题。这只是你的参考,所以你可以使用任何可以帮助你识别WordPress仪表板中的计算器的东西。

接下来,点击“创建”按钮。

这将在拖放编辑器中打开BMI计算器模板。

表格在屏幕的右侧。在左侧有一个区域,您可以在其中添加或编辑表单域。

BMI计算器将在默认设置下完美工作。但是,您可以通过在编辑器中选择任何字段,然后使用左侧菜单中的设置来更改该字段。

例如,要更改显示在某个字段上方的文本,只需单击以选择该字段。然后,在‘字段标签’中输入一些文本。

如果您想要向BMI计算器添加更多字段,请选择左侧菜单中的“添加字段”标签。

然后,您可以将任何字段拖放到表单编辑器上。

要删除某个字段,只需将鼠标悬停在该字段上并单击三点图标即可。

然后你就可以继续点击“删除”了。

调整BMI计算器的设置

当你对BMI计算器的外观感到满意时,你可以通过点击“设置”标签来检查它的设置。

首先,您可以在“常规”选项卡中更改表单的标题和说明。

您还可以更改访问者提交表单时发生的情况,方法是选择左侧菜单中的“操作和通知”。

如果你点击展开“确认”部分,你会看到Fordable Forms默认情况下向访问者显示的消息。

默认消息是纯文本和代码的混合。例如,默认消息的第一部分是:

您的BMI结果为:
[IF 52小于=“18.5”]体重不足[/IF 52]

这意味着,BMI低于18.5的访问者将看到以下消息:您的BMI结果是体重不足。

您可能想要更改措辞,添加更多文本,甚至添加一些有用资源的链接。例如,你可以根据这个人的BMI是高还是低,添加到你网站上的低卡路里食谱或肌肉锻炼的链接。

“消息”框支持HTML代码,因此您可以轻松添加链接,并使用粗体和斜体等格式。

如果您进行了任何更改,请注意不要更改方括号中的任何代码,因为这可能会阻止计算器显示正确的结果。

提示:“消息”框非常小,因此您可能会发现将文本粘贴到代码编辑器中会更容易。然后,您可以进行更改并在完成后将文本粘贴回“消息”框中。

您还可以使用“提交按钮位置”下拉菜单更改按钮在页面上的显示位置。

接下来,您需要打开要在其中添加计算器或创建新帖子的帖子或页面。

在此之后,点击‘+’按钮添加一个新的区块。在弹出的窗口中,输入‘Formable Forms’,然后在出现的时候点击右边的区块。

之后,继续并打开“选择表单”下拉菜单,然后选择您之前创建的BMI计算器。WordPress现在会将计算器添加到您的页面。

您可能想要预览您的页面,以查看BMI计算器在您的在线商店、博客或网站上的外观。如果您对它感到满意,那么您可以继续更新或发布页面。

现在,如果你访问你的网站,你就会看到BMI计算器的现场直播。

完成此操作后,请单击“Style”(样式)标签。

然后,选择“新样式”。

在出现的弹出窗口中,在“样式名称”字段中键入标题。这只是你的参考,所以你可以使用任何你想要的标题。

之后,点击“创建新样式”。

你可以尝试很多不同的设置。但是,首先,您可能希望更改表单标签的大小、字体或颜色。

要做到这一点,只需点击‘字段标签’选项卡,然后使用此部分中的不同设置。例如,在下图中,我们将文本大小更改为18px。

在屏幕的右侧,您将看到表单样式的预览。当您进行更改时,此预览将自动更新。

您还可以通过选择“字段设置”选项来更改字段本身的字体大小和高度。

若要更改表单单选按钮的大小,只需单击展开“复选框和单选字段”部分。

最后,如果你想让按钮文本变小或变大,那么点击‘按钮’部分。在这里,你还可以改变按钮的颜色,让它从你的WordPress主题的其余部分中脱颖而出。

当您对样式满意时,只需点击“更新”按钮即可。

若要将新样式应用于BMI计算器,请选择“样式”标签。然后,在左侧菜单中找到定制样式。

现在,您可以点击该样式的虚线图标。

在出现的下拉列表中,点击“应用”。

最后,点击“更新”按钮保存您的更改。现在,如果您访问站点上的计算器,您将看到新的表单样式正在运行。

我们希望这篇教程能帮助你学习如何在WordPress中添加BMI计算器。你可能还想看看我们的指南,关于如何创建一个联系人表单和商业网站必备的WordPress插件。

中国和中国都是如此。

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号