ブログ運営で 必ず必要な お問い合わせですが、プラグインを使うと超カンタンに作れます
500万以上の有効インストールの実績がある『プラグインContact Form 7』を使った、お問い合わせフォームの設置方法を解説します
と いっても、インストールと有効化でほぼ完成なので、固定ページのムダなフォロー&シェアボタンの非表示化で、見た目をよくする方法も解説します
ブログのお問い合わせフォームの作り方
まずはプラグインのインストールをします
プラグイン > 新規追加 > 検索 > 今すぐインストール
検索ワード:Contact Form 7
![](http://junjunblog.org/wp-content/uploads/2021/04/bd7ac7b65673a96fa4dc030b4bb95b60.jpg)
有効化する
![](http://junjunblog.org/wp-content/uploads/2021/04/b6062e1dbcb3fd915ada1ee74227c1d8.jpg)
有効化が終わったら設定をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/69153622131b127fb2e81c27ee56896a.jpg)
コンタクトフォーム1をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/fb40aacabaa64940079ac7cf3ef8f17a.jpg)
設定などは基本デフォルトのままでOKです
![](http://junjunblog.org/wp-content/uploads/2021/04/2e218b341457aa4b6b86fb24d7031802.jpg)
エックスサーバーで「自動返信の変更」を勧めていたのでそこだけ変えます
![](http://junjunblog.org/wp-content/uploads/2021/04/066e7fde0a3f318c5581da807ec15454.jpg)
![](http://junjunblog.org/wp-content/uploads/2021/04/191c7bec0f4f36c6f9bf7f19fbaba0a9-1.jpg)
次は固定ページにお問い合わせを設置していきます
固定ページ > 新規追加
![](http://junjunblog.org/wp-content/uploads/2021/04/5a39af8596c1d33e217234f4d5dd09bd.jpg)
+をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/1d46fe03a36d036e29a380a927da331d.jpg)
Contact Form 7をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/5f33c9e4070ba7d15dde49423cc11bfa.jpg)
ページタイトルを『お問い合わせ』と入力して公開
![](http://junjunblog.org/wp-content/uploads/2021/04/9bfa4b5542a18977655a2eae224baa4b.jpg)
次はフッターメニューに追加します
外観 > メニュー
![](http://junjunblog.org/wp-content/uploads/2021/04/71e68a1ea2de5ddb2c905bcd3c25e15f.jpg)
お問い合わせにチェックしてメニューに追加
![](http://junjunblog.org/wp-content/uploads/2021/04/db5c532516ac21806ae0b6cb1aec813f.jpg)
メニューを保存
![](http://junjunblog.org/wp-content/uploads/2021/04/cfbce9a83d3263afff2e39dee0f15c61.jpg)
トップページで確認します
![](http://junjunblog.org/wp-content/uploads/2021/04/146d22d42d4c4b0169c294ab23590bb6.jpg)
完成ですが、お問い合わせにシェアボタンはいらないので消していきます
![](http://junjunblog.org/wp-content/uploads/2021/04/935e28161c7ebf45d7b56d6c99998d2d.jpg)
シェア&フォローボタンの非表示化
![](http://junjunblog.org/wp-content/uploads/2021/04/dbc6e44c67cf07c891389096aaf5fba1-638x1024.jpg)
Cocoon設定のチェックを3か所外します
チェックを外すところ3つ
・トップシェアボタン>表示ページ>固定ページ
・ボトムシェアボタン>表示ページ>固定ページ
・フォローボタン>表示ページ>固定ページ
Cocoon設定 > SNSシェア > トップシェアボタン > 表示ページ > 固定ページのチェックを外す
![](http://junjunblog.org/wp-content/uploads/2021/04/a05e0c6aa24fe5a159f360a69fa42963.jpg)
Cocoon設定 > SNSシェア > ボトムシェアボタン > 表示ページ > 固定ページのチェックを外す
![](http://junjunblog.org/wp-content/uploads/2021/04/ec3a8833f5e11ff08b6f1da3c0c3642d.jpg)
Cocoon設定 > SNSフォロー > フォローボタン > 表示ページ > 固定ページのチェックを外す
![](http://junjunblog.org/wp-content/uploads/2021/04/26920d2ba137b3a8f0c514b529afc39b.jpg)
これで完成です
![](http://junjunblog.org/wp-content/uploads/2021/04/651901c1586ac76a468020ed8182b7aa.jpg)
コメント