確かにあれでもいいんだけど、
ということで、今日は「THE THOR(ザ・トール)でフッターにお問い合わせフォームページを設置する方法」を紹介するよ。
【簡単5分】THE THORでフッターにお問い合わせフォームを設置する方法
まずはざっくり手順を紹介するよ。
手順
- 固定ページでお問い合わせフォームページを作成する
- 作成したフォームをカスタマイズ(詳細設定)する
- お問い合わせフォームをグローバルメニューでフッターに追加する
STEP1:固定ページでお問い合わせフォームのページを作成する
1まずはWordPress管理画面・ダッシュボードで「固定ページ ➔ 新規追加」をクリック
![05_001_固定ページの新規追加](https://yowacoblog.com/wp-content/uploads/2021/02/11d60911b0de7a7c02c519ef579e8dcf.png)
固定ページの編集で下記のように、必要な情報を入力してくよ
- ページのタイトル
- パーマリンク
- ページ属性のテンプレートで「お問い合わせTPL」を選択
![05_002_お問い合わせページを作成](https://yowacoblog.com/wp-content/uploads/2021/02/277d491b4d1597992c31f5e4aadcce7c.png)
最後に「公開」ボタンをクリックして設定を保存
これでお問い合わせフォームのページは作成完了ですよ。簡単ですね!
STEP2:作成したお問い合わせフォームをカスタマイズ(詳細設定)する
次は、いま作成したお問い合わせフォームのページを自分用にちょこっとだけカスタマイズしますよ。
WordPress管理画面で「外観 ➔ カスタマイズ ➔ 基本設定 ➔ お問い合わせフォーム設定」へ移動
![05_003_外観カスタマイズへ移動](https://yowacoblog.com/wp-content/uploads/2021/02/173725c19dbcca8a4d1b251bfbdc0fdd.png)
![05_004_基本設定→お問い合わせ設定へ移動](https://yowacoblog.com/wp-content/uploads/2021/02/01a4472201ee3f890bd9f28c027841e4.png)
お問い合わせフォーム設定ページで、次の項目を編集していくよ(デフォルトのままでいい人は編集しなくてもOK)
- 本文の前にユーザーに入力してもらいたい内容(例:タイトル、件名)
- サンクスページで表示させたいテキスト
- メッセージ送信が完了したことを知らせる自動返信メールの冒頭テキスト
![05_005_お問い合わせフォームのカスタマイズ](https://yowacoblog.com/wp-content/uploads/2021/02/6fbb32585d2d0308b44bf08fc7a6787c.jpg)
最後に「公開」ボタンをクリックして設定を保存したら完了
これでお問い合わせフォームのページが完成しましたよ~!
設定したURLでページを開いてみると、こんな感じに仕上がってます。
![05_006_お問い合わせページの完成](https://yowacoblog.com/wp-content/uploads/2021/02/ab40254f3dc89d47e2e053e67b4b08c5.png)
STEP3:お問い合わせフォームをグローバルメニューでフッターに追加する
お問い合わせフォームが出来上がったので、サイトに設置してみましょう!
今回はグローバルメニューで「フッター」に追加してみます。フッターっていうのはココです。
![05_011_フッターメニューへの設定完了](https://yowacoblog.com/wp-content/uploads/2021/02/3bad3ec427526f98600a18bbfd066090.png)
まず、WordPress管理画面から「外観 ➔ カスタマイズ ➔ メニュー」へ移動するよ
![05_007_グローバルメニュー・フッターへの追加](https://yowacoblog.com/wp-content/uploads/2021/02/9cec3fe6e30a0a88aeff2f903704406a.png)
そこで「すべての位置を表示」をクリックして、フッターエリア項目の「+新規メニュー作成」をクリック
表示された新規メニューで「タイトル」を入力したら「次へ」ボタンをクリックしてね
![05_008_フッタメニューを選択](https://yowacoblog.com/wp-content/uploads/2021/02/71fa859fc7ed478a81e37d47030520fa.png)
追加したフッターメニューで何の項目を表示させるかを設定していくよ
「項目を追加」をクリックすると、設定欄が開くのでそこで「固定ページ」の「お問い合わせ」を選択
![05_009_お問い合わせページを追加](https://yowacoblog.com/wp-content/uploads/2021/02/0f5d96a42da49cb6474b1fd6720a8724.png)
追加された「お問い合わせ」の項目をクリックするとさらに詳細設定が開くので
表示名を変えたい場合は「ナビゲーションラベル」を変更する
クリック時に新しいタブページで開かせたい場合は「✓リンクを新しいタブで開く」にチェックを入れてね
➔ 最後に「公開」ボタンをクリックして設定を保存したら、完了!
![05_010_お問い合わせメニューの詳細設定](https://yowacoblog.com/wp-content/uploads/2021/02/829d263f2a5f6854ba2bf644da98df05.png)
サイトに行って設定されてるか確認してみてください。
こんなふうになっていたら無事成功です
![05_011_フッターメニューへの設定完了](https://yowacoblog.com/wp-content/uploads/2021/02/3bad3ec427526f98600a18bbfd066090-1.png)
今日は「THE THORでお問い合わせフォームを作成する方法」を紹介しました。
また次回お会いしましょう♩