ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

      2015/04/03

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

こんにちは。@dmgadget_ディーエムガジェットです。FacebookやTwitter、Google+などをやっているので、わざわざ問い合わせフォームを設置しなくてもダイレクトメッセージなどで連絡は出来ると思いますが、仕事の依頼などメールで連絡を取りたい人もいらっしゃると思います。ちなみにディーエムガジェットでは問い合わせフォールは設置していませんでしたが、メニューに「お問い合わせ」や「Contact」などと明記してあった方がホスピタリティーが高いかな?と思い設置させて頂きました。設置して2ヶ月ぐらいですが、問い合わせフォームからのメールはまだ一件(笑)です。それでは導入してみましょう。

スポンサーリンク

Contact Form 7を導入

管理画面 → プラグイン → 新規追加 → 「Contact Form 7」 と検索

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

画像はインストール済みになってますが、右上の「いますぐインストール」をクリックしてプラグインをインストールしてください。インストール後、忘れずに「プラグインを有効化」します。 

有効化が終わったらもう一度管理画面から プラグイン → インストール済みプラグイン → Contact Form 7の下の「設定」をクリック。

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

コンタクトフォームの設定ページが表示されます。「コンタクトフォーム1」とかかれたショートコードがデフォルトで表示されています。リネームして使っても大丈夫ですし、上のタイトル右の「新規追加」から新しくショートコードを作成しても大丈夫です。

Contact Form 7の設定

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

上記のタイトル部分の「Contact」をクリックすると詳細設定が出来るのですが、作者のページにて細かく紹介して頂いてるのでここでは省略させていただきます。

スポンサーリンク

新規の固定ページを作成

作成したショートコードをコピーして、新規の固定ページを作ります。「Contact」や「お問い合わせ」などと名前をつければ問題ありません。こんな風に任意の固定ページに貼付けて「更新ボタン」を押せばブログにお問い合わせフォームが表示されます。

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

ブログから問い合わせフォームを確認します

これで設置は完了です。

WordPress[Contact Form 7] ブログにお問い合わせフォームを設置

読んで頂いてありがとうございました。

スポンサーリンク

 - WORDPRESS

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPressとGoogleChromeでリンクをスクリーンショットと共に綺麗に載せる方法
WordPressとGoogleChromeでリンクをスクリーンショットと共に綺麗に載せる方法
wordpress初心者でも出来る、劇的に読み込みが速くなる3つの方法
wordpress初心者でも出来る、劇的に読み込みが速くなる3つの方法
WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
CloudFlareより読み込みが速い!?CDNサービス「Photon」を検証。
CloudFlareより読み込みが速い!?CDNサービス「Photon」を検証。
WordPress[Stinger5] 画像に囲み線を入れる
WordPress[Stinger5] 画像に囲み線を入れる
WordPress[Acunetix WP Security] ファイルスキャンを行ってファイルのパーミッションを変更
WordPress[Acunetix WP Security] ファイルスキャンを行ってファイルのパーミッションを変更
WordPress[Stinger3用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPress[Stinger3用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPressテーマ「Stinger3」にプラグインなしでGoogleアナリティクスを導入する方法
WordPressテーマ「Stinger3」にプラグインなしでGoogleアナリティクスを導入する方法
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える