みなさんのブログには「お問い合わせフォーム」はありますか。
「お!この記事おもしろそう」
「ちょっと詳しく聞きたいな」
と思ってもブログの執筆者に連絡を取れなくては意味がないですね。
しかし、ブログを開設しても「めんどくさそう」「難しそう」とその設定から逃げていたゆっけです。
今回も画像中心でなるべくわかりやすくお問い合わせフォームの作り方をお伝えします。
- 編集画面を開く
- 固定ページ→新規追加
- 「お問い合わせ」書き込む→公開
- 固定ページに「お問い合わせ」が追加されたことを確認
- プラグイン→新規追加
- 「contact」と検索
- 「今すぐインストール」をクリック
- 「有効化」をクリック
- プラグインに「Contact Form7」が追加されたことを確認
- お問い合わせ→新規追加
- 何もせずに「保存」をクリック
- ショートコードをコピー
- 「固定ページ」をクリック
- 「お問い合わせ」の「編集」をクリック
- 「+」をクリック
- 「ショートコード」と検索→「/」をクリック
- ショートコードをペースト→更新
- 外観→メニュー
- フッターメニューと打ち込む→メニューを作成
- 「お問い合わせ」にチェック→メニューに追加
- 「フッターメニュー・フッターモバイルボタン」にチェック→メニューを保存
- ブログにお問い合わせフォームができたかチェック
- お問い合わせテスト
- おわりに
編集画面を開く
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド2-1-1024x576.jpg)
固定ページ→新規追加
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド3-2-1024x576.jpg)
「お問い合わせ」書き込む→公開
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド4-2-1024x576.jpg)
固定ページに「お問い合わせ」が追加されたことを確認
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド5-2-1024x576.jpg)
プラグイン→新規追加
すでにお問い合わせフォームのプラグインをインストールされている方はここは飛ばしてOK
ここでは、「Contact Form7」というプラグイン(無料)を使用します。
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド6-1-1024x576.jpg)
「contact」と検索
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド7-1-1024x576.jpg)
「今すぐインストール」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド8-1-1024x576.jpg)
「有効化」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド9-2-1024x576.jpg)
プラグインに「Contact Form7」が追加されたことを確認
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド10-1-1024x576.jpg)
お問い合わせ→新規追加
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド11-1-1024x576.jpg)
何もせずに「保存」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド12-1-1024x576.jpg)
ショートコードをコピー
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド13-1-1024x576.jpg)
「固定ページ」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド14-1-1024x576.jpg)
「お問い合わせ」の「編集」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド15-1024x576.jpg)
「+」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド16-1024x576.jpg)
「ショートコード」と検索→「/」をクリック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド17-1024x576.jpg)
ショートコードをペースト→更新
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド18-1024x576.jpg)
外観→メニュー
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド19-1024x576.jpg)
フッターメニューと打ち込む→メニューを作成
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド20-1024x576.jpg)
「お問い合わせ」にチェック→メニューに追加
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド21-1024x576.jpg)
「フッターメニュー・フッターモバイルボタン」にチェック→メニューを保存
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド22-1024x576.jpg)
ブログにお問い合わせフォームができたかチェック
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド23-1024x576.jpg)
お問い合わせテスト
自分に一度お問い合わせメールを送ってみましょう。
![](https://jyugyoudeegao.com/wp-content/uploads/2023/04/スライド24-1024x576.jpg)
おわりに
長くなりましたがここまでブログを読んで(見て?)いただいてありがとうございました。
お問い合わせフォームもできるとなんだかブログらしさがレベルアップしますね。
ぜひ皆さんも作ってみてください。
コメント