まだこのサイトも作りかけなのですが、お問い合わせのフォームをWordPressのプラグイン、MW WP Formで作成するにあたって少しノウハウ的なものを得たので書いておきます。
- きちんと確認していないのですが、フォームタグを追加するにあたって「id」や「class」を記入しないとメールがサーバーに届かないみたいなのでこれらの項目は両方とも書いておく。
- それにしても、確認ボタンと送信ボタンと戻るボタンを記述するだけで、戻るボタンは最初の画面で現れず確認ボタンを押したら現れるなんて世の中便利になったものだ。あ、確認ボタンは確認画面では消えます。すごい。
- あの、あれだな、確認画面のカスタマイズが上手くいかないのが玉にキズだな、まあ各項目を太字にしてなんとか見栄えよくしました。
- あと、なんかテキスト入力フォーム(名前・メール・題名)でリターンキーを押したらボタンが押されてしまうときがあってまいったが、バリデーションルールで各項目を必須項目にして防ぎました。あそこは{name}ではなくnameと入力するのですね。テキストエリア(お問い合わせ内容)だと何回リターンキーを押してもボタンが押されることは無いので大丈夫だと思います。でも、その後他の項目に修正とかでカーソルを移動してリターンキーを押すとボタンが入力されてしまいます。最初に記述したボタンが押されるみたいです。
最初はContact Form 7やNinja Formsで試してみたのですが、MW WP Formが私好みのデザインにしやすかったのでこれに決めました。そんなお問い合わせページがこちらです。
最後に、そのページのフォームのコード(?)と管理者宛てメール設定の本文の記述を貼っておきます。私のような超初心者には参考になるのかな。タグがブログに反映されて太字になってしまうので、ここでは「< strong>」と「< /strong>」のように記述しました。タグ内の半角スペースは使用時には消しておいてください。お役に立てれば幸いです。
—————————————————-
■フォームの記述■
< strong>お問い合わせフォーム(Contact Me)< /strong>
< strong>お名前(name)< /strong>
[mwform_text name=”name” id=”form” class=”name” size=”60″ placeholder=”お名前(name)をどうぞ。”]
< strong>メールアドレス(mail address)< /strong>
[mwform_email name=”mail” id=”form” class=”mail” size=”60″ placeholder=”メールアドレス(mail address)をご記入願います。”]
< strong>題名(subject)< /strong>
[mwform_text name=”subject” id=”form” class=”subject” size=”60″ placeholder=”題名(subject)をご記入願います。”]
< strong>お問い合わせ内容(message)< /strong>
[mwform_textarea name=”message” id=”form” class=”message” cols=”50″ rows=”5″ placeholder=”お問い合わせ内容(message)をどうぞ。”]
[mwform_confirmButton class=”form” value=”確認する(confirm)”] [mwform_submit name=”send” class=”form” value=”送信する(send)”] [mwform_backButton class=”form” value=”戻る(return)”]
■管理者宛てメール設定の本文の記述■
フォームから以下のお問合わせがありました。
{name}様(メールアドレス {mail})より、
題名：{subject}
お問い合わせ内容：
{message}
とのことです。
—————————————————-
そして最後の最後に。趣味で作曲してその曲の動画を製作しているのですが、新作ができました！「UDM U ON DANCE MUSIC」という曲です。お願いです。聴いてください。聴くだけでいいんです。よろしくお願いします。
Tweet Follow @mmmtommt