WordPress プラグイン

Contact Form 7

投稿日:

WordPressのメールフォームと言ったらこれ!(ド定番)

Contact Form 7

お問い合わせ、メールフォームと言ったらこの「Contact Form 7」一択と言っても過言ではありません。っていうか、他に何か有りますか?^^;

簡潔に言いますと、デフォルトでも十分使えるのですが、
やはりデザインをしてあげないと冷たくて不格好な感じにさえ思えます。

シンプルイズベストなWEBサイト構成ならばデフォルトで使われる事をオススメ致します。

デフォルトのメールフォームの場合

CSSでデザインを施した場合

どうでしょうか?

かなり違うかと思います。
と言うか、フォームが分かりやすく表示されていますよね?
必須項目にも項目の前に赤色で「必須」と入っています。
送信ボタンも分かりやすく黄色でボタンを表示しています。

これは、CSSの追加書き込みと独自タグで簡単に出来ます。

その手順をご説明いたします。

WordPressの管理画面ダッシュボードから
「外観」-「テーマの編集」と辿ると、テーマか子テーマの状態が表示されると思います。
「子テーマ」を利用されていましたら「子テーマ」-「スタイルシート(style.css)」をクリック。

スタイルシートが表示されましたら一番下までスクロールして
何も書いていない所に下記のタグをコピペして「更新ボタン」をクリックすればOK!

< Contact form 7 css >

次に、コンタクトフォームを新規追加して行きます。

「管理画面ダッシュボード」-「お問い合わせ」-「新規追加」
するとデフォルトで下記の画面になります。

ここのフォーム部分を全部消して、
下記のタグ集より必要なタグでフォームを組み立てましょう。

< Contact form 7 タグ >

これじゃあ判りづらいですね^^;
要は<tr>〜</tr>までが1項目となりますので、コピペしてフォームの欄に貼り付けて行けばいいです。これは画像より動画の方が良いと思いますので、動画を撮り次第、こちらにアップ致します。

もう一つのやり方として、タグを全部コピペして、必要が無い項目を<tr>〜</tr>を削除していく方法もあります。

-WordPress プラグイン

Copyright© WordPressの憂鬱 , 2018 AllRights Reserved Powered by AFFINGER4.