この記事では、WordPressのメールフォーム制作用プラグインであるContact Form 7の使い方を記載します。
1. Contact Form7の場所
各サイトの「WordPress」にログインします。
もし表示されていない場合は、このプラグインがインストールされていない可能性があります。
プラグインのインストールに関する問題があれば、支援員にご相談ください。
2. コンタクトフォームの新規追加
3. お問い合わせフォームの設置の流れ
①「ここにタイトルを入力 」にタイトルを入力します。（例: 「お問い合わせフォーム」）。
②「保存ボタン」 をクリックして公開します。
4. 新規固定ページを追加
②「新規固定ページを追加」をクリックしてページを追加します。
5.Elementorで編集
②「Elementorで編集」をクリックします。
6.ショートコードの場所
左側のウィジェットをスクロールするか、ウィジェットの検索で「ショートコード」を検索します。
左側のウィジェットの「ショートコード」を画面中央の「ウィジェットをここにドラッグ」にドラッグします。
7.ショートコードの入力
②「公開ボタン」をクリックして設置は完了です。
これでお問い合わせフォームの設置は完了しました。
Contact Form7 の 編集画面の説明
詳細は＜Contact Form 7のおすすめカスタマイズ方法＞（URL）
Contact_Form_7のカスタマイズ方法9選【応用編】（URL）をご覧ください。
詳細はContact Form 7のメール設定方法（自動返信も解説）（URL）をご覧ください。
詳細は[Contact Form 7]ユーザーへのメッセージを工夫しよう（URL）をご覧ください。
詳細は[Contact Form 7]「その他の設定」を確認しよう（URL）をご覧ください。
9.CSSコードの記述場所
もし表示されていない場合は、このプラグインがインストールされていない可能性があります。
プラグインのインストールに関する問題があれば、支援員にご相談ください。
ここでは「お問い合わせフォームCSS」というタイトルにしています。
「公開」ボタンをクリックすると公開表示されます。
参考になるサイトまとめ
以下がContact Form 7 の作成に役立つサイトの一覧です。
今回のマニュアルで紹介しきれない設定や詳しい説明がありますので、ご活用ください。
●参考になるサイトを紹介します
Contact Form 7の使い方！reCAPTCHAによるスパムメール対策など
Contact Form 7のメール設定方法（自動返信も解説）（URL）
Contact Form 7 ユーザーへのメッセージを工夫しよう（URL）
Contact Form 7「その他の設定」を確認しよう（URL）
コードのコピーアンドペーストが便利なサイト
Contact Form 7のカスタマイズ（コピペOK、レスポンシブ対応）
Contact Form 7をプロ級フォームにカスタマイズする方法
Contact form 7 CSSでデザインカスタマイズ！コピペで簡単プロ級