<html lang="ja-jp" dir="ltr"><head></head><body>### [フォームに説明文を追加する方法（4つの方法）](https://wpforms.com/how-to-add-instructional-text-to-a-form-4-ways/)

**公開日:** 2022年12月22日
**著者:** Kacie Cooper

**抜粋:** WordPressウェブサイトのフォームに説明文を追加したいですか？フォームに説明文を含めることで、フォームに入力するユーザーに説明的なプロンプトや指示を提供できます。使いやすいWPFormsフォームビルダーを使用すると、フォームに説明文を追加するいくつかの方法が見つかります。そして、その方法をご紹介します！

**コンテンツ:**

WordPressウェブサイトのフォームに説明文を追加したいですか？

フォームに説明文を追加する方法を知っていれば、ユーザーに説明的なプロンプトや指示を共有できます。

この記事では、フォームに説明文を追加する4つの異なる方法を説明します。

[今すぐフォームに説明文を追加する](https://wpmailsmtp.com/pricing/)

### 説明文の例をいくつかご紹介します。

説明文は、ウェブサイト訪問者にフォームの入力を指示するなど、タスクを完了するように読者に指示します。

説明文は、内容や長さがレシピやユーザーマニュアルのように異なる場合がありますが、オンラインフォームに含まれる場合は短いスニペットになるでしょう。

たとえば、連絡先ページでメッセージを送るようにウェブサイト訪問者に促すだけかもしれません。その場合、説明文は「以下の連絡先フォームにご記入ください。」のようになるかもしれません。

要するに、説明文はウェブサイト訪問者にあなたがしてほしいことへ誘導するだけです。

## フォームに説明文を追加する方法（4つの方法）

このチュートリアルでは、[WPForms](https://wpforms.com/pricing/)を使用します。使いやすいドラッグ＆ドロップインターフェイスにより、使い方の学習にほとんど時間がかかりません。

WPFormsを使用すると、フォームテンプレートを使用しているか、ゼロから構築しているかに関わらず、フォームに説明文を追加するいくつかの方法が見つかります。カスタマイズのための多くのオプションにより、ニーズに合わせてさまざまなスタイルで説明文を含めることができます。

### 1. コンテンツフィールド

WPFormsフォームビルダーで説明文を追加する1つの方法は、コンテンツフィールドを使用することです。コンテンツフィールドにアクセスするには、[WPForms Pro](https://wpforms.com/pricing/)ライセンスが必要です。

![シンプルな連絡先フォームでコンテンツフィールドを選択](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-content-field-1.png "コンテンツフィールド")

私たちの例では、フォームの上部に**コンテンツ**フィールドをドラッグ＆ドロップし、ユーザーがフォームに入力するための指示を挿入します。

これを行うには、フィールドをクリックしてフィールドオプションを開き、左側に表示されるこのテキストボックスにテキストを入力します。

![フォームに説明文を追加する](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-content-edit2.png "フォームに説明文を追加する")

私たちの例のテキストエディタでは、訪問者がフォームに入力するための歓迎メッセージとプロンプトを作成しました。

テキストエディタに組み込まれた書式設定ツールを使用して、コンテンツフィールドに含めるテキストのフォント、サイズ、色、その他のスタイル要素を調整できます。

このフォームフィールドは、どこにでもカスタマイズ可能なテキストを簡単に追加できるため、フォームの他の場所でも使用したいと思うかもしれません。

実際、コンテンツフィールドを使用すると、説明文と一緒に画像も挿入できます。これは、WPFormsを競合他社と差別化するユニークな機能です。[Gravity Forms vs Fluent Forms vs WPForms](https://wpforms.com/gravity-forms-vs-fluent-forms-vs-wpforms/)で詳細を確認してください。

### 2. フィールドの説明

フォームに説明文を追加するもう1つの方法は、フィールドの説明を使用することです。WPFormsのほとんどのフィールドでは、指定されたフィールドと共に表示される短いテキストの説明を作成できます。

任意のフォームフィールドに説明を追加するには、まずフォームにテキストフィールドを挿入し、それをクリックして**フィールドオプション**を開きます。次に、フィールドオプションの**一般**タブで、**説明**テキストボックスに指示を入力できます。

![メールフィールドの一般設定](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-general-1.png "一般設定")

したがって、**一般**タブをクリックして**説明**ボックスに指示を書き込むことで、**メール**フィールドに説明文を追加しています。

![フィールド一般設定の説明を編集する](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-description2-1.png "説明")

次に、説明に入力した内容は、フォームのフィールドのすぐ下に小さなテキストとして表示されます。ユーザーに必要な情報の種類を示す小さな通知のようなものと考えてください。

この例では、ウェブサイト訪問者にメールアドレスを入力するように指示していますが、必要に応じて他のフィールドの設定を使用して説明文をカスタマイズすることもできます。

### 3. フィールドのプレースホルダーテキスト

他のフィールド設定を使用して、別の方法で説明文を含めることもできます。

**高度な**フィールド設定では、**プレースホルダーテキスト**を作成するオプションがあります。

![メールフィールドの高度な設定](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-advanced-1.png "高度な設定")

これは、ここに入力したテキストがフィールドのプレースホルダーとして機能することを意味します。

フィールドオプションの**高度な**タブから、**プレースホルダーテキスト**というラベルのボックスまでスクロールします。次に、ここに記述した説明文が、フォームの**メール**フィールドのエントリボックス内に表示されます。

![高度な設定でプレースホルダーテキストを編集する](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-placeholder2.png "プレースホルダーテキスト")

このテキストはメールエントリボックス内に配置されるため、スペースには限りがあります。したがって、ここの説明文は比較的短くする必要があります。

より長い指示やプロンプトの場合は、前の方法で示したように、フィールドの下の説明を使用する方が整然としています。

### 4. セクション区切りフィールドのテキストを編集する

フォームに説明文を追加できる次の方法は、**セクション区切り**フィールドのテキストを編集することです。最初の例でアクセスした**Fancy Fields**に戻ります。

![シンプルな連絡先フォームでセクション区切りを選択](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-section-divider-1.png "セクション区切りフィールド")

ここでも、このフィールドをフォームの好きな場所にドラッグして配置できます。

この例では、コメントボックスと送信ボタンの間に、フォームのセクションの下部にフィールドを配置しています。これは、フォームの内容を締めくくる訪問者への最後のメッセージになります。

次に、**ラベル**と**説明**を組み合わせて説明文を作成します。ただし、これらのオプションのいずれかを使用して、好きなようにフォームをスタイル設定できます。

![セクション区切りフィールドのラベルと説明を編集する](https://wpforms.com/wp-content/uploads/2022/12/instructional-text-section-divider2.png "ラベルと説明")

フィールドの**ラベル**は太字で表示されるため、この例では重要なテキストをここに挿入しています。短いメッセージを含めるために、**説明**の小さなテキストを使用します。

前述のように、さまざまなフォントサイズを利用して説明文を好きなようにスタイル設定することもできますし、単にオプションのいずれかを使用しないことを選択することもできます。

ここで使用した方法が、コンテンツフィールドを使用した最初の例で作成したものと同様のテキストスタイルを作成していることに注意してください。ただし、コンテンツフィールドのテキストエディタのおかげで、フォントカスタマイズに追加のオプションがあります。

とはいえ、自分でフォームを編集してニーズに合わせてカスタマイズする際に、好みのものが見つかるでしょう。

[今すぐフォームに説明文を追加する](https://wpmailsmtp.com/pricing/)

### 次に、コンテンツフィールドを使用してヘッダー画像を追加する

最初の例のコンテンツフィールドのメディア追加ボタンをスキップしたことを覚えていますか？今こそ、それを再訪してフォームにヘッダー画像を追加する時です。ヘッダー画像を含めることは、フォームをパーソナライズしたり、ビジネスを宣伝したりするためのクリエイティブな方法です。ヘッダー画像をWordPressフォームに追加する方法に関するこのチュートリアルをご覧ください。

フォームの機能を向上させるために、[条件付きロジック](https://wpforms.com/ways-to-create-forms-with-conditional-logic/)を使用することも忘れないでください。

そして最後に、[コンバージョンを向上させるための優れたフォームデザインの使用方法](https://wpforms.com/form-design-best-practices/)を学びます。

フォームの構築準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。[WPForms Pro](https://wpforms.com/pricing)には多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

この記事がお役に立った場合は、無料のWordPressチュートリアルやガイドをさらにご覧になるために、[Facebook](https://facebook.com/wpforms)と[Twitter](https://twitter.com/easywpforms)でフォローしてください。

**カテゴリー:** WordPressチュートリアル

**タグ:** テキストの追加、説明文、WordPressフォーム

---</body></html>