ディーエムガジェット

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[Acunetix WP Security] テーブル接頭辞を簡単に変更する
WordPress[Acunetix WP Security] テーブル接頭辞を簡単に変更する
WordPressにAmazonアソシエイトのプラグイン「AmazonJS」を導入
WordPress[AmazonJS] Amazonアソシエイトのプラグインを導入
「All in One SEO」でカテゴリーページが[noindex]になっていた。
「All in One SEO」でカテゴリーページが[noindex]になっていた。
wordpress優良プラグイン
wordpress優良プラグイン
WordPress[nend] スマホ用広告(アフィリエイト)の導入方法
WordPress[nend] スマホ用広告(アフィリエイト)の導入方法
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPressの人気テーマ「Stinger3」の追尾型SNSボックスを削除する方法
WordPressの人気テーマ「Stinger3」の追尾型SNSボックスを削除する方法
WordPress[Stinger3用 子テーマ]フォントを変更する方法
WordPress[Stinger3用 子テーマ]フォントを変更する方法
OSXローカル環境にwordpressをインストールする方法
OSXローカル環境にwordpressをインストールする方法
wordpress初心者でも出来る、劇的に読み込みが速くなる3つの方法
wordpress初心者でも出来る、劇的に読み込みが速くなる3つの方法