Categories
WordPress Plugins

Contact Form 7 FAQ (日本語)

この投稿は更新されません。Contact Form 7 公式サイトを参照してください。


English version

  1. Contact Form 7 の管理ページはどこにありますか?
  2. 投稿の内容にコンタクトフォームを追加するにはどうすればよいですか?
  3. コンタクトフォームに項目を追加するにはどうすればよいですか?
  4. フォームにタグを追加したのにメールには何も表示されません。どうすれば追加した項目の入力内容をメールに取り込めますか?
  5. メールに [foobar] のような変なコードが入っているのですが、これは何ですか? 入れて欲しいのはユーザーの入力内容なんですが。
  6. メールの件名を指定することはできますか?
  7. 投稿内容以外の場所にコンタクトフォームを配置することはできますか?
  8. テンプレートファイルにコンタクトフォームを埋め込むことはできますか?
  9. フォームを送信すると「メッセージの送信に失敗しました」というエラーメッセージが表示されます。何が悪いのですか?
  10. 私の場合は赤いボーダーラインのエラーが出るのですが、どうすれば直せますか
  11. 「メッセージを送信しました」という緑色のボーダーラインつきのメッセージは表示されるのですが、そのメールが送られてきません。
  12. フォームの送信後、回転する矢印のアイコンは現れるのですが、それっきりで何も起きません。
  13. 一部のブラウザ上でコンタクトフォームの動作がおかしくなります。
  14. コンタクトフォームを英語ではなく自国語で使いたいのですが。
  15. CAPTCHA が機能しません。画像が表示されないのです。
  16. CAPTCHA のテキスト入力項目が Internet Explorer では動くのに、Firefox では正しく機能しません。入力項目にコードを入力できません。
  17. ファイルアップロード、ファイル添付が機能しません。


Contact Form 7 の管理ページはどこにありますか?

WordPress にログインして 設定 > Contact Form 7 を開いてください。

Update: Contact Form 7 1.8 以降は 管理 > Contact Form 7 に移動されています。

Update: WordPress 2.7 では ツール > Contact Form 7 に移動されています。

投稿の内容にコンタクトフォームを追加するにはどうすればよいですか?

まず Contact Form 7 の管理ページを開きます。それから、追加したいコンタクトフォームを選んで開きます。

個々のコンタクトフォームには固有のタグがあります(こんなの [contact-form 1 “My contact form”] )。投稿の内容にコンタクトフォームを挿入するには、このタグをコピーし、それを投稿の内容にペーストします。

faqimg1.png

コンタクトフォームに項目を追加するにはどうすればよいですか?

項目を追加するには、フォーム入力欄にタグを追加します。

faqimg2.png

個々のタグには厳密な構文があり、いくつものオプションをサポートしています(Contact Form 7 Tag Syntax 参照)。

タグの構文を覚えるのは大変ですが、代わりにタグジェネレータを使えばずっと簡単にカスタムタグを作れます。タグの作成をクリックしてお好みのオプションを選択するだけです。

フォームにタグを追加したのにメールには何も表示されません。どうすれば追加した項目の入力内容をメールに取り込めますか?

メール入力欄にタグを追加する必要があります。また、メール欄に追加するタグはフォーム欄に追加されたタグに対応していなくてはなりません。ですから例えば、フォーム欄にタグ [text your-new-field] が追加されているなら、これに対応するメール欄のタグ [your-new-field] が必要になります。フォーム欄のタグの2番目の要素 (この場合は “your-new-field”) のみがメール欄では必要になることに注意してください。

faqimg3.png

メール欄のタグはそれと同じ名前を持つフォーム項目のユーザー入力値によって置き換えられます。

メールに [foobar] のような変なコードが入っているのですが、これは何ですか? 入れて欲しいのはユーザーの入力内容なんですが。

ひとつ上の回答を参照してください。この場合、メール欄にある [foobar] に対応するタグがフォーム欄にないためです。対応するタグがフォーム欄にないメール欄のタグは、置換されずにそのまま出力されてしまいます。

メールの件名を指定することはできますか?

できます。メール欄の件名の項目を書き換えてください。

投稿内容以外の場所にコンタクトフォームを配置することはできますか?

はい。投稿内容に置く場合と同じ方法で、サイドバーのテキストウィジェット内にもコンタクトフォームを設置できます。

テンプレートファイルにコンタクトフォームを埋め込むことはできますか?

できません。

フォームを送信すると「メッセージの送信に失敗しました」というエラーメッセージが表示されます。何が悪いのですか?

2つのケースが考えられます。ひとつはメールサーバにおいて実際に問題が発生していて、そのためメールが送信できなかったケースです。この場合、エラーメッセージは赤色のボーダーラインで囲まれています。サーバー管理者に問い合わせてください。

もうひとつは、フォームで入力された内容が Akismet によってスパムと判定されたケースです。この場合、エラーメッセージは黄色のボーダーラインで囲まれています。

私の場合は赤いボーダーラインのエラーが出るのですが、どうすれば直せますか?

サーバー側の問題には非常に多様な原因が考えられるので、あなたのケースで起こっている問題が何なのかを正確に説明することはできません。しかし、同じような問題に直面して解決する方法を見つけたユーザーもいるので、彼らの経験が助けになるかもしれません。

Mario Vargas さん はメール関連の問題を WP-Mail-SMTP プラグインによって解決したそうです。

「メッセージを送信しました」という緑色のボーダーラインつきのメッセージは表示されるのですが、そのメールが送られてきません。

緑色のボーダーラインのメッセージが表示されるということは、メール送信の PHP 関数は確かに成功して完了しているということを示しています。ですから、メールを受け取ることができないなら、そのメールがその後誘拐されたか、消されたかしている可能性が高いです。

もしメールサーバーのログを見ることができるなら、その中に手がかりを見つけられるかもしれません。スパムフィルターがこの手の問題の原因となることもよくあります。

フォームの送信後、回転する矢印のアイコンは現れるのですが、それっきりで何も起きません。

こういった問題はプラグイン間の衝突が原因でよく起こります。試しに他のプラグインをすべて停止してみてください。

一部のブラウザ上でコンタクトフォームの動作がおかしくなります。

間違って書かれた HTML、CSS または Javascript がよくこの手の問題を引き起こします。バリデータまたはデバッグツールを使ってフォームのページをチェックしてみると原因が見つかるでしょう。

便利なツール:
Firebug — Firefox のアドオン。Javascript のデバッグに便利。
XHTML-CSS Validator — すばらしい UI を備えたバリデータ。

コンタクトフォームを英語ではなく自国語で使いたいのですが。

Contact Form 7 は多くの言語に翻訳されています。languages フォルダにあなたの言語の言語ファイルがあるか確認してください。

Contact Form 7 のロケール設定は WordPress の設定に依存します。WordPress の設定を変更すると同時に Contact Form 7 も変わります。WordPress のロケール設定の方法はこちらを参照してください。

CAPTCHA が機能しません。画像が表示されないのです。

CAPTCHA を使うためには GD と FreeType ライブラリがサーバにインストールされている必要があります。それから、contact-form-7/captcha/tmp フォルダを書き込み可能にしておいてください。

Contact Form 7 1.8 以降では wp-contents/uploads/wpcf7_captcha フォルダを書き込み可能にする必要があります。contact-form-7/captcha/tmp は使わなくなりました。

更新 (2009/03/23):
Contact Form 1.9.4 以降では、設定 > その他の設定 メニューで指定される「アップロードするファイルの保存場所」の設定を参照して CAPTCHA の一時ファイル保存フォルダの場所を決めています。従って、保存先フォルダが常に wp-contents/uploads/wpcf7_captcha とは限りません。例えば「アップロードするファイルの保存場所」が “wp-content/myfiles” と設定されているとしたら、Contact Form 7 は CAPTCHA の一時ファイルを wp-content/myfiles/wpcf7_captcha に作成しようとします。ですからこの場合はそのフォルダを書き込み可能にしてください。

CAPTCHA のテキスト入力項目が Internet Explorer では動くのに、Firefox では正しく機能しません。入力項目にコードを入力できません。

この現象は <label> 要素の誤使用が元でよく起こります。それらが正しく使われているか確認してください。

こちらは正しい使われ方です:

[captchac your-captcha]
<label>Enter the code: [captchar your-captcha]</label>

こちらは正しく動かないでしょう:

<label>[captchac your-captcha]
Enter the code: [captchar your-captcha]</label>

ファイルアップロード、ファイル添付が機能しません。

こちらの記事を参照してください。

File uploading and attachment with Contact Form 7

58 replies on “Contact Form 7 FAQ (日本語)”

メール2を使用する際、差出人を編集します。
すると、wordpress@*******.comといったアドレスが差出人のアドレスとして設定されるのは改善できないのでしょうか?
それとも使い方がおかしいのかな??

nocchi さん、そのような現象は確認できませんでした。他のユーザからも今のところ報告はありません。

お返事ありがとうございます。
*********
差出人の欄を上記の形式にしたら、正常に表示されるようになりました。
大変お騒がせ致しました。

*********が上手く表示できないようでした。
以下のような形式になります。

表示名

済みません!
Contact Form7の日本語版をダウンロードしましたが、
どうやってもコートもこちらに書いてあるような「オプション」もなく
途方に暮れてるのですが、これはWordPress2.51日本語版には
まだ対応してないのでしょうか?

サイトを2つ持っているので、その両方にそれぞれ新しく入れて
IE7とFirefox両方で試してみてもダメです。;;

どうぞよろしく、お願いします。

ごめんなさい。
以前のバージョンの説明を見て質問してしまいました!!
上の管理画面に出る Copy and Pasteの…の
下にでる、タグのことです。

私の場合(71・7・7)、フォームタイトルの下に、「ここにタグがでます…
と書いてはあるのですが、どうしてもそこにコピーすべきタグが
なにも出ないのです。

2回ほど新しくダウンロードして、インストールをしなおしてみましたが、同じです。
ちなみにWordPressは初めてなので、あまり他のプラグインは
インストールしておりません。

WordPress日本語版2.51。テーマはPal Nilaと、BlueSkyです。
サーバーは、80codeさんの MY SQL 4.0.27 PHP4.4.6を
使用しております。
初心者で大変申し訳ないのですが、どうぞよろしく、お願いいたします!!

edisonboy さん、返信ありがとうございます。どうも微妙に話がかみ合わない気がするのですが、お使いなのはこちらで配布している Contact Form 7 でしょうか? 別のプラグインを使っているということはないですか?

もし、Contact Form 7 をお使いで、出るはずのところにタグが表示されていないとすると、一番ありえる原因はブラウザ側です。Javascript が無効になっているとか、何か別の問題がありそうです。他のブラウザを使ってみるとか、ためしてみてください。

プラグインの動作は正常に送信できているのですが、実際にはメールがまったく送信されない問題が起きています。この場合どのファイルを修正すべきなのでしょうか?

似たような問題があり、2.6でも実はインストール後に管理者宛のメールが送られてこない症状が起きています。サーバーの問題でしょうか?

何かご存知でしたら教えてください。

takuya さん、

似たような問題があり、2.6でも実はインストール後に管理者宛のメールが送られてこない症状が起きています。

それは明らかにプラグインではなくメール送信自体の問題ですね。メールサーバーのログが見れるようでしたら確認してみてください。エラーか何か手がかりが得られるかもしれません。

Contact Form 7 で送信したときのメッセージはどうなっているでしょうか。赤のメッセージならやはりメールサーバ側の問題ですが、緑のメッセージの場合はスパムフィルタか何かでブロックされている可能性が考えられます。

お試しください。

# 関係ないですけどいいアバターですね。

メール送信は成功しましたという緑のメッセージが表示されます。

ところがサーバーにはSpamAssasinもインストールしていないのでサーバー側でスパムと判断されるとはなんとも不思議な状況です。受信側でスパムとされればスパムフォルダに入るのですが、これが何もないからまた不思議。

takuya さん、緑のメッセージということは wp_mail() は正常に終了しているということです。するとその後どこかでメールが止まっているか、あるいは単に遅れているだけということもあります。スパムフィルタは可能性のひとつに過ぎないので広く見る必要があります。メールのログは見ましたか?

色々とありがとうございます。サーバーログを見ても多分対処できないのでフォームを使うのを諦めました。お手数おかけしました。

Contact Form 7を使わせていただいております。

最近VerUPしたところ、Firefoxでは正常に送信&受信できるのに、IE6では、送信はされているようなのですが、設定したメールアドレスにメールが届きません。
前のVerUPの時は正常に動いていたのですが…。
原因がわからなく、こちらに投稿してみました。

「メールが送信されました」と緑の枠がついたコメントが表示されるのに、実際は届かないんです…。
もし分かりましたら、教えていただければと思います。

回答ありがとうございます。
早速試してみようとしたところ、本日新Verのアップデートがありましたので、行ってみました。
すると、IEでも正常に受信することができました!!

しかし、メールアドレスに、ハイフン-や、アンダーバー_が入ると、受信できなくなります…。
やはりHtmlの構文にミスがあるのでしょうか…?

バリデーションを行ってみたところ、ヘッダー内の

のにマーカーがついていました。
構文としてはおかしくないような気がするのですが…
他にも6つエラーが出ているようなのですが、具体的にどこがどうと書かれてはおらず、英文が出ているのみで、よくわかっていません…。

一度全部はずしてみた方が良いのでしょうか?

Sora さん、HTML の構文ミスの可能性はありますし、それ以外にも何かあるかもしれません。一個一個問題をつぶしていってください (それからでないとこちらでできることはありません)。

<h1><a><img></a><h1>の
</a>に

<img> » <img /> ではないでしょうか。

スタイルシートを全て切った状態でやってみましたが、症状は回避されませんでした。
WordPressのデフォルトテンプレートを使って、再度デフォルトのContact Form7をONにして試してみましたが、それでも回避されず…
やはりIE6からハイフンやアンダーバーがあるメールアドレスが入力されたものは、受信しません。

何が原因なのかさっぱり分からないので、他のものを探してみます…。

wordpress2.7には「管理」がありません。
どこで起動するのでしょうか?

zenichiro さん、WordPress 2.7 では [ツール] – [Contact Form 7] に移動されています。

FAQ 等の記述を更新しました。ご指摘ありがとうございます。

フォームの送信後、回転する矢印のアイコンは現れるのですが、それっきりで何も起きません。
調査の結果、私の送信ボタンでは、/#wpcf7-f1-p440-o1というリンク先になっているのですが、このフォームなどでは、wp-comment-post.phpになっています。
それが原因のような気がするのですが、どうやって設定するのでしょうか?
ちなみにWP2.7上で普通のコメントは正常に送信できています。
よろしくお願いします。

zenichiro さん、状況がいまいちよく理解できませんが、実際のページは見れるでしょうか? wp-comment-post.php についても心当たりがないのですが。

zenichiro さん、ページを見てみましたが、wp-comment-post.php は下のコメントフォームのことではないですか? そこはプラグインとは関係ありませんが。

とりあえず Validator を使って構文の間違いを修正してください。HTML の構文の不正が原因で javascript が正常に動作できなくなっている可能性が高いです。

Contact Form 7をWordPress2.6.5とWordPressMU2.6.2で利用しています。
とても便利で、とても助かっています。
所で、どちらのブログも携帯対応で、Ktai Entry0.8.8、Ktai Style 1.44.1 を使用しています。
どちらも、携帯でも、お問合せフォームが表示され喜んでいたんですが、携帯から送信すると、メール本文の日本語部分が文字化けをしてしまいます。
OUtLook Express6を使っていますが、メニューの[表示]から[エンコード]を日本語自動にすると、読めるようです。
私のメーラーは設定が、Unicode(UTF-8)となっていました。

メーラーの設定を”日本語自動”にしておけば、解決するような気もしますが、実は、ContactForm7のメール本文の設定で
■送信者: [your-name] 様
■メールアドレス: [your-email]
と付け加えています。
“日本語自動”にすると、これらが文字化けして読めません。でも、メール本文は読むことが出来ます。
携帯では無理なのでしょうか?

Dean さん、Ktai Style のほうは Shift JIS で送信しようとしていて、Contact Form 7 はブログの設定文字コード(おそらく UTF-8)でメールを作成するために起こるズレだと思いますが、無理かといわれるとそうでもないとは思うんですがよく試したことがないのでまだよくわからないというのが現状です。Ktai Style の作者さんとも前にこの件話したことがあったので対処はしたいと思うんですが。

とりあえずいえるとしたら Outlook Express はお勧めできないということです。

miyoshiさん。お返事ありがとうございます。
皆さん、こんなに便利なプラグインを、開発・更新維持されている努力に頭が下がり、尊敬します。

>Ktai Style のほうは Shift JIS で送信しようとしていて

携帯からのメールは Shift JIS が一般的なのでしょうか?

開発者皆さんの行為と努力に依存するしかないのですが、これらのプラグインが連携して、問題が解決できたら、とてもすばらしいですね。
これは開発者の皆様方に、お任せするしかないのですが、今後ご対応頂けるようでしたらとてもうれしいです。
(勝手なお願いですが、携帯でアクセスされる方も非常に多くて、近い将来ご対応頂ければ、本当に助かります)

>Outlook Express はお勧めできないということです

何かお勧めのメールソフトはありませんか?

Dean さん、

携帯からのメールは Shift JIS が一般的なのでしょうか?

たしかそのような話を聞いたような気がします。私自身が携帯電話をあまり利用しないという大変属人的な事情というのが解決の遅れの背景にあったりもしますので、今後の対応については…なんとも回答が難しいところです。BlackBerry を買う気でいますので今後なおさら…… だれか代わりに2つのプラグインをジョイントさせるようなプラグインを開発しませんかね?

何かお勧めのメールソフトはありませんか?

Outlook でなければ問題ないとは思いますが、私自身は GMail か Thunderbird を使います。

miyoshiさん。

>だれか代わりに2つのプラグインをジョイントさせるようなプラグインを開発しませんかね?

了解いたしました。色々ありがとうございます。私自身は、文字コードをどうかするなんて事はさっぱり想像も付かないので、私以外の方に期待します。

とりあえずは、メール内容や、メールソフトの設定など工夫して使って見ます。

でも、何か代替案は無いでしょうか
携帯だったら、フォームを表示しないという設定ボタンを作るとか・・・。変わりに、送信先メールアドレスをリンクした別の文字列を表示させるとか・・・。
何も解らないで書いていますので、これが簡単かどうかさえ解りませんが、少しの期待は寄せておきます。

Contact Form 7をWordPress2.7.1で利用させて頂いています。
お気に入りのプラグインの1つであり、非常に助かっています。
質問があります。
inputタグにtabindexは追加できないんでしょうか?
確かできた様な・・・と思い、「tabindex:1」とかを追加してみたんですが、反映されませんでした。
オプションといいますが、追加属性といいますか、一覧がないのかと思い色々さがしてみたんですが、見つからなかったので質問させて頂きました。

sinobu さん、tabindex の属性を入れる機能は今のところありません。でも必要な気はしますね。アップデートのときに検討してみます。

Contact Form 7をWordPress2.7.1で利用しています。
今までは何の問題もなく利用できていたのですが、
最近、送信を押した後、「メッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の手段で管理者にお問い合わせ下さい。」とオレンジ色のボックスで表示され、うまく機能しなくなってしまいました。
Akismetのオプションをすべてはずすと送信できます。
他のフォーラムで見て、
akismet:author、akismet:author_email、akismet:author_urlをすべて適用させたり、
他のPCで試したりしましたが、解決しません。
どうしたら良いでしょうか?

bo02 さん、オレンジ色はスパムを意味しています。間違いなく言えるのは、Akismet がそのメッセージをスパムと見なしたということです。akismet:author、akismet:author_email、akismet:author_url がすべて適用されているなら、情報が不足しているために Akismet の誤判断を招いたということでもなさそうです。

なお、ちなみにですが、bo02 さんがこのブログに対して送られたコメントも、最初 Akismet がスパムとして処理しており、私が見つけて救い出しました。これ以上の推測も詮索もしませんが、そういった事実を確認したことだけお伝えしておきます。

はじめまして!pandaと申します。

高機能なプラグインをご提供いただきとても感謝しております。
ひとつ質問なのですが、
各ページにフォームを貼り付けたますよね。その際、投稿タイトル等の
情報を送信メールに記載する方法はないものでしょうか。

はじめまして hiroといいます
すばらしいプラグイン ありがとうございます

ちょっと不具合 というか設定が悪いのかもしれませんが
ReallySimpleCAPTCHAが必須になってから
CAPTCHAのイメージが表示されなくなり
入力のtextboxのみ表示されます

FAQにあるディレクトリの権限については確認しました
(wp-content ですよね?)

htmlソースを見ると該当部分は

となっています

よろしくお願いいたします

すみません htmlの括弧を全角にします
<span class=”wpcf7-form-control-wrap captcha-762″><input type=”text” name=”captcha-762″ value=”” size=”40″ /></span>

すばらしいプラグインありがとうございます。感激しています。

ラジオボタンを表示する際に、今のままですと、横にどんどん並ぶ形になります。
各項目の最後に を入れて解決していますが、これだと、メールにラジオボタンの結果を表示する際に、「」が入ってしまいます。

ラジオボタンの各項目を一行づつ表示する別の方法があれば教えてください。
————-現在の例—————-
○りんご ○バナナ ○きゅうり
———— こうしたい—————–
○りんご
○バナナ
○きゅうり
————こんな風に逃げている———–
[radio radio-29 “りんご” “バナナ ”きゅうり]
————————————-
これだとメールにが出てしまう。

よろしくお願いします。

すいません。前の投稿で、BRが表示されていません。
「改行」をBRとして表記します。

すばらしいプラグインありがとうございます。感激しています。

ラジオボタンを表示する際に、今のままですと、横にどんどん並ぶ形になります。
各項目の最後にBRを入れて解決していますが、これだと、メールにラジオボタンの結果を表示する際に、「BR」が入ってしまいます。

ラジオボタンの各項目を一行づつ表示する別の方法があれば教えてください。
————-現在の例—————-
○りんご ○バナナ ○きゅうり
———— こうしたい—————–
○りんご
○バナナ
○きゅうり
————こんな風に逃げている———–
[radio radio-29 “りんごBR” “バナナBR ”きゅうりBR”]
————————————-
これだとメールにBRが出てしまう。
BRはそれぞれ、XHTMLのBRに置き換えてお読みください。
よろしくお願いします。

hiroです
ありがとうございました
無事に表示されました

noriさん
私も同じことで悩んだので・・・(^^;

私の場合、wp-contact-form-7.php の1361行目付近
$item = ‘<span class=”wpcf7-list-item”>’ . $item . ‘</span>’;

$item = ‘<span class=”wpcf7-list-item”>’ . $item . ‘</span><br />’;
としています
($と<>は全角にしています)

hiroさん、miyoshiさん、ありがとうございます。
無事できました。
今回は、ご指摘 miyoshi さんご紹介の方法で修正しました。

contactform7 で フォームのSubmitボタンを押したことをGoogle Analyticsで計測したいと思っています。
Google Analyticsでは、以下のようにセットすると、onclickのURLが記録されます。

理想的には、設定した各フォームの送信ごとに違うURLをonclickで吐き出したいのですが、、、、
どなたかチャレンジした方はいらっしゃいますか?

すいません。HTMLのタグが表示されませんでした。
以下です。

input type=”submit” value=”送信” class=”submit” onClick=”javascript:pageTracker._trackPageview(”/submit/siryo.html”);”

nori さん、いちおう、次のバージョンではそれをサポートする予定です。どうなるかまだわかりませんが。

miyoshiさん、
どうも、ありがとうございます。

素晴らしいプラグインで大変、感謝しております。

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s