WordPressでBMI計算機を作成する方法：ステップバイステップガイド

フィットネスウェブサイト、健康ブログ、またはクリニックのサイトをお持ちで、訪問者が簡単にBMIをチェックできるようにしたいとお考えですか？あるいは、ユーザーを自分のページから離れてしまう他の適当なBMIサイトへ誘導することにうんざりしていませんか？

さて、あなただけではありません。WordPressのユーザーは BMI計算機 サイトに追加することはできますが、必ずしも簡単なことではありません。コーディングが必要なツールもあれば、ウェブサイトのスタイルに合わせてカスタマイズできる範囲が狭いツールもあります。.

しかし、ここからがすごいところです。なんと、ダッシュボードの中に自分だけのBMI（ボディマス指数）カリキュレータを作ることができるのです。すっきりと見栄えが良く、スムーズに動作し、コードに触れる必要すらありません。このガイドでは、結果を表示するだけでなく、入力値に基づいてユーザーに健康上のアドバイスも提供するカリキュレータの構築方法をご紹介します。すごくないですか？

このチュートリアルでは、作成方法について説明します WordPressのBMI計算フォーム. それでは行きましょう！

BMI計算機とは何ですか？

WordPressのフォームにあるボディマス指数（BMI）計算機は、ユーザーが自分の身長と体重を入力するだけで、瞬時にBMIの数値を出してくれる楽しくて便利なツールです。. 

男性向けのBMI計算ツール、女性向けのBMI計算ツール、あるいは一般的なBMI計算ツールのいずれを構築する場合でも、その核心となる機能は同じです。しかし、カスタムのWordPress製BMI計算ツールは、単に数字を表示するだけにとどまらず、より多くのことを実行できます！

カスタムメイドのものを作れば、もっとすごいこともできるようになります。例えば 

• リアルタイムの結果表示による即座のBMI計算
• BMI分類（やせ、標準、過体重、肥満）
• 健康評価のためのデータ収集
• 統合 あなたと一緒に メール マーケティングツール

WordPressサイトになぜBMI計算フォームが必要なのか？

フィットネスコーチ、ダイエットの専門家、医師、あるいは健康に関する記事を書く人であれば、このようなフォームは本当に役立ちます。人々に役立つ情報を提供しながら、メールマガジンの読者リストを増やすのに役立つからです。.

さらに、ウェブサイトをより楽しく、役立つものにする簡単な方法でもあります。訪問者の滞在時間が延び、健康について何かを学び、再び戻ってくることさえあるかもしれません。それは、アクセス数の増加につながり、長期的には収益の増加にもつながる可能性があります。.

また、健康に関するコンテンツは、健康およびフィットネスのカテゴリーにおいてサイトの権威性を高めるのにも役立ちます。.

BMIの理解：基礎

フォームを作成する前に、BMIの計算式と分類を見てみましょう：

BMIの計算式：

• メートル法単位： 体重（Kg）  ÷  身長 (m)²
• ヤード・ポンド法 703 × 体重（lbs）  ÷ 身長 (m)²

BMIの分類：

• やせ： BMI < 18.5
• 標準体重： BMI 18.5〜24.9
• 過体重 BMI 25.0～29.5
• 肥満 BMI ≧ 29.6

WordPressで簡単にBMI計算機を作成する方法

それはあなたが思うよりも簡単です。ユーザーの数値を入力し、BMIの計算を行い、結果を表示するプラグインがあればよいだけです。.

このチュートリアルでは、 Bit Form 電卓を作成するために。これは、BMI計算機のような機能の追加を非常に簡単にするWordPressのフォームビルダーです。そして素晴らしいことに、そのほとんどが 機能 無料版がついているので、始めるのに大金をかける必要はありません。.

ステップバイステップガイド：計算機フォームの作成 

キログラム、センチメートル、メートル、フィート、その他のヤード・ポンド法など、さまざまなBMI計算式のサポートを備えた独自のBMI計算機をWordPressで作成する準備はできましたか？ステップバイステップのプロセスを見ていきましょう：

ステップ 1：Bit Form のインストールと有効化

WordPressのBMI計算ツールでBit Formを使い始めるには、まずWordPressのダッシュボードにアクセスしてください。次に、 “プラグイン” そしてクリックします “新規追加” 検索ボックスに入力してください “「Bit Form」” リストから探してください。. 

見つけたら、クリックしてください “今すぐインストール” ボタンをクリックし、インストールが完了したら “起動。” 以上です。これで、Bit Formを使って、WordPressの管理画面から直接、BMI計算ツールを作成できるようになりました。.

ステップ2：新しいフォームを作成する

1. WordPressダッシュボードに移動し、 Bit Form > すべてのフォーム
2. クリック “フォームの作成” 新しいフォームを開始する

一から始めるには、以下を選択 “「空白のフォーム」、” デザインを完全に制御できます。フォームには、次のようなわかりやすい名前を付けます。 “ヘルス・カリキュレーター” 後で簡単に見つけられるように。.

これで、WordPressのBMIカリキュレーターフォームの作成を開始する準備が整いました。.

ステップ3：計算に必要な項目を追加するイオン

それでは基本要素を追加していきましょう。フォームビルダーに必要なフィールドをクリックするかドラッグ＆ドロップするだけです。まずは 背 そして 重量 フィールドを作成し、それらを数値入力に設定します。これにより、身長にはメートル、体重にはキログラムといった単位をサポートするように構成できます。.

追加することもできます 氏名欄 フォームに個人的な親しみやすさを与えるために、そして Eメール 結果の送信や後で健康に関するアドバイスを共有したい場合は、入力してください。.

プロセスをさらに簡単にするために、 縮尺換算セクション 追加の数値フィールド付き. 

用 単位換算 WordPressのBMIカリキュレーターに、フィート、インチ、センチメートルの入力フィールドを追加し、換算されたメートルでの身長を表示する必要があります。  ～として 数値フィールド. 

そして、 ヤード・ポンド法換算, 、フィート、メートル、センチメートル用のフィールドに加え、インチ単位で計算された高さのフィールドを追加する必要があります ～として 数値フィールド。. 

こうすることで、WordPressのBMI計算ツールを利用するユーザーのうち、両方の単位での身長や体重がわからない場合でも、フォームを離れる必要も、別のサイトにアクセスする必要もなくなります。.

「」を追加するのを忘れないでください。“あなた 「BMI」” フィールドとして 番号 フィールド そして「“あなた 「BMIの状態」” フィールドとして テキスト フィールド。これにより、ユーザーはWordPressのBMI計算ツールで、算出されたBMI値と、それに該当する健康カテゴリーの両方を確認できるようになります。.

ステップ 4: 計算用の条件ロジックを設定する

1. BMIの結果に応じた条件分岐

フォームを作成したら、次はいくつか追加しましょう 条件ロジック 計算用です。これにより、フォームはユーザーの入力に応じて適切に反応するようになります。必要なカスタムロジックや数式を自由に設定できます。開始するには、次のページにアクセスしてください。 設定 > 条件付きロジック > 条件付きロジックを追加.

まず、条件分岐に名前を付けます。次に、設定します。 アクションの実行タイミング へ レコードの作成・編集, そして設定する アクション効果 へ フィールド入力のみ.

それでは、フォームを機能させるために必要な条件を設定していきましょう。まずは、 あなた BMI フィールド。両方が 背 そして 重量 各フィールドに入力されると、ロジックが自動的に実行されます。. 

次に、 フィールドアクション、, 選択 あなたのBMI そして  BMIの計算式を以下に適用する メートル法 ロジック設定で、 価値: (体重（kg）／（身長（メートル）× 身長（メートル））

に、もう1つ条件分岐ロジックを追加します。 帝国単位. 選択 あなたのBMI そして  apply the formula for imperial units in the logic settings by setting the 価値: (Weight (lbs) / (height (inches) * height (inches))) * 703

2. Conditional Logic for Scale Conversion

• Matric Conversion

Set the “Action Run When” option to “Record Create/Edit” and select “Only on Field Input” under “アクション効果.” The logic runs every time a relevant field is changed.

Next, configure the conditions under the もし section. Use two main conditions combined with そして logic:

•  The field “Unit of Measurement” must be equal to “Metric.” 
• “Do you need a scale conversion?” must be equal to “Yes”

Then, add several または logic conditions to trigger the action when any of the related fields change. These fields include Feet, Inches, and Centimeters. Set each of these to “Change” so that the calculation runs whenever the user updates any of them.

In the “Then” section, set up the output actions. For the field, “Your height in meters,” set the action to “value” and use the formula: (Feet / 3.281) + (Inches / 39.37) + (centimeters / 100)

This converts all the provided height input into meters. 

• Imperial Conversion

Set the “Action Run When” option to “Record Create/Edit” and select “Only on Field Input” under “アクション効果.” The logic runs every time a relevant field is changed.

Next, configure the conditions under the もし section. Use two main conditions combined with そして logic:

•  The field “Unit of Measurement” must be equal to “Imperial.” 
• “Do you need a scale conversion?” must be equal to “Yes”

Then, add several または logic conditions to trigger the action when any of the related fields change. These fields include weight (kg), feet, centimeters, and meters. Set each of these to “Change” so that the calculation runs whenever the user updates any of them.

〜の それから section, define the output actions. For the field, “Your height in inches,” set the action to “value” and use the formula: (Feet * 12) + (Centimeters / 2.54) + (Meters * 39.37)

This converts all the provided height input into inches. 

Then, for the field, “Your weight in lbs,” set the action to value and use the formula: Weight (kg) * 2.205

This converts the weight from kilograms to pounds.

3. Conditional Logic for BMI Status

Now it’s time to set up the health category. Create a new conditional logic and name it “BMI Status.” Set the condition so that if your BMI is less than or equal to 18.5, then your BMI Status field will display “Under Weight.”

Similarly, select the Else if condition, and set the condition so that if your BMI is less than or equal to 24.9,  then your BMI Status field will display “Normal.”

Again, select the Else if condition, and set the condition so that if your BMI is less than or equal to 29.5,  then your BMI Status field will display “Overweight.”

Finally, create one last Else if condition and set the condition so that  if your BMI is greater than 29.5,  then your BMI Status field will display “Obese.”

Step 4: Add Your Calculator to Your Site

Once your form is ready, click the Publish button at the top-right corner. Then, copy the generated shortcode and paste it into any page or post where you want the calculator to appear. Your health calculator will now be live and ready for users to try.

And your form is ready to use!

結論:

Creating a BMI calculator form in WordPress doesn’t have to be complicated or expensive. With Bit Form, you can build a professional, fully functional WordPress BMI calculator that engages your visitors, provides valuable health insights, and helps grow your email list.

The drag-and-drop interface makes creating a BMI calculator in WordPress accessible even for beginners. Take a moment to explore all the features Bit Form offers; it’s packed with tools to help you build powerful and flexible forms with ease.

So go ahead and create any type of form that fits your needs, whether it’s a BMI calculator in WordPress, contact form, or something custom. With just a few clicks, you’re on your way to providing a smooth and user-friendly experience. Happy form building!