Home Contact RSS feed

« 夕暮れ

WordPress で画像をオシャレに表示する: Lightbox 2 »

WordPress にコンタクトフォームを設置する: Contact Form 7

WordPress に日本語対応のコンタクトフォームを設置するプラグイン “Contact Form 7” を導入する手順メモ。

  

Webサイトで直接メールアドレスを晒すということは、スパムメールを自ら手招きしている事になります。
そこで、メールアドレスを表示せずにメールを受信するコンタクトフォームを設置してみました。
このページで実際のフォームを確認できます。

※現在はスクリプトを無効にしています。

標準で日本語に対応しているし、複数のフォームを設置することもできます。
そのうえ、設置もデザインカスタマイズも非常に簡単でした。
送信エラーが発生した際に表示されるメッセージの挙動が多少気になりますが、他は文句無しの優秀なプラグインです。

  

詳細はこちらのサイトを参照:

iDeasiloContact Form 7

  

設置の流れ(WordPress ME 2.2.1 での記録):

  1. こちらの配布ページからプラグイン本体をダウンロードして解凍する。
    • 【Download Plugin】 をクリック。
  2. 解凍したフォルダごとサーバーにアップロードする。
    • WordPressフォルダ/wp-content/plugins/
      にアップロード。
  3. Contact Form 7 を有効化する。
    • 管理画面>プラグイン>Contact Form 7 を有効化。
  4. フォームのデザインをカスタマイズする。
    • 管理画面>各種設定>Contact Form 7 にてフォームデザインをカスタマイズ。
  5. フォームを設置する。
    • Contact Form 7 設定ページに表示されているコード”[contact-form …]”を設置したいページ(記事本文)に貼り付ける。

これで設置完了です。

  

追記(2007.09.06) :

プラグインのバージョンアップをしたところ、送信されるメールが文字化けしてしまいました。
また、プラグインを有効化すると、スクリプトコードが <header> 部に記述されるのでSEOが多少気になります。
以上の理由から現在はプラグインを無効化しています。

Trackback URI

Comments

ゲスト

2008,7,11 at 16:48

あああああああああ

ああああああああああああ

RSS feed for comments on this post

Leave a Comment