送信フォームを作る方法 [Contact Form 7]
WordPressプラグインには、数多くの送信フォームがありますが、日本語を送受信するには使えるものが意外と少ないのが現状です。ここで紹介する「Contact Form 7」はそんな貴重な日本語対応です。しかも迷惑メールへの対策もあり、簡単に導入できる送信フォームプラグインとしては一番のおすすめです。
- 「Contact Form 7」プラグインをダウンロード
- プラグインをFTPでアップロード(wp-content/plugin/)
- プラグインを有効化
- 「Contact Form 7」管理画面で入力フォームを作成
- メール(宛先、差出人、件名、メッセージ本文)で、管理者へのメールを設定
- 「メール(2)」も使うことで、送信者へも送信確認メールを送信できる
- 「お問合せ」というタイトルで新規「ページ」を作成
- ページの表示したい場所にフォーム用コードを挿入

2008/8/20 水曜日 at 10:02 AM
素晴らしいテーマをありがとうございます。
ところでこのContact Form 7(新旧バージョン問わず) を導入すると、表示はされますがページエラーが出ます(特にIE)。
何度も再インストールし直してもエラーが消えませんが、何が原因でしょうか?
ちなみにこちらのサイトも同じくエラー発生と表示されてます。。
2008/8/20 水曜日 at 5:55 PM
sasakさん、ありがとうございます。
確認しました。確かにエラーが出ていますね。
サンプルフォームでは、CAPTCHAを外したら、もとに戻りました。
しかし、最新バージョンでもまだチェックボックスを選択なしで送信するとエラーになります。
それでもないと困るプラグインなので、CAPTCHAとチェックボックスは使用しないで、
うまい事使って行きましょう。
2008/9/13 土曜日 at 7:06 PM
現在テーマ活用させていただいており、誠にありがとうございます!
Contact Form 7を導入したのですがデザインがどうしてもずれてしまいます…
当方、CSSに疎く色々いじっているのですが直りません…
もし可能であればどのようにCSSを変更すればいいのか教えていただけませんでしょうか?
よろしくお願いいたします。
2008/9/13 土曜日 at 7:19 PM
すいません。サンプルフォームに参考にしたらできました!!
ありがとうございました!!
2009/1/6 火曜日 at 4:40 PM
こちらのテーマとContact Form 7を併用すると、スクリプトエラーが表示されてしまいます。
IE6ではステータスバーに
「ページでエラーが発生しました。」
と表示されています。
このサイトでも下記のようなエラーがでています。
Firefoxのエラーコンソールのメッセージです。
エラー: jQuery(“div.wpcf7 > form”).ajaxForm is not a function
ソースファイル: http://wsc.studiobrain.net/4/wp-content/plugins/contact-form-7/contact-form-7.js
行: 5
プラグインを停止すればエラーは出なくなりますが、フォームが・・・。
何か解決策はありませんでしょうか?
宜しくお願い致します。
2009/1/6 火曜日 at 11:11 PM
最新バージョンをIE6で確認しましたが、そのような症状は確認できませんでした。
2009/1/7 水曜日 at 6:00 PM
tamaさん、
再度確認したところエラーになることを確認しました。
原因はサブカテゴリーをプルダウン表示させる部分です。
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/jquery.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/tree.js”></script>
<script type=”text/javascript”>
jQuery.noConflict();
var j$ = jQuery;
</script>
header.phpのこの部分を削除するか、最新版の4.2をダウンロードしてください。
宜しくお願い致します。
2009/1/14 水曜日 at 5:29 PM
imaiさん
対応ありがとうございます。今後とも宜しくお願い致します。