自身のサイトへの問い合わせ、仕事の依頼などのため『お問い合わせフォーム』が必要になります。
お問い合わせフォームの作成は『 Contact Form7 』というプラグインを用いることが多いですが、THE THOR(ザ・トール)では標準でお問い合わせフォームが搭載。プラグインを使用せず簡単に設定することができます。
そこで今回は、 THE THOR のお問い合わせフォームの作成・設置方法を紹介します。
『 THE THOR のプラグイン|必須・不要・相性悪い・おすすめ 』もチェックしてみてください。
THE THOR のお問い合わせフォーム
THE THOR はプラグインを使用せずに『お問い合わせ』フォームを設置することができます。
カスタマイズすることで使い勝手はさらに良くなりますが、まずはデフォルトでどのように表示されるか確認してみましょう。
デフォルトのデザイン
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 2 THE THORのお問い合わせフォーム](https://chiyo-blog.com/wp-content/uploads/2020/05/fb796c59491042bebc72b89012391d59-495x432.png)
- お名前
- メールアドレス
- URL
- お問い合わせ内容
4つの項目から構成されており、とてもシンプルな作りになっています。
個人ブログであれば充分な機能ですね。
次に、メッセージを送信した側(ユーザー)のお知らせを見てみましょう。
メールを送信した側のお知らせ
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 3 THRE THORのお問い合わせフォーム(送信者側)](https://chiyo-blog.com/wp-content/uploads/2020/05/afc933d0ba5e896779713bb36328fae6.png)
お問い合わせ送信直後に自動で画面表示されます。
お問い合わせフォーム送信後のメール
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 4 THE THORのお問い合わせフォーム送信後のメール(ユーザー側)](https://chiyo-blog.com/wp-content/uploads/2020/05/d99f3d36be56ad57b160309c1ae29fb5-296x432.png)
○○(サイト名)にお問い合わせいただき、誠にありがとうございます。
改めて担当者よりご連絡致しますので、今しばらくお待ちください。
このようなメッセージとともに、お問い合わせが受付されたことを自動返信メールでお知らせされます。
お問い合わせを受信した側(サイト運営者)のお知らせは、下記のようなメールが届きます。
お問い合わせ受付後のメール
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 5 THE THORのお問い合わせを受信した側(サイト運営者)](https://chiyo-blog.com/wp-content/uploads/2020/05/f76726e8307fa5f0481106b92dc23276-324x432.png)
お問い合わせ送信時に入力した内容が、メール受信者(サイト運営者)に自動お知らせとして表示されます。
お問い合わせフォームの設定方法
THE THOR のお問い合わせフォーム設定の手順は以下の3ステップです。
ステップ①:詳細を設定する
まず、お問い合わせフォームの詳細設定をします。
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 6 THE THOR の管理画面](https://chiyo-blog.com/wp-content/uploads/2020/04/51795993e447ef9d0cdc2758dcc4c063.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 7 THE THOR の管理画面『基本設定』](https://chiyo-blog.com/wp-content/uploads/2020/05/fcf3392efa48b94a23404aa07289a8af.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 8 THE THOR の管理画面『お問い合わせ設定』](https://chiyo-blog.com/wp-content/uploads/2020/05/f1631ca23387d1567b3b5e2cb4e53964.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 9 THE THORのお問い合わせページ設定の詳細](https://chiyo-blog.com/wp-content/uploads/2020/05/4cf90f3de0d9ca08e95c535c19e7cac4.png)
- デフォルトで表示されている任意項目を変更す
⇒『タイトル』と変更しておけばOK - お問い合わせ送信後に画面表示される文を変更する
- ユーザーに送られるお知らせメールの内容を変更する
自由に変更することができるので、自分の好きなように変更してOKです。ただ、②の設定項目は HTML 編集なので注意して下さい。
ステップ②:固定ページを作成する
次に、固定ページから実際にお問い合わせフォームを作成します。
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 10 THE THORの固定ページ作成](https://chiyo-blog.com/wp-content/uploads/2020/05/4ce0231260fe0e009b2cd22e093f2151.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 11 THE THORのお問い合わせフォーム作成画面](https://chiyo-blog.com/wp-content/uploads/2020/05/21542368321e1e57334b6aaea0d06eed.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 12 THE THORのお問い合わせフォーム設定の詳細画面](https://chiyo-blog.com/wp-content/uploads/2020/05/d7bb3383610045da497be0b270b5cc6d.png)
- 固定ページ編集画面の右側 [ 文書 ] を選択する
- [ パーマリンク ] から [ URLスラッグ ] を変更する
⇒『 contact 』とするのがベター - [ ページ属性 ] の [ テンプレート ] から [ お問い合わせTPL ] を選択する
⇒ そのほかの項目はデフォルトでOK
パーマリンクは自由に設定してOKですが、記事内容に沿って短く『 contact 』とするのがベター。
ステップ③:メニューに追加する
続いて、作成したお問い合わせフォームをメニューに追加します。
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 13 THE THORの管理画面](https://chiyo-blog.com/wp-content/uploads/2020/04/51795993e447ef9d0cdc2758dcc4c063.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 14 THE THORの管理画面『メニュー』](https://chiyo-blog.com/wp-content/uploads/2020/05/c8d5aae87b0a55a4be13144e4a296552.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 15 THE THORのお問い合わせフォームをメニューに追加](https://chiyo-blog.com/wp-content/uploads/2020/05/2c6f66ac19cd96aa203e17d219f30159-322x432.png)
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 16 THR THORのお問い合わせの位置設定](https://chiyo-blog.com/wp-content/uploads/2020/05/03e4543a870c7c28ea7ba2c03944e98a-273x432.png)
- わかりやすい名前にする
- フッターエリアを選択する
- [ 次へ ] をクリックする
メニュー位置は『フッター』に表示するので、メニュー名は『フッター』として [ フッターエリア ] を選択すれば問題ないです。
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 17 THE THOR のお問い合わせフォームをフッターに追加](https://chiyo-blog.com/wp-content/uploads/2020/05/f611197e18e7ad8c7c134fb5486af2b1-397x432.png)
- 固定ページから [ お問い合わせ ] を選択する
- フッターメニューに [ お問い合わせ ] が追加される
- [ 公開 ] をクリックする
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 18 THE THORのお問い合わせフォームをフッターに表示](https://chiyo-blog.com/wp-content/uploads/2020/05/d05e7ad1d8a0aae74119620bb8f75e1c.png)
お問い合わせフォームの作成・設定はこれですべて完了です。
THE THOR のお問い合わせフォーム設定後
最後に、設定変更したお問い合わせフォームの表示がどのようになっているかを確認してみましょう。
変更後のデザイン
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 19 THE THORお問い合わせフォーム変更](https://chiyo-blog.com/wp-content/uploads/2020/05/05cbc5f55cfa0b36f45f443186e826a7-491x432.png)
デフォルトで『URL』となっていた部分が『タイトル』に変更されています。
メールを送信した側のお知らせ
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 20 THE THORお問い合わせフォーム変更後の文言](https://chiyo-blog.com/wp-content/uploads/2020/05/23d8b0d2001bce97f3450ce6be7e1aaa.png)
デフォルトの文章から、このように変更されています。
問い合わせ受付のお知らせ
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 21 THE THORお問い合わせフォーム変更後のメール文言](https://chiyo-blog.com/wp-content/uploads/2020/05/fecc44c740b335a3ea650d1383bd4ec1.png)
メールの文章もこのように変更されています。
僕の場合は『返信』や『ご連絡』という言葉は使わず、上記のように『ありがとうございます』という文章のみにしています。
メールを受信した側のお知らせ
![THE THOR お問い合わせフォーム設定方法【プラグインは必要なし】 22 THE THORお問い合わせフォーム変更後のメール文章](https://chiyo-blog.com/wp-content/uploads/2020/05/b96338bb79d31e881c9cce0192a5bb64.png)
メールを受信した側(サイト運営者)でもデフォルトで『URL』となっていた部分が、しっかり『タイトル』と変更が反映されています。
THE THOR のお問い合わせフォーム設定まとめ
THE THOR に標準で搭載されているお問い合わせフォームの設定方法を解説しました。
ほとんどの場合、プラグイン『 Contact Form7 』を必要とするお問い合わせフォーム。T HE THOR に必要なプラグインは少なく、お問い合わせフォームも標準搭載されており設定も3分で終わります。
- 詳細を設定する
- 固定ページを作成する
- メニューに追加する
THE THOR は実装されている機能が多いため、ぜひフル活用してSEO・ユーザーから評価されるようなサイト設計をしていきましょう。
THE THOR は HTML サイトマップの設定もプラグインなしでできるため、併せて設定するのがおすすめです。
記事の内容についてご意見をお聞かせください