モッピー!お金がたまるポイントサイト

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

2018/09/22

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

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

[adsense]

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」をクリックすると詳細設定が出来るのですが、作者のページにて細かく紹介して頂いてるのでここでは省略させていただきます。

[adsense]

新規の固定ページを作成

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

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

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

これで設置は完了です。

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

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

[adsense]

この記事を書いた人

ディーエムガジェット 

非IT系エンジニア。日々の出来事や自分の好きな物などの紹介をメインに色々発信していきます。2012 年から禁煙を開始して68キロぐらいだった体重が2012年6月には75キロまで増加。ヤバい!と感じてダイエットを開始。一回65キロまで落としましたが、2018年8月現在また72キロまで増加。こんな身体でもトライアスロンに出場予定「プロフィールはこちら

このエントリーをはてなブックマークに追加

WORDPRESS

Posted by dmgadget