自身のサイトへの問い合わせ、仕事の依頼などのため『お問い合わせフォーム』が必要になります。
お問い合わせフォームの作成は『 Contact Form7 』というプラグインを用いることが多いですが、THE THOR(ザ・トール)では標準でお問い合わせフォームが搭載。プラグインを使用せず簡単に設定することができます。
そこで今回は、 THE THOR のお問い合わせフォームの作成・設置方法を紹介します。
『 THE THOR のプラグイン|必須・不要・相性悪い・おすすめ 』もチェックしてみてください。
THE THOR のお問い合わせフォーム
THE THOR はプラグインを使用せずに『お問い合わせ』フォームを設置することができます。
カスタマイズすることで使い勝手はさらに良くなりますが、まずはデフォルトでどのように表示されるか確認してみましょう。
デフォルトのデザイン
- お名前
- メールアドレス
- URL
- お問い合わせ内容
4つの項目から構成されており、とてもシンプルな作りになっています。
個人ブログであれば充分な機能ですね。
次に、メッセージを送信した側(ユーザー)のお知らせを見てみましょう。
メールを送信した側のお知らせ
お問い合わせ送信直後に自動で画面表示されます。
お問い合わせフォーム送信後のメール
○○(サイト名)にお問い合わせいただき、誠にありがとうございます。
改めて担当者よりご連絡致しますので、今しばらくお待ちください。
このようなメッセージとともに、お問い合わせが受付されたことを自動返信メールでお知らせされます。
お問い合わせを受信した側(サイト運営者)のお知らせは、下記のようなメールが届きます。
お問い合わせ受付後のメール
お問い合わせ送信時に入力した内容が、メール受信者(サイト運営者)に自動お知らせとして表示されます。
お問い合わせフォームの設定方法
THE THOR のお問い合わせフォーム設定の手順は以下の3ステップです。
ステップ①:詳細を設定する
まず、お問い合わせフォームの詳細設定をします。
- デフォルトで表示されている任意項目を変更す
⇒『タイトル』と変更しておけばOK - お問い合わせ送信後に画面表示される文を変更する
- ユーザーに送られるお知らせメールの内容を変更する
自由に変更することができるので、自分の好きなように変更してOKです。ただ、②の設定項目は HTML 編集なので注意して下さい。
ステップ②:固定ページを作成する
次に、固定ページから実際にお問い合わせフォームを作成します。
- 固定ページ編集画面の右側 [ 文書 ] を選択する
- [ パーマリンク ] から [ URLスラッグ ] を変更する
⇒『 contact 』とするのがベター - [ ページ属性 ] の [ テンプレート ] から [ お問い合わせTPL ] を選択する
⇒ そのほかの項目はデフォルトでOK
パーマリンクは自由に設定してOKですが、記事内容に沿って短く『 contact 』とするのがベター。
ステップ③:メニューに追加する
続いて、作成したお問い合わせフォームをメニューに追加します。
- わかりやすい名前にする
- フッターエリアを選択する
- [ 次へ ] をクリックする
メニュー位置は『フッター』に表示するので、メニュー名は『フッター』として [ フッターエリア ] を選択すれば問題ないです。
- 固定ページから [ お問い合わせ ] を選択する
- フッターメニューに [ お問い合わせ ] が追加される
- [ 公開 ] をクリックする
お問い合わせフォームの作成・設定はこれですべて完了です。
THE THOR のお問い合わせフォーム設定後
最後に、設定変更したお問い合わせフォームの表示がどのようになっているかを確認してみましょう。
変更後のデザイン
デフォルトで『URL』となっていた部分が『タイトル』に変更されています。
メールを送信した側のお知らせ
デフォルトの文章から、このように変更されています。
問い合わせ受付のお知らせ
メールの文章もこのように変更されています。
僕の場合は『返信』や『ご連絡』という言葉は使わず、上記のように『ありがとうございます』という文章のみにしています。
メールを受信した側のお知らせ
メールを受信した側(サイト運営者)でもデフォルトで『URL』となっていた部分が、しっかり『タイトル』と変更が反映されています。
THE THOR のお問い合わせフォーム設定まとめ
THE THOR に標準で搭載されているお問い合わせフォームの設定方法を解説しました。
ほとんどの場合、プラグイン『 Contact Form7 』を必要とするお問い合わせフォーム。T HE THOR に必要なプラグインは少なく、お問い合わせフォームも標準搭載されており設定も3分で終わります。
- 詳細を設定する
- 固定ページを作成する
- メニューに追加する
THE THOR は実装されている機能が多いため、ぜひフル活用してSEO・ユーザーから評価されるようなサイト設計をしていきましょう。
THE THOR は HTML サイトマップの設定もプラグインなしでできるため、併せて設定するのがおすすめです。
記事の内容についてご意見をお聞かせください