Form(問い合わせフォーム)の設定方法とカスタマイズスポンサーリンクこんにちは、フリーランスパパの神田翼(@tsubasa_lsc)です。FORM」という問い合わせフォームのプラグインを使用しています。Formを使って下さい」と指示があり、その時に慣れたからというだけです。FORM」を使用するという記事が載っていました。たしかに!今回は、僕がいつも設定している方法を丸ごと書きます。誰かの役に立つために(今後の自分の制作をスムーズに行うために)!それでは、書いていきます。Form」と入力してインストールして下さい。FORM」が出てくるので、新規追加を押してフォームを作成します。タイトルのエリアには、分かりやすいタイトルを入力して下さい。下の本文入力エリアには、HTMLとショートコードを使用して、フォームを作成します。フォームタグジェネレーターを使用して入力することができますが、今回は僕が使用しているものを丸ごと貼り付けておきます。value="戻る"]</p>完了画面メッセージ別で固定ページで送信完了ページを作成するため、ここは空欄でOK。入力画面URL/contact/確認画面URL/contact/完了画面URL/contact/complete/エラー画面URL空欄でOKバリテーションルール必須項目を適用する項目にのみ、バリテーションを適用させます。サンプルですが、一応上のコードと同じになるように記述しておきます。自動返信メールのエリアに入力するサンプルを書いておきます。各自アレンジして使って下さい。この度は【自分の会社名】にお問い合わせをいただき、誠にありがとうございます。頂戴いたしましたお問い合わせにつきましては、内容を確認の上、後ほどご回答いたします。お問い合わせの内容によっては、ご回答まで数日かかる場合やご回答いたしかねる場合がございます。恐れ入りますが、予めご了承くださいますようお願いいたします。お問い合わせいただきました内容は、下記の通りです。自分のホームページアドレス1234567891011121314151617181920212223242526272829303132333435363738{your-name}様この度は【自分の会社名】にお問い合わせをいただき、誠にありがとうございます。頂戴いたしましたお問い合わせにつきましては、内容を確認の上、後ほどご回答いたします。お問い合わせの内容によっては、ご回答まで数日かかる場合やご回答いたしかねる場合がございます。恐れ入りますが、予めご了承くださいますようお願いいたします。お問い合わせいただきました内容は、下記の通りです。送信先(E-mailアドレス)自分のメールアドレスCC(E-mailアドレス)必要であれば入力。複数入力する場合は「,」を使用する。BCC(E-mailアドレス)必要であれば入力。複数入力する場合は「,」を使用する。【自分の会社名】よりお問い合わせがありました。以下の内容で承りました。内容をご確認の上、ご返信下さい。このメールは【自分の会社名】ホームページのお問い合わせフォームから送信されました。1234567891011121314151617181920212223242526272829303132【自分の会社名】よりお問い合わせがありました。以下の内容で承りました。内容をご確認の上、ご返信下さい。-----------------------------------■お名前{your-name}■フリガナ{kana}■会社名{company-name}■メールアドレス{your-email}■電話番号{tel}■住所{addr}■お問い合わせ内容{item}■お問い合わせ詳細{your-message}-----------------------------------このメールは【自分の会社名】ホームページのお問い合わせフォームから送信されました。それ以外はチェックしなくてOK。このページでの記述は以上です!あとは固定ページを作成してお問い合わせフォームと送信完了ページを実装していきます。固定ページにショートコードを追加するフォーム識別子というフォームに個別に作られるショートコードを固定ページに貼り付けるだけでOKです。送信完了ページも同時に作成しておきましょう。レスポンシブ対応のCSSコード最後にレスポンシブに対応させたCSSを書いておきます。90%;}}最後に以上で設定は完了です。それぞれのホームページで若干デザインが崩れたりする可能性があるので、そこは各自で修正お願いします。