WordPressにお問い合わせフォームを設置するプラグイン『Contact Form 7』

当ブログでも使用している最強のSEOテンプレート賢威↓↓

『Contact Form 7 (日本語)』

評価：★★★★★

メールやお問い合わせフォームを簡単に作成できるプラグインです。国産プラグインで初心者にもやさしい初期状態でも表示可能です。機能も豊富で本格的なフォームも作成出来ます。スパムフィルタープラグインAkismetとも連携可能でセキュリティー面も安全です。

Contact Form 7 (日本語)インストール

ダッシュボード⇒プラグイン⇒新規追加より

『Contact Form 7』でキーワード検索し、インストールをクリックします。

※似たようなのがいっぱいありますが、『Contact Form 7』を探します。

インストールをクリックして、後は指示通り進みます。
ポップアップ画面が出ますので、「今すぐインストール」をクリックし、
完了しましたら、プラグインの有効化すればインストールは完了です。

 

プラグインがインストールが初めての方は・・わからない場合は・・・
下記記事を参照
⇒WordPressプラグインのインストール→『新規追加』

 

ダッシュボード⇒設定タブ下に『お問い合わせ』が追加されます。

 

Contact Form 7設定方法

新規追加をクリックします。

 

• ①タイトルを入力
• ②メールフォームをソースをカスタマイズ出来ます。
  （上の画像はデフォルト設定）

デフォルトの表示画面

こちらがデフォルト状態でのフォーム設定です。

 

ダグの追加方法

次にフォームのカスタマイズについて説明します。

右側の『タグ作成』をクリックしダウンメニューを表示します。

 

テキスト項目の追加します。タグ作成でテキスト項目を選択します。設定し[text text-911]をフォームに追加します。

このようにテキスト項目が追加されます。
カスタム項目が多いため、本格的に作成も可能です。

フォームのサイズを変更する場合は、

サイズに文字数を入力します。

[text* text-○○ 長さ/]

フォーム１つ１つの設定が違うので、
さらに詳しい
詳しくは、公式サイトに詳しく使い方がでています。

最終的な完成例です：

作成したメールフォームを表示する方法

フォームが完成しましたら、保存をクリックして、
上部のコードを表示させたい場所に貼り付けます。

これでお問い合わせフォームができあがりました。

 

受信メールの設定

続いて受信するメールの設定をご説明します。

何もフォームをいじっていない場合は、問題ありませんが、
新しくフォームを追加したり、サイズなどを変更した場合には、

受信するメール側にも追加したタグを書き込む必要があります。

通常はこのような感じなので、
ここに追加したタグを記入していきます。

例：[text* text-555 35/] の場合は、
text*と35/のサイズを取って[text-555] で表示します。

下記のように追加したタグを書き込んでも行きます。

複数のブログなどお持ちの場合は、
わかりやすいように件名などに書き込んで置くとわかりやすいです。

これで完成です。
一度テストで自分で送って見てください＾＾

 

Contact Form 7をさらに使いこなす！

応用編！セキュリティー向上のため、スパムフィルター『Akismet』と連携する

デフォルトでインストールされている『Akismet』プラグインと連携してスパムメールを排除する設定も可能です。

コメントスパムを排除するスパムフィルタープラグイン『Akismet』を参照

設定は簡単でAkismetを有効化し、下記ソースを加えてあげるだけでOKです。

• 名前に「akismet:author」
• メールアドレスに「akismet:author_url」
• URLに「akismet:author_email 」

• [text* your-name akismet:author] 
• [email* your-email akismet:author_email] 
• [text your-url akismet:author_url]

メール２を使うにチェックを入れる事で
問い合わせた相手に自動返信メールを送ることも可能です。

以上
Contact Form 7の使い方でした。

 

一緒に読みたいWordPress関連記事

• WordPressでスパム軽減プラグイン『Nonce! Please』
• WordPressをiPhone用の表示に最適化するプラグイン「WPtouch iPhone Theme」
• WordPressでMySQLを自動バックアップするプラグイン『WP-DB-Backup』
• WordPress管理画面の項目をカスタムできるプラグイン『WPlite』
• WordPressを携帯閲覧に対応させるプラグイン『Ktai Style』

タグ

wordpress、ブログ機能アップ関連、プラグイン

この投稿のトラックバックURL:

トラックバック

1. 使用中のおすすめWordPressプラグイン15個 | Webクリエイターボックス より:

   2010/08/03 11:26

   [...] WordPressにお問い合わせフォームを簡単に設置するプラグイン『Contact Form 7 (… [...]

   返信
2. Contact Form 7 追加 | 湘南にそよぐ風 より:

   2010/05/12 13:40

   [...] 今度は「Contact Form 7」というPluginも入れてみた。これも前と同様、インストールとActivateは簡単。Counterの時と同様、迷ったのは、これをどうブログ画面に出すかだ。調べたところ*、どうやらブログ本文にHTMLタグのように書き込めるようだ。[]で囲まれたコンタクト何とやらという呪文をペーストすると、以下のように展開されることになる。分かってしまえば何でもないんだが。*このサイト（Contact Form （日本語）インストール）を参考にさせていただいた。 [...]

   返信

コメント