如何在 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 教學和指南。