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