WordPressでメートル法をヤードポンド法に変換する方法

レシピや商品ページにアクセスした際に、「500ミリリットルは何カップだろう?」とか「3メートルは何フィート?」と思ったことはありませんか?🤔

WordPressサイトに世界中から訪問者が来る場合、分かりにくい単位はすぐに訪問者をイライラさせ、離脱につながる可能性があります。これは、特にメートル法で商品のサイズを記載しているeコマースストアや、オンスやカップの代わりにグラムやリットルを使用しているフードブログで顕著です。

そのため、メートル法からインペリアル法への単位コンバーターを追加すると、大きな違いを生むことができます。訪問者がサイトを離れることなく必要な情報を取得するのに役立ちます。

最も良い点は?コーディング不要で、WordPressに単位コンバーターを追加するのは簡単です。

このガイドでは、サイトにメートル法からヤードポンド法へのコンバーターを追加する2つの簡単な方法を紹介します。1つは無料の計算機ウィジェットを埋め込む方法、もう1つは強力なWPFormsプラグインを使用する方法です。

WordPressでメートル法をヤードポンド法に変換する方法

メートル法単位をヤード・ポンド法単位に変換する理由

あなたのWordPressサイトに何らかの測定値が含まれている場合、単位変換機能を追加することでユーザーエクスペリエンスを大幅に向上させることができます。これは、デフォルトの測定単位に慣れていない国際的な訪問者にとって特に当てはまります。

メートル法からヤードポンド法(またはその逆)への換算ツールが役立つ一般的なユースケースをいくつかご紹介します。

  • eコマースの商品ページオンラインストアでは、この換算ツールは、国際的な顧客が商品の寸法、重量、衣類のサイズなどを理解するのに役立ちます。
  • レシピブログ – アメリカの読者向けに、グラム、ミリリットル、摂氏をカップ、オンス、華氏に自動変換します。
  • DIYおよび住宅改善サイト – 建築測定値、材料、または温度を換算します。
  • 旅行ブログ – グローバルなオーディエンスのために、距離、温度、燃料の体積を変換します。
  • 教育または科学ブログ –異なる地域の読者のために実験室の値または科学データを変換します。

これらの例のすべてにおいて、単位変換ツールはユーザーエクスペリエンスを向上させることができます。また、ユーザーがサイトに長く滞在することを促し、ページビューを増やし、直帰率を減らすのに役立ちます。

これは検索エンジンに肯定的なシグナルを送信でき、多くの場合、ランキングが向上し、さらに多くの訪問者を引き付けることができます。

💥関連記事:検索ランキングを向上させることに興味がありますか?初心者向けの究極のWordPress SEOガイドをご覧ください。

WordPressウェブサイト上のすべての測定値を手動で変換して公開することもできますが、サードパーティのツールやプラグインを使用する方がはるかに簡単です。

それでは、サイトに変換計算機を追加して、訪問者がWordPressでメートル法単位をヤード・ポンド法に変換できるようにする方法を共有します。

下のクイックリンクを使用して、使用したいソリューションに直接ジャンプしてください。

さあ、始めましょう!

方法1:ウィジェットを使用した単位の換算(プラグイン不要)

ウェブサイトに変換計算機を追加する1つの方法は、コードとWordPressウィジェットを使用することです。これは、別の計算機プラグインをインストールしたくない場合に最適なオプションです。なぜなら、使用するオンライン計算機は無料だからです。

このアプローチはウィジェットに依存しているため、クラシックテーマを使用している場合にも最適なアプローチです。サイトにブロックテーマがインストールされている場合は、方法2にスキップしてください。

このアプローチは、カスタム機能のないシンプルな変換計算機に最適であることを覚えておいてください。

簡単な変換計算機のコードは、GIGA Calculatorサイトにアクセスすることで取得できます。このサイトには、WordPressウェブサイトに追加できる何百ものオンライン計算機やコンバーターがあり、メートル法からヤード・ポンド法への変換も含まれています。

オンラインライブラリからコンバーターを選択する

まず、さまざまな測定値を入力して、計算機がどのように機能するかをテストできます。

コンバーターの設定がうまくいった場合は、「コードを取得」をクリックしてください。

カスタムHTMLコードを使用してWordPressウェブサイトにコンバーターを追加する

デフォルト設定はほとんどのWordPressウェブサイトでうまく機能しますが、ウィジェットは簡単にカスタマイズできます。

例えば、「ウィジェットタイトル」を編集してカスタム名を与えたり、「ウィジェットの幅」(ピクセル単位)を変更してサイトのサイドバーやコンテンツエリアに完全にフィットするようにすることができます。

「ウィジェットコード」に、ウェブサイトに追加する必要のあるすべてのHTMLが表示されるので、コピーしてください。

コードを使用してインペリアル計算機にメトリックを追加する

新しいタブでWordPressダッシュボードに移動し、外観 » ウィジェット に進みます。

これで、WordPressテーマのすべてのウィジェット対応エリアが表示されます。

メートル法からヤードポンド法への換算ツールを表示したい領域を見つけて、その「+」ボタンをクリックするだけです。

WordPressのウィジェット対応エリアに計算機を追加する

例えば、サイドバーにコンバーターを追加します。

表示されるポップアップで、「カスタムHTML」ブロックを選択します。ブロックがすぐに見つからない場合は、検索バーを使用して見つけることができます。

カスタムHTMLブロックの追加

右側のブロックが表示されたら、クリックしてウィジェット対応エリアに追加します。これで、コードをこのブロックに貼り付けることができます。

変更をライブにするには、「更新」ボタンをクリックします。

HTMLコンバーターウィジェットの発行方法

次に、WordPressブログまたはウェブサイトにアクセスして、コンバーターが機能していることを確認してください。

例えば、私のデモサイトではこのようになります。

メートル法からヤードポンド法への計算機の例

方法2:フォームビルダーを使用する(高度な変換計算機に最適)

単純な単位変換計算機が必要で、クラシックテーマを使用している場合は、方法1が確実な選択肢です。ただし、定義済みの変換セットに限定されていることに注意してください。

フォームのデザイン、フィールド、変換ロジックをより柔軟に、完全に制御したい場合は、WPFormsの使用をお勧めします。ブロックテーマを使用している場合も、これが最良の選択肢です。

WPFormsは最高のドラッグ&ドロップフォームビルダーであり、最高のWordPress計算機プラグインです。これにより、正確なニーズに合った完全にカスタムな計算機を作成できます。

WPBeginnerでは、お問い合わせフォーム、年次アンケートなど、多くのフォーム作成タスクにWPFormsを使用しています。使いやすさと、サイトに合わせてフォームをカスタマイズできる点が気に入っています。

WPFormsの詳細レビューをチェックして、その機能をご覧ください。

WPFormsのホームページ

この方法では、AIフォームビルダーと計算機能は有料版でのみ利用できるため、WPForms Proプランが必要になります。

最初のステップは、基盤となる無料のWPForms Liteプラグインをインストールすることです。

無料プラグインには機能が限定されていますが、WPForms Proはそれをより高度な機能の基盤として使用しています。詳細については、WordPressプラグインのインストール方法に関するガイドを参照してください。

WPFormsのウェブサイトでProプランを購入したら、アカウントダッシュボードからライセンスキーを取得できます。

次に、WPForms » 設定に移動します。次に、ライセンスキーをボックスに貼り付け、「キーの検証」ボタンをクリックします。

WPFormsライセンスキーの入力

キーが検証されると、成功メッセージが表示されます。

ここから、WPForms » 新規追加に移動して、最初の計算機を作成できます。

WPFormsフォームを作成するには「新規追加」をクリックします

「セットアップ」画面で、コンバーターに名前を付けます。これは参照用ですが、後で参照しやすいように明確な名前を選択することをお勧めします。

次に、「AIで生成」にカーソルを合わせ、「フォームを生成」ボタンをクリックします。

AIでフォームを生成

次の画面では、左側にプロンプトフィールド、右側にプレビューエリアが表示されます。

ここでさまざまなプロンプトを試したり、AI生成されたコンバーターをドラッグアンドドロップエディターにインポートしてさらにカスタマイズしたりできます。

WPForms AIビルダー

さて、ほとんどのフォームビルダーは、ドロップダウンフィールドを数式で使用することを許可していないことに注意してください。変換を機能させるには、3つの個別のフィールドが必要です。

  • 最初のフィールドは、センチメートルなどの入力値を収集します。
  • 2番目のフィールドには、この場合、1 cm = 0.393701インチという変換係数が格納されます。ユーザーに見えないように非表示にすることができます。
  • 3番目のフィールドは計算を実行し、変換された結果(インチ)を表示します。

このように、フォームはシンプルでありながら、フロントエンドで即座に機能します。

AIビルダーは、「変換係数」フィールドを訪問者から非表示に自動設定します。これは、計算機をユーザーにとってクリーンでシンプルな状態に保つための優れたトリックです。

例えば、プロンプトフィールドに次のように追加しました。

Create a metric to imperial converter form using this specification:

Field 1:
Label: Centimeters
Type: Number
Instruction: Enter the value in centimeters (e.g., 10)

Field 2:
Label: Conversion Factor (Hidden)
Type: Number
Default Value: 0.393701
(This field is hidden and is used in the calculation)

Field 3:
Label: Inches
Type: Calculation (Number)
Formula: Centimeters × Conversion Factor
(Displays converted value in inches)

🧑‍💻 プロのヒント:このプロンプトをカスタマイズして、あらゆる種類の単位変換ツールを作成できます。たとえば、グラムをオンスに変換するには、ラベルを変更し、正しい変換係数(1 g = 0.03527396 oz)を使用するだけです。

変換係数がわからない場合?Googleで「グラムからオンスへの変換係数」を検索すると、通常必要な数値が見つかります!

同じフォームに複数のコンバーターを組み込むことも可能です。追加したい変換タイプごとに、同じ3つのフィールド形式に従ってください。

フォームが生成されたら、「このフォームを使用」ボタンをクリックするだけです。

これにより、WPFormsエディターが開きます。

WPForms AI の「このフォームを使用」ボタン

この時点で、AIはフォームの基本的な構造を構築しました。次に、計算機に「頭脳」、つまり変換を実行する実際の数式を追加する必要があります。

開始するには、「インチ」フィールドをクリックして設定を開きます。次に、「高度」タブに移動し、「計算を有効にする」トグルをオンにします。

WPForms AI生成コンバーター

設定するには、「インチ」フィールドをクリックして設定を開きます。次に、「高度」タブに移動し、「計算を有効にする」をオンにします。

「数式を生成」をクリックして、AIで変換ロジックを構築します。

AI計算'数式生成'ボタン

表示されるポップアップで、変換係数を含むプロンプトを入力できます。

使用したプロンプトは次のとおりです。

convert centimeters to inches, 1 cm = 0.393701 inches
AI計算にプロンプトを追加する

数秒後、AI Calculationsが使用できる数式を返します。

「数式を挿入」ボタンをクリックするだけで追加できます。

AI計算の数式挿入ボタン

数式が正しく機能することを確認するには、数式フィールドのすぐ下にある「数式を検証」をクリックしてください。

すべてが正しく設定されていれば、緑色のチェックマークが表示され、有効であることを確認できます。

AI計算の数式を検証する

ここで、フィールドラベルまたはラベルの説明を変更することもできます。

これを行うには、フィールドをクリックし、「フィールドオプション」メニューで設定を使用します。

WPFormsでフォームフィールドを選択してカスタマイズする

「設定」タブで「フォーム名」と「フォームの説明」を編集することもできます。

🧑‍💻 プロのヒント: これらのフィールドはフロントエンドに表示できるため、カスタマイズすることをお勧めします。訪問者にフォームが何をするのかについて、より多くのコンテキストを与えるのに最適な方法です。

名前と説明の変更

フォームの外観に満足したら、画面上部にある「保存」ボタンをクリックして計算機を保存してください。

これで変換計算機が作成されました。フォームを任意のページまたは投稿に追加できます。

WPFormsの埋め込みボタン

「埋め込み」をクリックするだけでプロセスを開始できます。

表示されるポップアップで、「既存のページを選択」をクリックします。

WPFormsからフォームを埋め込む際の「既存のページを選択」ボタン

次に、ドロップダウンからページを選択する必要があります。

その後、「開始!」ボタンをクリックするだけで、WordPressブロックエディターが開きます。

コンバーターをページに埋め込む

WordPressは、コンテンツエディターに移動します。

ここから、「+」ボタンをクリックしてWPFormsブロックを選択し、追加します。

WPFormsブロックの追加

次に、ドロップダウンフィールドからコンバーターを選択してください。

WPFormsは、エディタでフォームを読み込みます。

WPFormsブロックのドロップダウンからコンバーターを選択します

デフォルト設定では、コンバーターのタイトルと説明は表示されません。

表示するには、右側のパネルにある「フォーム設定」のトグルをオンにするだけです。

WordPressコンテンツエディタのフォーム設定

必要に応じて、コンテンツエリアでフォームを上下に移動できます。

公開する準備ができたら、ページの右上隅にある「公開」または「更新」ボタンをクリックするだけです。

これで、サイトにアクセスすると、変換電卓がライブで表示されます。

センチメートルからインチへのコンバーターのプレビュー

WPFormsを使用すると、ウィジェット対応エリアにフォームを追加することもできます。たとえば、私のデモレシピブログでは、サイドバーにグラムからオンスへのコンバーターを追加する方法を紹介します。

WordPress管理画面から外観 » ウィジェットに移動します。

サイドバーセクションで、「+」ボタンをクリックし、WPFormsブロックを選択します。次に、ドロップダウンフィールドを展開して適切なフォームを選択します。この場合、「グラムからオンスへのコンバーター」を使用します。

サイドバーにWPFormsを追加する

これで、変更を保存するために「保存」をクリックできます。

さて、WordPressブログを開くと、サイドバーにコンバーターが表示されます。

グラムからオンスへのコンバーターのプレビュー

WordPressでメートル法をヤードポンド法に変換するFAQ

WordPressサイトでの単位変換を始めたばかりの場合、いくつかの疑問があるかもしれません。ここでは、すばやく設定を完了し、よくある間違いを避けるための一般的な質問をいくつかご紹介します。

同じWordPressフォームに複数のコンバーターを追加できますか?

はい!同じWordPressフォーム内に複数の変換フィールドを作成できます。入力フィールド、非表示の変換係数、出力フィールドという同じ構造に従ってください。

これは、ユーザーが1か所でさまざまな種類の測定値(cmからインチ、グラムからオンスなど)を変換できるようにしたい場合に便利です。

これらの単位変換の精度はどのくらいですか?

変換は標準的な数学的公式に基づいているため、通常は非常に正確です。

ただし、最終的な結果は数式の設定方法によって異なります。最大限の精度を得るために完全な小数値を使用することも、結果を丸めて、特にレシピサイトやeコマースサイトで、読者が読みやすくすることもできます。

ユーザーに単位を選択させるためにドロップダウンを使用できますか?

はい、ただし選択する方法によって異なります。方法1のGIGA Calculatorウィジェットには、単位を選択するためのドロップダウンが組み込まれています。

ただし、方法2で詳しく説明したように、WPFormsのようなほとんどのフォームビルダーは、計算に個別の数値フィールドを使用すると最も効果的です。信頼性が高く即時な結果を得るために、隠された変換係数を持つ3つのフィールドアプローチをお勧めします。

WordPressに単位変換を追加するためにプラグインが必要ですか?

技術的には、JavaScriptやPHPを使用してロジックをハードコーディングすることも可能ですが、WPFormsのようなフォームビルダーを使用する方がはるかに簡単です。特に開発者でない場合はなおさらです。また、ドラッグ&ドロップ操作と組み込みのスタイリングも提供されます。

結果をページに即座に表示できますか?

はい、フォームビルダーがリアルタイム計算またはAI生成数式をサポートしている限り可能です。たとえば、WPFormsを使用すると、ユーザーが値を入力した後、またはフォームを送信した後に結果を即座に表示できます。

ボーナスリソース 🔗: WordPressでオンライン計算機を作成することについてもっと詳しく

WordPressウェブサイトに他のオンライン計算機を追加したい場合は、これらのガイドを確認してください。

このチュートリアルで、WordPressでメートル法単位をヤード・ポンド法単位に変換する方法を学べたことを願っています。また、WordPressの最高の問い合わせフォームプラグインの専門家によるおすすめや、WordPressでのフォーム放棄の追跡と削減方法に関するガイドも参照してください。

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

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

究極のWordPressツールキット

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

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

1 CommentLeave a Reply

  1. Formidable Forms の Method 2 を使用している場合に役立つヒントです。変換結果が表示される場所の隣に「結果をコピー」ボタンを追加してください。私はこれをレシピブログのために行いましたが、それは素晴らしい結果をもたらしました!訪問者は調理中に測定値を素早くコピーできます。
    これらの計算機の最も良い点は、測定値の混乱に関するサポートチケットを減らしてくれることです。

返信する

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