2019年10月18日アンプレートは問い合わせフォームのデザイン(CSS)も作ってあります。(レスポンシブ対応)メールの項目を設定するだけで、デザインされたメールフォームが作れます。7」のプラグインをインストールします。左メニューの「プラグイン」→「新規追加」をクリックします。7と入力し、「今すぐインストール」をクリックします。その後、有効化をクリックします。左メニュー内にお問い合わせメニューが表示されます。「お問い合わせ」→「新規追加」をクリックします。フォームの名前を入力します。(自分がわかる名前でOK)その後、下にある「保存」をクリックします。フォームのショートコードが発行されます。ショートコードをコピーしておきます。次に、フォーム用の固定ページを作成します。「固定ページ」→「新規追加」をクリック。ページ名(お問い合わせフォームなど)を入力し、本文部分に先ほどコピーしたショートコードを貼り付けます。(ビジュアルエディタのままでOK)※必ず「固定ページ」で作成してください。投稿ページで作るとフォームがエラーになりますお問い合わせフォームが設定できました。以上がお問い合わせフォームの設置の流れになります。ここからフォームをカスタマイズしていきます。お問い合わせフォームのカスタマイズ方法まず、以下のHTMLソース(左側のみ)を全てコピーしてください。CodePen.コピーしたら、左メニューの「お問い合わせ」→「コンタクトフォーム」をクリックし、作成したフォームをクリックします。フォームタブの画面にデフォルトで書かれている文字を全て消します。その後、先ほどコピーしたHTMLソースを貼り付けます。貼り付けたら「保存」をクリックします。カスタマイズされたフォームに変更されます↓CSS(デザイン)はすでに設計されていますので、CSSを作る必要はありません。アンプレートのフォームではURLやチェックボックスなどのメニューも入れてありますが、最低限のメニューのみで良いという場合。良いという場合は、以下の部分を全て削除します。以下のように修正し、保存をクリック。ついてですが、これはメニューのinputタグの後ろに*(アスタリスク)を入れれば必須。*を入れなければ任意というふうに区別することができます。このように、使うメニューに応じて変更してください。アンプレートのフォームは最低限使うメニューのみCSSを設定してあります。そのため、ドロップダウンメニューなどについてはCSSを設定していません。上記以外のメニューを使いたいという場合は自己作成していただきますようお願いいたします。次に、メールの受信設定を行います。「お問い合わせ」→「コンタクトフォーム」から作成したフォームをクリックし、メールタブをクリックします。すると、以下の画面が表示されます。送信先:あなたが受信したいメールアドレスを入力します(デフォルトではワードプレスを作るときに設定したメールアドレスになっていると思います)送信元:相手の名前(メールを送ってきてくれた方の名前)が自動で入力されて送られてきます。通常はこのままでOKです題名:メールの題名(件名)が入力されて送られてきます追加ヘッダー:メールを受信した際、送信先という項目を追加してくれます。通常はこのままでOKですメッセージ本文:メールの内容が記載されて送られてきますアンプレートのフォームをそのままお使いいただくという場合は、以下のHTMLに書かれた文字を全てコピーしてメッセージ本文の中(5の部分)に貼り付けます。(逆に、デフォルトのままで良いという場合、特に変更はいりません。CodePen.上記の文面をメッセージ本文にコピーしてお問い合わせフォームから送信すると、以下のようなメールが送られてくるようになります。送信先にワードプレス登録時と違うメールアドレスを設定すると、送信ボタンを押した際、クルクルとアイコンが回り続けたまま送信されないというエラーが起きることがあるようです。その際は、ワードプレス登録時と同じメールアドレスを設定すると問題が解決できることがあるようです。(他にもプラグインとの兼ね合いやサーバ側の設定などで起きる場合もあるようですので一概には言えません。最後に、自動返信メールについて解説します。自動返信メールとは相手がメールをくれた際、自動で折り返しのメールを送ってくれる機能のことです。自動返信を設定するにはメールタブを開きます。使用」という箇所があります。ここにチェックを入れると、以下のような自動返信メールの設定項目が表示されます。1つずつ見ていきます。相手のメールアドレスです。プラグインが自動で相手のメールアドレスを挿入してくれます。このままでOKです相手に表示されるこちらのメールアドレスです。先ほど、「送信先」で設定したメールアドレスを入力すればOKです相手に送られるメールの件名です。デフォルトでは「your-subject」になっていると思います。ここは、「お問い合わせありがとうございます」「お問い合わせを受け付けました」など入力したほうが、相手もわかりやすいです送信先とは別のメールアドレスを指定することができます。相手の方が自動返信メールに返信したい場合、こちらで送って欲しいメールアドレスがある場合などは、ここに追加のメールアドレスを記入します。送信先のメールアドレスと同じで良いという場合はこのままでOKです相手に送られるメールの内容になります。アンプレートのフォームを使う場合、以下の例文をコピーしてメッセージ本文に貼り付けてください。(本文内容を変えてお使いください)[your-name]様。この度は、お問い合わせいただきありがとうございます。通常24時間~48時間以内に折り返しご連絡させていただきます。(土日・祝日は除く)混み合っている場合、数日お時間をいただく場合がございます。(つまり、デフォルトのフォームです)使う場合は、上記の「URL」「電話番号」「チェックボックス」の3つは削除してください。後は、「保存」をクリックすれば完了です。これで、相手の方がメールを送ってきてくれた際、自動で上記のメールが返信されるようになります。「外観」→「メニュー」からナビゲーションメニューなどにお問い合わせページ(固定ページ)を設定してお使いください。7については、多くの方がサイトで解説ページを作ってくださっています。7」と検索していただくと、たくさんの解説ページが見つかりますので参考にされてみてください。動作確認済みプラグイン選べるカラーは29色。アンプレート公式サイト。