サポートに戻る コンテンツとメディア ブロック フォームブロック

フォームブロック

フォームブロックにより、サイトを介して読者から連絡を受けられるようにできます。フォームブロックを使用して多くのタイプのフォームを追加できます。フォームにはお問い合わせフォーム、予約フォーム、イベント登録フォーム、フィードバックフォームなどがあります。

訪問者にサイトを購読してもらったり、ニュースレターに登録してもらったりする場合は、購読ブロックを使用するか、ニュースレターの作成手順に従います。

動画チュートリアル

フォームブロックを追加する

フォームブロックを追加するには、「+」ブロック挿入アイコンをクリックして「フォーム」を検索します。これをクリックして投稿またはページにブロックを追加します。

ブロックを追加する手順についてはこちらを参照してください。

ブロック挿入ツールで、フォームブロックは「Form」というだけのタイトルのブロック。

💡

キーボードを使用して新しい行に「/form」と入力し、Enter キーを押すことで、新しいフォームブロックをすばやく追加することもできます。

フォームブロックを最初に追加する場合、挿入するフォームのタイプを選択するように求められます。自分のニーズに最も近いタイプを選択します。フォームフィールドは、フォームブロックを追加した後に編集できます。

フォームを選択すると、お問い合わせフォーム、予約フォームなど、用意されたフォームのオプションがいくつか表示されます。

💡

購読フォームを追加する場合は、購読ブロックを使用します。購読ブロックについての詳細は、こちらをご覧ください。

フォームのタイプを選択したら、右側の設定を確認し、次のいくつかの設定をします。

そのフォームでよければ、「公開」または「更新」をクリックして変更を反映します (ページが未公開の下書きの段階では、フォームブロックは機能しません)。 または、フォームをカスタマイズする方法をさらに読み進めてから公開してください。

フォームをカスタマイズする

フォームに表示されるフィールドを正確に制御し、カスタマイズできます。最初にフォームブロックを追加すると、名前やメールなどのいくつかのフォームフィールドが表示されます。

新しいフォームフィールドを追加するには、こちらに表示される最後のフィールドの下にある「+」ブロック挿入アイコンをクリックします。

「+」ブロック挿入アイコンがオレンジの矢印でマークされている。

「すべてを参照」をクリックし、下にスクロールして次の選択可能なフォームフィールドを確認します。

  • 名称
  • メール
  • サイト
  • テキスト
  • 日付ピッカー
  • 本文
  • 電話番号
  • チェックボックス
  • チェックボックスグループ
  • 承諾
  • ラジオボタン
  • 選択

画像やテキストなどのフォームに特化しないその他のブロックを追加することもできます。

フィールド設定

フォームに配置したいすべてのフィールドを追加したら、任意のフォームフィールドをクリックし、さらに次のような変更ができます。

フィールド設定またはツールバーの「*」ボタンを使用してフォームブロックでフィールドを必須にする方法。
フォームブロックのフィールド設定

右側の「フィールドの幅」設定を使用して、フィールドの幅を調整することもできます。2つの連続したフィールドを50% の幅に設定すると、1つのラインに表示されます。

フォームブロック設定

ブロックを選択すると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の 「設定」アイコンをクリックして設定を表示させます。このアイコンは、幅の異なる2つの列から成る正方形のアイコンです。

下に「設定」というツールチップが表示されたエディターの設定アイコン。
「設定」アイコンをクリックするとブロック設定が開く
メッセージの送信先メールアドレスを変更する

デフォルトで、メッセージは「アカウント設定」で設定したものと同じメールアドレスに送信されます。フォームメッセージの送信先メールアドレスを変更する場合は、次の手順に従います。

  1. 画面の上側にある「リスト表示」ボタン (3本の横線の形) をクリックします。これは右側の画像で「1」とマークされています。
  2. フォーム (右側の画像で「2」とマークされています) を選択します。
  3. 画面の右側のフォーム設定に、「送信先のメールアドレス」とラベル付けされたボックスが表示されます。ここにメールアドレスを入力します。
    • カンマ区切りを使用して、複数のメール受信者を追加できます。
  4. 操作が完了したら「更新」をクリックして変更を保存します。
「リスト表示」アイコンが「1」とマークされ、「フォームブロック」は「2」とマークされている。
メールの件名

誰かがフォームを介してメッセージを送信するたびにサイトの管理者はメールを受け取ります。この設定を使用して、そのメールの件名を設定できます。

送信時

「送信時」オプションを使用して、サイトへの訪問者がフォームを送信した場合に何が起こるかを選択できます。オプションは次のとおりです。

  • 送信済みのフィールドの概要を表示する。
  • 記入可能なカスタムのテキストメッセージを表示する。
  • 訪問者をサイトの別のページあるいは任意の別のサイトに誘導するために使用できる、別のウェブページに転送する。
メッセージ処理

誰かがフォームを使用してメッセージを送信すると、「メッセージを送信しました」というテキストが表示されます。「メッセージ処理」セクションを使用して、このテキストをカスタマイズできます。

すべてのメッセージを見る

誰かがフォームを介してメッセージを送信するたびにメールで通知されます。

サイトのダッシュボードの左サイドバーにある「フィードバック」に移動することで、アカウントのフォームを介して送信されたすべてのメッセージを読むことができます。

フィードバックは、コメントとほぼ同様の方法で管理されます。フィードバックがスパムの場合は、そのフィードバック上にマウスを移動し、「スパム」をクリックします。フィードバックを削除するには、そのフィードバック上にマウスを移動して「ゴミ箱へ移動」をクリックします。スパムではないフィードバックがスパムとしてマークされている場合は、「スパム解除」をクリックします。

「WP 管理」サイドバーで、「フィードバック」は「コメント」の下にある。

迷惑なメッセージとスパム

フォーム送信をスパムや迷惑なコンテンツから保護するには、「禁止コメント」セクションに、キーワード、ユーザー名、IP アドレス、メールアドレスなどを追加できます。このセクションは、「設定」→「ディスカッション」から使用できます。

「迷惑なコメント」に追加された単語と一致するフィードバックは、「フィードバック」セクション内の「ゴミ箱へ移動」に直接送信されます。

ヒント

上級者向け

「高度な設定」のタブでブロックに CSS クラスを追加することで、カスタム CSS を記述してブロックを好きなようにカスタマイズできます。さらに詳しく。

「追加 CSS クラス」で、CSS を使用し特定のクラスをターゲットに追加できます。
Copied to clipboard!