AI要約
WordPressフォームにコンテンツを追加したいですか？WPFormsのコンテンツフィールドは、見出し、リスト、段落、メディアなどのコンテンツをフォームに追加するための、シンプルで使いやすい方法を提供します。
このチュートリアルでは、WPFormsのコンテンツフィールドを開始するために必要なすべてを紹介します。
開始する前に、まずWPFormsがWordPressサイトにインストールおよび有効化されており、ライセンスが検証済みであることを確認する必要があります。その後、新しいフォームを作成するか、既存のフォームを編集してフォームビルダーにアクセスできます。
フォームへのコンテンツフィールドの追加
フォームビルダーを開いたら、**Fancy Fields**セクションの下にコンテンツフィールドがあります。**Content**フィールドをクリックするか、プレビューエリアにドラッグアンドドロップしてフォームに追加してください。
コンテンツの追加
フォームにコンテンツフィールドを追加したら、コンテンツを追加する時間です。開始するには、フォームプレビューエリアのフィールドをクリックしてください。
これにより、**Field Options**パネルに移動します。ここでは、コンテンツを追加するために使用するシンプルなエディターが表示されます。
エディターには、コンテンツを追加するための2つの異なるモードがあります。**Visual**と**Text**です。
ビジュアルエディターの使用
ビジュアルエディターは、コードなしでコンテンツを追加できるシンプルな方法を提供します。WYSIWYGエディターのように、編集中にコンテンツがどのように見えるかを確認できます。
ビジュアルエディターを使用するには、**Visual**タブを選択してください。
コンテンツを追加するには、デフォルトのテキストを自分のテキストに置き換えるだけです。
エディターの上部には、コンテンツをフォーマットするためのいくつかのクリック可能なオプションが表示されます。
より多くのフォーマットオプションを表示するには、エディターのテキストエリアの下にある**Expand Editor**ボタンをクリックしてください。
次に、エディターが展開され、コンテンツをフォーマットするためのさらに多くのオプションが表示されます。
エディターを元のサイズに戻すには、**Collapse Editor**をクリックしてください。
テキストエディターの使用
テキストエディターを使用すると、HTMLを使用してコンテンツを追加および編集できます。これは、コンテンツのスタイルとフォーマットをより細かく制御したい場合に役立ちます。
テキストエディターを使用するには、**Text**タブをクリックしてください。
テキストエディターの上部には、HTMLマークアップを使用してコンテンツをフォーマットするための基本的なオプションが表示されます。
エディターを展開すると、コンテンツをフォーマットするためのさらに多くのオプションが表示されます。
コンテンツフィールドへのメディアの追加
画像や動画などのメディアをコンテンツフィールドに追加するには、エディターの上部にある**Add Media**ボタンをクリックしてください。
次に、新しいファイルのアップロードオプションまたはWordPressメディアライブラリから既存のファイルを選択するオプションが表示されるオーバーレイが表示されます。
例として、WordPressメディアライブラリに既に追加した画像を選択します。これを行うには、メディアライブラリタブをクリックします。
画像を選択し、フォームに挿入ボタンをクリックしてください。
これで、コンテンツフィールドエディタのテキストエリアに画像が表示されるはずです。ビジュアルエディタを使用している場合は、画像のプレビューが表示されます。
テキストエディタに切り替えると、画像のHTMLが表示されます。
フォームビルダーでのコンテンツのプレビュー
コンテンツフィールドには、フォームビルダー内でコンテンツがどのように表示されるかをプレビューできる便利な機能があります。
フォームに追加したコンテンツをプレビューするには、プレビューを更新ボタンをクリックするだけです。
フォームビルダーの右側には、フォームにコンテンツが表示される方法のプレビューが表示されます。
注意： プレビューを更新ボタンをクリックしても、コンテンツはフォームに保存されません。コンテンツとフォームに行ったその他の変更を保存するには、フォームビルダーの上部にある保存ボタンをクリックする必要があります。
フォームの保存とプレビュー
コンテンツを追加し、好みの方法でフォーマットしたら、フォームを保存してプレビューする時間です。
フォームに行った変更を保存するには、フォームビルダーの上部にある保存ボタンをクリックしてください。
フォームを保存したら、プレビューボタンをクリックします。
新しいページがブラウザで開き、サイトのフロントエンドでフォームがどのように表示されるかのプレビューが表示されます。
よくある質問
以下は、コンテンツフィールドについてよく受ける質問の一部です。
フォームを保存すると、コンテンツが消えるのはなぜですか？
フォームを保存した後、コンテンツのフォーマットが失われたり、完全に消えたりする場合は、おそらくWordPressのユーザーロールにunfiltered_html機能が有効になっていないためです。この機能が無効になっている場合、ユーザーはフォームを含むページ、投稿、コメント、またはウィジェットにHTMLマークアップを投稿できません。これは、ユーザーが悪意のあるコードを投稿するのを防ぐのに役立ちます。
この問題を解決するには、unfiltered_html機能を有効にするか、サイトの管理者に連絡して有効にしてもらう必要があります。
通知メールにコンテンツが含まれないのはなぜですか？
デフォルトでは、コンテンツフィールドやページ区切りなどの入力以外のフィールドは、メール通知から除外されます。ただし、デフォルトの動作を更新して、メール通知に含めることができます。方法については、通知メールに非入力フィールドを含めるチュートリアルをご覧ください。
以上です！これで、WPFormsでコンテンツフィールドを使用する方法がわかりました。
次に、フォーム通知メールにファイル添付ファイルを含める方法を学びたいですか？詳細については、ファイルアップロード添付ファイルのガイドをご覧ください。