送信フォームを作る方法 [Contact Form 7]


WordPressプラグインには、数多くの送信フォームがありますが、日本語を送受信するには使えるものが意外と少ないのが現状です。ここで紹介する「Contact Form 7」はそんな貴重な日本語対応です。しかも迷惑メールへの対策もあり、簡単に導入できる送信フォームプラグインとしては一番のおすすめです。

  1. Contact Form 7」プラグインをダウンロード
  2. プラグインをFTPでアップロード(wp-content/plugin/)
  3. プラグインを有効化
  4. 「Contact Form 7」管理画面で入力フォームを作成
  5. メール(宛先、差出人、件名、メッセージ本文)で、管理者へのメールを設定
  6. 「メール(2)」も使うことで、送信者へも送信確認メールを送信できる
  7. 「お問合せ」というタイトルで新規「ページ」を作成
  8. ページの表示したい場所にフォーム用コードを挿入

これまでのコメント

  1. sasak :

    素晴らしいテーマをありがとうございます。
    ところでこのContact Form 7(新旧バージョン問わず) を導入すると、表示はされますがページエラーが出ます(特にIE)。
    何度も再インストールし直してもエラーが消えませんが、何が原因でしょうか?
    ちなみにこちらのサイトも同じくエラー発生と表示されてます。。

  2. imai :

    sasakさん、ありがとうございます。
    確認しました。確かにエラーが出ていますね。
    サンプルフォームでは、CAPTCHAを外したら、もとに戻りました。
    しかし、最新バージョンでもまだチェックボックスを選択なしで送信するとエラーになります。
    それでもないと困るプラグインなので、CAPTCHAとチェックボックスは使用しないで、
    うまい事使って行きましょう。

  3. taka :

    現在テーマ活用させていただいており、誠にありがとうございます!
    Contact Form 7を導入したのですがデザインがどうしてもずれてしまいます…
    当方、CSSに疎く色々いじっているのですが直りません…
    もし可能であればどのようにCSSを変更すればいいのか教えていただけませんでしょうか?
    よろしくお願いいたします。

  4. taka :

    すいません。サンプルフォームに参考にしたらできました!!
    ありがとうございました!!

  5. tama :

    こちらのテーマと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

    プラグインを停止すればエラーは出なくなりますが、フォームが・・・。
    何か解決策はありませんでしょうか?
    宜しくお願い致します。

  6. imai :

    最新バージョンをIE6で確認しましたが、そのような症状は確認できませんでした。

  7. imai :

    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をダウンロードしてください。
    宜しくお願い致します。

  8. tama :

    imaiさん
    対応ありがとうございます。今後とも宜しくお願い致します。

この記事にコメントする

 

2010年9月
« 3月    
 1234
567891011
12131415161718
19202122232425
2627282930  

WEB標準(XHTML+CSS)合格

CSS Validator 検証 CSS Validator 検証

WSC4は、WEB標準に準拠したXHTML+CSSコーディングでValidator検証に合格しています。

テーマのカスタマイズ承ります

WSC のオリジナルデザインや、ご自分ではできないカスタマイズを承ります。その他のテーマやプラグインに関する相談もお気軽にお寄せ下さい。 http://www.studiobrain.net/

Powered by WordPress, WP Theme designed by WSC Project. ログイン