WordPressをはじめて34日目です。

コメント欄は閉じて、お問い合わせフォームをつけてます。
お問い合わせフォームを、少しだけカスタマイズしましたっ!

超メジャー級Contact Form 7を使う

お問い合わせフォームも、もちろんプラグイン様が頼りです。
ただし、いつものプラグインの使い方と少々違いました。

設定の手順は、次のとおり。

① 固定ページに「お問い合わせ先」ページを新規作成

② プラグインを有効化

③ プラグインでフォームを作る

④ プラグインが作ってくれたショートコードを上記①にコピー

慣れないとちょっと、ややこしいです。自分が何をやっているかわからない感じ・・・。
(毎度そうだけど・・・)

① 固定ページに「お問い合わせ先」を新規作成

 

ここに入力したタイトルが、ブログページが表示されたときのタイトルになります。
もちろん、後でも変えられるから大丈夫。

contact01

 

② プラグインを有効化

非常によく利用されているプラグインに、Contact Form 7があります。

cf7

なんでジャパニーズ??
これをいつものとおり、プラグインメニューからインストール、有効化します。

③ プラグインでフォームを作る

有効化すると、WordPressにお問い合わせメニューが出てきますので、
[新規追加]→コンタクトフォームを追加で[新規追加]。

デフォルトでフォームのサンプルが1つ入っているのは、何かのときに安心。
フォームは複数作れます。

contact02

定型文がすでに入っているフォームが、表示されます。
タイトル欄には好きな名前を。フォームの一覧に表示され、ユーザーからは見えないので何でも大丈夫。自分がわかれば。

contact03

スクロールして、メール欄のあて先に、この問い合わせメールが届くアドレスを入力、[保存]します。

contact04

④ プラグインが作ってくれたショートコードを上記①にコピー

フォームが無事作成され、コードが表示されます。

このコードをコピーして、上記①の固定ページ本文に貼り付けます。

contact05

 

Ctrl + Cでコピーして、さっき作った①の固定ページを開きCtrl + Vでペースト。
私は、ショートコードの前に挨拶文も入れました。あとは、保存すればOK。

contact06

 

さっそく、投稿を表示してみてください。
おっ、いいね!さっき①で入力したタイトルのページが表示されます。

ためしに、自分で入力して送信してみます。第1号は、いつも自分!

contact07

 

私はカスタマイズしました

さっそく試してみたところ、私は入力中にEnterを押す癖があるみたいで、題名欄を打っている途中に送信されてしまい、がっかりしました・・・。

いろいろ調べて試して、次の1点を変更しました。

 

フォーム欄の書き換え

青字が、定型文に追加したり書き換えた部分です。

***********ここから

[response]

<p>お名前 (必須)<br />
[text* your-name] </p>

<p>メールアドレス (必須)<br />
[email* your-email] </p>

<p>メールの件名<br />
[text your-subject] </p>

<p>本文<br />
[textarea your-message] </p>

[checkbox* use_label_element “上記内容にて送信します。よろしければチェックを入れてください。”]

[response]

<p>[submit “送信”]</p>

***********ここまで

 

変更した理由については・・・

変更理由は、次のサイトで紹介しています。
もしよかったら参考にしてみてくださ~い。

ミチヨ商店:
https://314-store.com/blog/コミュニケーション/おもてなしのdnaが自分にも/

 

 

 

今日は、それほどクタクタにならなかったよ~。mi