Contents
「キタジマ タカシ」氏が開発をしているWordpress プラグイン【MW WP Form】
このプラグインは、「キタジマ タカシ」さんという、1986年、長崎県生まれの「日本人」の方が開発をされておれれます。
同じ、日本人として、世界の中で、認められておられることを嬉しく思いますし、このような素晴らしいプラグインを提供してくださっていることに感謝いたします。
基本的な使い方
詳しくは、本家のサイトに、説明(マニュアル設置)をされています。
【MW WP Form】は、本家サイトからもダウンロードできますが、私は、いつものように、Wordpressサイトからダウンロードします。
プラグイン検索から、【MW WP Form】を探します。
「今すぐインストール」をクリックして、ダウンロードしてください。
私の場合は、すでにダウンロード完了していますので、「インストール済み」の表示に変わっています。
「プラグインを有効化」すると、サイドバーに、【MW WP form】の表示がされます。
「新規追加」をクリックして、「フォームを追加」してみましょう。
ここからが、具体的な、設置内容になってきます。
【MW WP form】実践導入マニュアル
デフォルト画面は、このように表示されます。
次に、自動返信メールシステムのタイトルを付けます。
今回は、PIWIKの利用申請に関する自動返信メールシステムを作りたいので、
タイトルは、そのまんま・・・
「PIWIK 利用申請専用メールフォーム」
です。
そして、出来上がったのが、このフォームです。 ↓ ↓ ↓
そして、表示させた画像が、こちらです。
このフォームのタグも参考の為に、記述しておきます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<table style="width: 680px; height: 518px;"> <tbody> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-user"></i> 名前<span style="color: red; font-size: 12pt;">※</span></td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_text name="name" size="30" maxlength="20"] ニックネーム可[mwform_error keys="name"]</td> </tr> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-envelope-o"></i> メールアドレス<span style="color: red; font-size: 12pt;">※</span></td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_email name="mailadd" maxlength="40"] 半角英数字(40文字)[mwform_error keys="mailadd"]</td> </tr> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-envelope"></i> メールアドレス<span style="color: red; font-size: 12pt;">※</span></td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_email name="chk_mail" size="40" maxlength="40"] 確認用:半角英数字(40文字)[mwform_error keys="chk_mail"]</td> </tr> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-desktop"></i> 登録用ウェブサイト<span style="color: red; font-size: 12pt;">※</span></td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_url name="web" size="40"] 半角英数字(40文字)[mwform_error keys="web"]</td> </tr> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-key"></i> 入室用のパスワード<span style="color: red; font-size: 12pt;">※</span></td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_text name="pass" size="10"] 半角英数字(10文字)[mwform_error keys="pass"]</td> </tr> <tr style="height: 55px;"> <td class="mail_bg" style="height: 55px; width: 190px;"><i class="fa fa-comment"></i> メッセージ</td> <td class="mail_bg1" style="height: 55px; width: 464px;">[mwform_textarea name="content" cols="60" rows="10"][mwform_error keys="content"]</td> </tr> </tbody> </table> <p style="text-align: center;"><span style="color: red; font-size: 12pt;">※</span><span style="color: blue; font-size: 10pt;"> は、入力必須項目です。</span></p> <p style="text-align: right;"><span id="backbtn">[mwform_backButton]</span><span class="btn">[mwform_submitButton name="send"]</span></p> |
この時に、スタイルシートに記述したコードが、これです。
1 2 3 4 5 6 7 8 9 10 |
.mail_bg{ color:#5858FA; font-size:15px; background-color: #eee; } .mail_bg1{ color:#FF00FF; font-size:13px; } |
今回は、【MW WP form】で、自動返信メールを作成しましたが、次回は、
Contact Form 7で、作成してみようと思っています。
そして、両方を作成・利用して、良い方を選択しようと考えています。