ブログ(Blog)

フォーム送信用プラグインCONTACT FORM 7を使って他者とは違ったことをしてみる

例えば画像認証を入れるとかメールアドレスのパターンチェックを行う

あるいは、住所入力支援を入れてみる?

もしくは、スタイルシートを使ってテキストボックスの長さなどを調整してみる

それには、ちょっと知識と手間がかかるんですね。

メールパターンチェック

まず、メールのパターンチェックから行きたいところですが・・・

知識ない人には、おすすめしませんよ!

なぜなら、下手するとWordPressが真っ白になってしまう可能性があります。→ 参考

最低限、FTP接続してファイル操作などができる方でないと厳しいと思ってください。

というわけで今回は、テーマ→テーマ編集でfunction.phpを編集します。

しかし、使ってるテーマによってうまくいかないときは、真っ白になってしまうのでご注意を・・・

こんな感じですね。

うまく更新できない時は、FTP接続でファイルを直接編集してアップロードしてください。

FTPでファイル操作

/wp-content/themes/お使いのテーマ名/functions.php

上記に格納されています。

 

function.phpがうまく更新できたらフォーム編集画面で上記画像のように記述します。

この部分、間違ってると動作しません。

いかがですか?

これであなたもメールパターンチェックできそうですか?

これだけならMW WP FORMが圧倒的に簡単ですよ。

 

確認画面を出す

MW WP FORMに負けないように確認画面を出すように設定しますか?

CONTACT FORM 7で確認画面を出すためには?

Contact Form 7 add confirmというプラグインを使います。

Contact Form 7 add confirm

これは、最初からつけてほしいなってプラグインですが・・・

確認画面を出す

戻って編集ボタンとそのまま送信するボタンが配置できます。

こちら簡単なので端折りますね。

とここまでならMW WP FORMで簡単に同じことができます。

まだ、テキストボックスの長さなど最初に簡単に変更できる分、MW WP FORMが簡単かもですね。

 

Contact Form 7 でスタイルシートを使ってテキストボックスなどの長さを調整する

スタイルシートサンプル

上記を見ていただくとテキストボックスやテキストエリアは、widthで指定されています。

こちらもテーマ→テーマ編集で最初に開くスタイルシートの末尾に追加しておけば大丈夫です。

ここでボタンなどもカスタマイズできますよ。

こういった部分で他社との差別化しておきたいですね。

MW WP FORMに負けないためには手間がかかるし、危険も伴うことがおわかりいただけることでしょう。

次に画像認証を促すプラグインを入れてみます。

 

画像認証プラグイン Really Simple CAPTCHA

Really Simple CAPTCHA

利用する目的は、悪戯やボットからの自動送信などを拒否したいがためです。

そういったメールは、迷惑なだけです。

まず、プラグインを追加します。

reCAPTCHA

画像の下の部分

<label>スパム対策 (必須)
[captchac captcha-170]</label>

<label> [captchar captcha-170 4/4]</label>

こんな感じですね。

これは、コピペでもプラグインが入っていれば動作します。

MW WP FORMの場合は、Googleのプラグイン利用できますがチェックだけなのでセキュリティ的にはこちらが上でしょう。

同じようにしたい場合にMW WP FORMでは、お金がかかります。

できればそれは、避けたいですね。

 

住所入力支援プラグイン Zipaddr-jp

入力者に優しい住所入力支援

これは、お客様のためにも設置したい部分ですね。

ちゃんと設置できると郵便番号入れただけで住所が途中まで入力されます。

プラグインをインストールしたらフォーム入力画面で注意が必要です。

Name部分で規則があります。

MW WP FORMでも利用可能で郵便番号は、1つだけでOKです。

その際にzipと指定してください。

CONTACT FORM 7では、3桁と4桁の部分をわけます。

zip 、 zip1と指定します。

また、都道府県 → pref   市区町村 → city  それ以外の住所 → addr

住所入力支援

こんな感じですね。

住所入力支援サンプル

いかがでしょうか?

手間は、かかりますがうまく設定できるとCONTACT FORM 7の方がカッコいいかもしれません。

 

現在、くまはちくまはちLABという屋号で活動しております。

今、メインにしているのは、以下の通りです。

・中古パソコンの販売・修理など

WPによるWEBサイト制作およびカスタマイズ

レンタルサーバーの再販

メルマガプログラムの設置

LINEスタンプ作成

アメブロのカスタマイズ

これらが今、仕事としてさせていただいてる内容になります。

お問い合わせは、下記のボタンより