![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
どうもハルです。
![](https://harublog.site/wp-content/uploads/2019/11/D2C3EBD0-3B5F-4B4C-8B8A-D6F06B6ABB46.jpeg)
サイトの中にお問い合わせフォームを設置したい。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
プラグインを使った設置方法を、画像を使って解説するよ。
今回は、WordPress(ワードプレス)にお問い合わせフォームを設置する方法を紹介します。
WordPressでブログを開設したら、訪問した方からのメッセージを送るために、お問い合わせフォームの設置が必要です。
設置方法はとても簡単です。
WordPressにお問い合わせフォームを設置する方法
![WordPressにお問い合わせフォームを設置する方法](https://harublog.site/wp-content/uploads/2020/07/00-11.png)
WordPressにお問い合わせフォームを設置する方法。▲
お問い合わせフォームを、ブログの一番下フッター部分に設置する方法を例にして、解説していきます。
・Contact Form 7のインストール
・問い合わせフォームを作成
・固定ページにショートコード貼り付け
・問い合わせフォームをフッターメニューに追加
・確認する
・ウィジェットに設置(おまけ)
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
上から順番にやっていくよ。
Contact Form 7のインストール
「Contact Form 7」というプラグインを、ワードプレスにインストールします。
管理画面の[プラグイン]>[新規追加]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/01-11.jpg)
プラグインの検索フォームに「Contact Form 7」と入力
プラグインが表示されたら、[今すぐインストール]をクリックするとインストールされます。▼
![](https://harublog.site/wp-content/uploads/2020/07/02-15.jpg)
問い合わせフォームを作成
管理画面の[お問い合わせ]>タイトル「コンタクトフォーム1」。▼
![](https://harublog.site/wp-content/uploads/2020/07/03-22.jpg)
編集画面が開きます。
フォーム、メール、メッセージ、その他の設定で問い合わせフォームの編集ができます。▼
![](https://harublog.site/wp-content/uploads/2020/07/04-18.jpg)
必要事項は、すでに設定されているので、特にいじらなくても使えます。
カスタマイズしたい時に変更します。▼
![](https://harublog.site/wp-content/uploads/2020/07/05-17.jpg)
[保存]で確定。▼
![](https://harublog.site/wp-content/uploads/2020/07/06-18.jpg)
固定ページにショートコード貼り付け
[お問い合わせ]>設置用のショートコードをコピー。▼
![](https://harublog.site/wp-content/uploads/2020/07/07-20.jpg)
[固定ページ]>[新規追加]。▼
![](https://harublog.site/wp-content/uploads/2020/07/08-19.jpg)
タイトルに「お問い合わせ」と入力。
ショートコードをhtmlモードで貼り付け(そのままテキストで貼り付けると反映されない)。
[公開する]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/09-19.jpg)
問い合わせフォームをフッターメニューに追加
[外観]>[メニュー]。▼
![](https://harublog.site/wp-content/uploads/2020/07/10-13.jpg)
[すべて表示]タブ>[お問い合わせ]にチェック>[メニューに追加]。▼
![](https://harublog.site/wp-content/uploads/2020/07/11-13-611x1024.jpg)
「お問い合わせ」がメニューに追加されたら、[フッターメニュー]にチェックを入れ>[メニューを保存]。▼
![](https://harublog.site/wp-content/uploads/2020/07/12-15.jpg)
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
これでお問い合わせフォームが設置できたよ。
確認する
サイトを表示して、一番下までスクロールすると、フッターに「お問い合わせ」が表示されています。▼
![](https://harublog.site/wp-content/uploads/2020/07/13-13-1024x231.jpg)
クリックすると、お問い合わせフォームが開きます。
適当に入力して送信、メールが届けば完了です。▼
![](https://harublog.site/wp-content/uploads/2020/07/14-10.jpg)
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
送信先は、コンタクトフォームの編集画面でいつでも変更できるよ。
ウィジェットに設置(おまけ)
ここからはおまけ、ウィジェットにもお問い合わせフォームを設置します。
[外観]>[ウィジェット]。▼
![](https://harublog.site/wp-content/uploads/2020/07/15-9.jpg)
「テキスト」>[サイドバー]を選択>[ウィジェットを追加]。▼
![](https://harublog.site/wp-content/uploads/2020/07/16-6.jpg)
タイトルは「お問い合わせ」と入力>ショートコードをコピペ>[保存]。▼
![](https://harublog.site/wp-content/uploads/2020/07/17-6.jpg)
ウィジェットにお問い合わせフォームが設置できました。▼
![](https://harublog.site/wp-content/uploads/2020/07/18-6.jpg)
※追記(2020.7.23):お問い合わせフォームの設置ができたら、返信できるように設定しましょう。
返信設定の方法は、こちらの記事を参考にしてください。▼
まとめ
フォームの設置は、ショートコードを貼り付けるだけです。
つまり、記事内などいろいろな場所に設置ができて、内容もカスタマイズできるので、例えば記事内にメール予約フォームを貼り付けることも可能。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
今後も、役に立つ情報やワードプレスの使い方などアップしていくよ。
以上、WordPressにお問い合わせフォームを設置する方法の紹介でした。
最後まで読んでいただき、ありがとうございます。
コメント
[…] わせフォームのリンクを貼りましょう(お問い合わせフォームの詳しい設置方法は過去記事で紹介してます)。 […]
[…] WordPressにお問い合わせフォームを設置するどうもハルです。サイトにお問い合わせフォームを設置したい。プラグインを使った設置方法を画像を使って解説するよ。WordPress(ワードプレス […]