WordPressにBMI計算機を追加する方法(ステップバイステップ)

フィットネスや健康に関するブログを運営するには、訪問者を惹きつけ続けるために、良い記事以上のものが必要です。インタラクティブなツールを追加することで、読者は滞在し、コンテンツにエンゲージする理由を得られます。

ボディマス指数(BMI)計算機は、読者が健康目標を追跡するのを助けることで、即座に価値を提供します。また、コーチングサービスやニュースレターのリードを獲得する優れた方法でもあります。

私たちの経験では、インタラクティブなフォームは、静的なページと比較して直帰率を大幅に低下させます。幸いなことに、それを作成するために複雑なコードや数学のスキルは必要ありません。

この記事では、WordPressにBMI計算機をステップバイステップで簡単に追加する方法をご紹介します。

WordPressにBMI電卓を追加する(ステップバイステップ)

WordPressにBMI電卓を追加する理由

BMIはBody Mass Index(ボディマス指数)の略です。これは、次の計算を使用して、身長と体重に基づいた人の体脂肪のおおよその尺度です。

BMI = kg/m2

この計算式では、「kg」は体重(キログラム)、「m2」は身長(メートル)の2乗です。

ヤード・ポンド法を使用したい場合は、以下の計算式を使用できます。ここでは、「lb」は体重(ポンド)、「in2」は身長(インチ)の2乗です。

BMI = lb/in2 ∗ 703

BMIの測定値は、訪問者、患者、またはクライアントが身長に対して体重が軽すぎるか、重すぎるか、または健康的な体重であるかを判断するのに役立ちます。ただし、自分で計算するように求めるのは、ユーザーエクスペリエンスとしては良くありません。

ここでBMI計算機が登場します。

健康またはフィットネスブログを開始した場合、BMI計算機は訪問者が健康ジャーニーの次のステップを計画するのに役立ちます。たとえば、BMIを減らすことを決めた人は、フィットネストラッカーにサインアップするかもしれません。

BMI電卓は、人々があなたのサイトでより多くの時間を過ごすことを奨励することもできます。これにより、ページビューを増やし、直帰率を低下させることができます。

サイトでの滞在時間が長いほど、コンバージョンにつながる可能性が高まります。例えば、CrossFitジムのトライアルを予約したり、オンラインストアでエクササイズ用品を購入したりするかもしれません。

これを踏まえて、WordPressにBMI電卓を簡単に追加する方法を見てみましょう。このチュートリアルでは2つの方法をカバーします。お好みの方法にジャンプするには、以下のリンクを使用できます。

方法1:WPFormsでBMI計算機を作成する(簡単)

WPFormsを使用すると、WordPressで簡単にBMI計算機を作成できます。これは市場で最高の計算機プラグインであり、ドラッグ&ドロップビルダー、2000以上の既製テンプレート、および完全なスパム保護を備えています。

このプラグインは、BMI計算機、住宅ローン計算機、年齢計算機など、好きな計算機フォームを追加できる計算アドオンも提供しています。詳細については、WPFormsレビューをご覧ください。

まず、WPForms プラグインをインストールして有効化する必要があります。詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

注意: WPFormsには無料プランがあります。ただし、計算アドオンを有効にするには、プラグインのプロプランが必要になります。

有効化したら、WordPressダッシュボードから WPForms » 設定 ページに移動して、ライセンスキーを入力してください。この情報はWPFormsのウェブサイトのアカウントで確認できます。

WPFormsの設定にライセンスキーを入力する

その後、WPForms » アドオンページにアクセスし、「計算アドオン」を見つけます。

次に、「アドオンをインストール」ボタンをクリックするだけで、サイトで有効化されます。

Calculationsアドオンをインストールして有効化

次に、WordPress管理サイドバーからWPForms » 新規追加 ページに移動する必要があります。

ここで、作成しようとしている計算機フォームの名前を入力することから始めることができます。

その後、「BMI電卓フォーム」テンプレートを見つけて、その下にある「テンプレートを使用」ボタンをクリックします。

BMI電卓フォームテンプレートの下にある「テンプレートを使用」ボタンをクリックします

WPFormsのフォームビルダーが画面に表示され、右側にフォームのプレビュー、左側の列にフォームフィールドが表示されます。

ここから、好きなフィールドを追加し、ドラッグアンドドロップして順序を並べ替えることができます。

次に、左側の列にある「Unit Of Measurement」フィールドをクリックして設定を開きます。BMI計算機は、インペリアル(ヤード・ポンド法)とメトリック(メートル法)の測定システムのどちらかを選択できます。

ただし、計算機で単一の測定システムのみを使用したい場合は、システム名の横にある(-)アイコンをクリックして削除できます。

BMI計算機で両方の測定システムを使用すると、より幅広いオーディエンスにリーチできることを覚えておいてください。

フォームの測定単位を選択

その後、ユーザーがドロップダウンメニューから測定単位のいずれかを選択すると表示される2つの異なる単位フィールドに気づくでしょう。

ただし、単一の測定システムを使用している場合は、単位フィールドの1つは不要になり、削除できます。

例えば、ヤード・ポンド法のみを提供する場合、メートル法の身長(cm)と体重(kg)のフィールドを削除できます。

注意: フィールドを削除する場合、計算式がまだ有効であることを確認するために、フォーム下部にある「BMI」フィールドの設定を確認することをお勧めします。

選択した測定システムに従ってレイアウトフィールドを削除する

次に、「BMI」と「判定」フィールドまでスクロールします。これらのフィールドは、ユーザーの身長と体重を自動的に計算し、BMIの結果を表示します。

これらのフィールドのいずれかを削除すると、BMI電卓フォームは計算を実行できなくなります。

フォームに満足したら、上部にある「保存」ボタンをクリックするだけで変更が保存されます。

BMI電卓フォームを保存する

次に、BMI計算機を追加したいページ/投稿をブロックエディターで開きます。

ここから、ブロック追加の「+」ボタンをクリックしてブロックメニューを開き、WPFormsブロックを見つけます。

それが完了したら、ブロック内のドロップダウンメニューからBMI計算機フォームを追加します。

WPFormsブロックを使用してページにBMI電卓フォームを追加します

最後に、「更新」または「公開」ボタンをクリックして設定を保存します。これで、WordPressウェブサイトにアクセスして、BMI計算機が機能していることを確認できます。

ここで、訪問者は体重と身長を入力するだけで、計算機がBMIを表示し、低体重、健康、過体重、または肥満のいずれであるかを示します。

WPForms BMI電卓プレビュー

方法2:Formidable FormsでBMI計算機を作成する(上級者向け)

計算機内にBMI範囲を表示したい場合は、代わりにFormidable Formsを使用してWordPressでBMI計算機を作成することをお勧めします。

これは、条件付き計算を含む、より高度な計算機能を備えた高度なフォームプラグインです。このツールを徹底的にテストした結果、より複雑な計算に非常に適していることがわかりました。私たちの経験について詳しくは、Formidable Formsのレビューをご覧ください。

まず、Formidable Forms プラグインをインストールして有効化する必要があります。詳しい手順については、WordPress プラグインのインストール方法に関する初心者向けガイドをご覧ください。

注意: 「計算機」テンプレートは、プラグインのプロプランでのみ利用可能であることに注意してください。ただし、プレミアムプラグインのより高度な機能のコア基盤を提供するFormidable Forms Liteをインストールする必要があります。

有効化後、WordPressダッシュボードからFormidable » グローバル設定 ページにアクセスし、「ライセンスキーを手動で入力」オプションを選択します。

キーは Formidable Forms のウェブサイトのアカウントで見つけることができます。情報を入力したら、「ライセンスを保存」ボタンをクリックするだけで設定が保存されます。

Formidable Formsライセンスキーを入力

次に、WordPressダッシュボードからFormidable » Forms ページにアクセスする必要があります。

ここで、「+新規追加」ボタンをクリックして電卓の作成を開始します。

新しい計算機フォームの追加

これにより、「フォームテンプレート」ページに移動します。ここでは、左側の列から「電卓」タブをクリックして、高度な住宅ローン電卓、パーセント電卓、複利電卓など、55以上の電卓フォームテンプレートを表示できます。

「BMI計算機」テンプレートの下にある「テンプレートを使用」ボタンをクリックしてください。

BMI計算機テンプレートを選択

これによりフォームビルダーが開きます。右側にフォームプレビュー、左側の列にフォームフィールドが表示されます。これで、フォームに任意のフィールドを追加し、これらのフィールドをドラッグアンドドロップして順序を並べ替えることができます。

例えば、BMI計算機フォームテンプレートには、デフォルトで名前フィールドがありません。ただし、左側のパネルから追加して、ユーザーに関する詳細情報を収集することができます。

左側の列からBMI計算機に好きなフォームフィールドを追加

その後、左側の列にある「測定単位」フィールドをクリックして、その設定を開く必要があります。

ここから、システム横の (-) アイコンをクリックして、測定システム(メートル法またはヤードポンド法)のいずれかを削除できます。

ただし、両方をBMI計算機に保持したい場合は、デフォルトの測定システムとしていずれかを選択できます。

BMI計算機のデフォルトの測定システムを選択

一方、電卓に1つの測定システムのみを使用することにした場合は、他のシステムの単位値フィールドを削除する必要があります。

例えば、メートル法のみを使用したい場合は、フォームから身長(フィートとインチ)および体重(ポンド)のフィールドを削除する必要があります。

これを行うには、フィールドの上にある3点アイコンをクリックし、「削除」オプションを選択します。

削除した測定システム用の単位フィールドを削除

次に、「BMI」フィールドまでスクロールします。このフィールドは、ユーザーのBMIを自動的に計算し、判定結果を提供します。

このフィールドを削除すると、BMI計算機は機能しなくなります。そのままにしておくことをお勧めします。

Formidable FormsのBMIフィールド

その後、上部にある「保存」ボタンをクリックして設定を保存します。

これにより、画面にプロンプトが表示されます。フォームに名前を追加し、「保存」ボタンをクリックする必要があります。

BMI電卓フォームに名前を追加します

次に、フォームエディタを閉じ、ブロックエディタでBMI計算機を追加したいページ/投稿を開く必要があります。

そこに着いたら、ブロック追加「+」ボタンをクリックしてブロックメニューを開き、Formidable Formsブロックを追加してください。

その後、ブロック内のドロップダウンメニューから、作成したばかりのフォームを選択します。

Formidable FormsブロックでBMI計算機を追加

最後に、「更新」または「公開」ボタンをクリックして設定を保存します。

さて、WordPressブログまたはウェブサイトにアクセスして、BMI計算機を表示できます。ここでは、訪問者は身長と体重を入力してBMIを確認できます。さらに詳しい情報が必要な場合は、「範囲を見る」ボタンをクリックできます。

計算機は、さまざまな体重カテゴリーの範囲を表示します。

Formidable Forms BMI計算機プレビュー

ボーナス:WordPressでフィットネストラッカーを作成する

BMI電卓を追加する以外にも、WordPressサイトにフィットネストラッカーを追加することもできます。このトラッカーは、ユーザーが減量ジャーニーを追跡するために毎月記入する簡単なフォームにすることができます。

フィットネスブログを運営している場合は、このトラッカーを追加することで、サイトのエンゲージメントを高め、より多くのユーザーが登録してあなたのメールリストに参加するよう促すことができます。

コードを学ぶ必要なく、Formidable Formsを使用して、フィットネストラッカーを簡単に作成できます。その後、ユーザーは時間の経過とともに減量進捗状況を追跡できるようになります。

ライブフィットネストラッカー

詳細については、WordPress でフィットネストラッカーを作成する方法に関するチュートリアルをご覧ください。

WordPress BMI計算機に関するよくある質問

多くのフィットネスブロガーがインタラクティブなツールを設定するのを支援してきた中で、それらを実装する最良の方法についてよく質問を受けます。WordPressにBMI計算機を追加することについて、よく寄せられる質問をいくつかご紹介します。

1. BMI計算機を作成するために、数学の計算式を知る必要がありますか?

いいえ、数学の専門家である必要はありません。このガイドで紹介したプラグイン(WPFormsとFormidable Forms)には、あらかじめ作成されたテンプレートが用意されています。

これらのテンプレートには、フィールドに正しい数式がすでに組み込まれています。フィールドをドラッグアンドドロップするだけで配置できます。

2. ユーザーのBMIデータを保存できますか?

はい。フォームビルダープラグインを使用しているため、すべての計算をWordPressデータベースのフォームエントリとして保存できます。これにより、訪問者の進捗状況を追跡できます。

重要: 健康データは機密情報と見なされます。このデータを保存する場合は、プライバシーポリシーが最新であり、GDPRなどの規制に準拠していることを確認してください。

3. 電卓を使用してメールリストを増やすことはできますか?

もちろんです。WPFormsとFormidable Formsの両方を、Drip、Constant Contact、またはBrevoなどの人気のあるメールマーケティングサービスに接続できます。ユーザーが詳細なBMI結果をメールで受け取るためにメールアドレスを入力する必要があるようにフォームを設定できます。

4. BMI計算は100%正確ですか?

BMIの公式は、世界中で使用されている標準的な健康スクリーニングツールです。ただし、これは一般的な指標であり、筋肉量や骨密度は考慮されていません。

結果は情報提供のみを目的としており、医学的アドバイスではないことを示す小さな免責事項を電卓の近くに追加することをお勧めします。

追加リソース

BMI電卓の設定が完了したら、フィットネスブログやウェブサイトを改善するための他の方法を検討したい場合があります。役立つ関連ガイドをいくつか紹介します。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

5 CommentsLeave a Reply

  1. ここにある関連ガイドを読んで、カスタム電卓の作成方法について学びました。それを読むと、簡単に進めてフォローできることがわかりました。実装するのに素晴らしいことです。

  2. プラグインを使用せずに、BMI計算機フォームを手動でWPサイトに挿入することは可能ですか?もし可能であれば、ステップバイステップのガイドを参照していただけますか?実際、私はサイトに多くのプラグインをインストールすることを避け、手動で実装したいと考えています。

返信を残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。