WordPress

問い合わせのページを作成しよう!

どうも!0927君です!

今回は自分のサイトに問い合わせページを作るときにどうすればいいのかからわかりやすく説明しますよ~!

コニー
コニー
0927君!最近自分のサイトを作ったんだけど問い合わせのページってどう作るの?
0927君
0927君
あの三日坊主のコニーがサイトを立ち上げただと!?、、失礼。
プラグインを使うやり方が一番簡単だよ!
コニー
コニー
プラグインって何?笑
とりあえず私でもわかるように教えて!
0927君
0927君
そこからか。。笑
まあ、いいや!今回は『Contact Form 7』というプラグインを使うからちゃんと説明聞いててね!

問い合わせのページはプラグインで作成します!

今回はサイトに問い合わせページを作るということで流れを説明すると。

①プラグインの導入!

②プラグインの設定!

③固定ページに問い合わせページを追加!

④サイトのメニューに問い合わせを追加!

という流れになります!

5分くらいで出来る簡単な作業なのであなたも作ってみましょう!

Contact Form 7をインストールしよう!

まずはWordPressのホーム画面から①『プラグイン』を選択します!
②『新規追加』を選択します!

プラグインを検索!

プラグインのページになりましたら右側にある『プラグインの検索』のところにContact Form 7と入力しましょう!

インストールと有効化をしよう!

Contact Form 7を見つけたら『今すぐインストール』をクリックして、そのあと『有効化』をクリックしましょう!

Contact Form 7の設定をしよう!

インストールして、有効化出来ましたら今度はContact Form 7の設定をしていきましょう!

①設定画面を開こう!

WordPressのホーム画面に『問い合わせ』が追加されたと思うので『問い合わせ』を選択しましょう!

②新規追加を選択します!

③設定していきましょう!

・『ここにタイトルを入力』のところにタイトルを書きます。
これはサイトに表示されるタイトルではなく、このページの名前を決めよう!ということです。

今回はコンタクトフォーム1と名付けました!

・フォームに書いてある文字はサイトに表示される文字です。

つまりお問い合わせする人が記入する項目です。

④記入欄を増やすことが出来るよ!

0927君はデフォルト設定のままですが、あなたが他に記入して欲しいことがあるならば画像の赤枠のとこから新たに項目を増やすことも出来ます。

やり方は増やしたい項目をクリックするとタグが表示されるので本文の中に追加するだけです。

デフォルトの項目のマネをしながらタグだけ貼り替えれば大丈夫です!

⑤問い合わせフォーム以外の設定!

問い合わせを直接ご自身のメールとかに設定する場合などにこちらの『メール』から設定しますします。

⑥メッセージのテキストも変更可能!

問い合わせをしたときに表示されるメッセージなどをココから設定できます!

⑦設定終了!

すべての設定が終わったら下の方にある『保存』をクリックします!

⑧ページが完成!

これで問い合わせのページが完成しました!

WordPressのホーム画面の問い合わせを選択すると新たに先ほど作った『コンタクトフォーム1(仮)』が出来てると思います!

固定ページを使ってサイトに表示させよう!

次に説明するのは問い合わせのページを固定ページに貼り付けてそれをサイトに貼る方法です!

①ショートコードをコピーしましょう!

まずは先ほどの『問い合わせ』からコンタクトフォームに行き、作ったページのショートコードをコピーします!

②固定ページの作成!

次にWordPressのホーム画面から『固定ページ』→『新規追加』を選択します!

③タイトル入力!

サイトに表示されるタイトルをここに入力します!

名前は無難に『問い合わせ』でいいのかも。。。笑

好きなように決めちゃってください!

④ショートコードを表示!

①タイトル入力の下に小さな『』があると思うので+をクリックします。

②メニューが表示されるのでそこから『ショートコード』を選択!

⑤コードを貼り付けます!

①ショートコードが表示されたら先ほどコピーしたコードを貼り付けます!

②右上のプレビューでページが完成したか確認してください!

⑥完成!

プレビューで表示されたら無事問い合わせページの完成です!

サイトのメニュー画面に表示させよう!

サイトのメニューに今回作った問い合わせページ(固定ページ)をリンクさせればサイトに問い合わせのページが表示されます。

サイトのページはテーマごとにやり方が違うので教えることは出来ないですが、自分の使ってるテーマ『JIN』でのメニュー表示のやり方はコチラの記事に書いてあるのでそっちを見てください!

https://0927kun.com/wordpress-jin%e3%81%a7%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e4%bd%9c%e3%82%8b%ef%bc%81

まとめ

①問い合わせページは『Contact Form 7』で作ろう!

②Contact Form 7なら色んな設定が出来て便利だよ!

③固定ページを使って念願の問い合わせページをサイトに表示させよう!

今回は問い合わせページを作る記事でしたがいかがでしたでしょうか。

問い合わせのページはサイトのクオリティを上げるコンテンツの1つでもあるので絶対必要だと思います!

なのでまだ設置してない人は設置を考えてみてね!

今回も記事を最後まで読んでいただきありがとうございました!!

ではまた!

こちらの記事もおすすめだよ♪

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)