THE THORのお問い合わせフォームを設置したり、カスタマイズするにはどうすればいいのか？その方法をお探しですか？
WordPressでお問い合わせフォームを作るといえば、有名なプラグインで「Contact Form 7」が思い浮かびますが、プラグインを導入することでサイトが重くなることがありますよね。
その問題を避けるための結論としては、THE THORに標準搭載されているお問い合わせフォームを使うことで解消されます！
一つでも手間が減るわけですから、こういうちょっとしたことが実はありがたくて嬉しい機能といえます。
そこで本記事では、THE THORのお問い合わせフォームの設置手順と、かんたんなカスタマイズも含め解説していきますね。
THE THORのお問い合わせフォームについて
THE THORのお問い合わせフォームですが、カスタマイズする前の標準搭載のままでは、一体どのように見えるのでしょうか？早速確認してみましょう。
設置時のデザイン
- 名前
- メールアドレス
- URL
- お問い合わせ内容
このフォームからメッセージを送信した場合、送信した側と受信した側には、どんな内容が表示されるのでしょうか？両者のメッセージを確認してみましょう。
送信した側「お問い合わせ受付のお知らせ」が届く
メッセージを送信したユーザー側には、下画像のメールが届きます。
受信した側「WEBからのお問い合わせ」が届く
メッセージを受信したブログ運営者側には、下画像のメールが届きます。
このように、両者へ自動メールが入ることで、初期の慣れない時でも、最低限の対応ができますよね。
THE THORの使い方に慣れてきたら、後に解説するカスタマイズで変更すれば、操作性も一緒に上げることができますよ。
THE THORのお問い合わせフォーム設置手順
では早速、THE THORのお問い合わせフォームを設置していきますが、作業の流れをざっと説明すると、最初にお問い合わせページの作成をしてから、固定ページへ設置して、最後にメニューへ追加します。
①お問い合わせページを作成する
管理画面から【外観】→【カスタマイズ】→【基本設定[THE]】へ進みます。
次に【お問い合わせページ設定】をクリックして下さい。
【お問い合わせページ設定】で以下の項目を確認しましょう。
- 自由入力項目のタイトルを入力→ デフォルトは「URL」になっています。
- サンクス画面のメッセージを入力→ 特にこだわりがなければ、デフォルトの文章のままで問題ないでしょう。
- 自動返信メールの冒頭を入力→ こちらもデフォルトの文章をそのまま使って構いません。
忘れずに【公開】をクリックします。
②固定ページへ設置する
続いて【固定ページ】→【新規追加】へ進みます。
固定ページを開いたら、以下の箇所を入力しましょう。
- タイトルを入力→ 「お問い合わせ」などわかりやすくしておきましょう。
- パーマリンクを入力→ 「contact」や「contact-form」とするとよいです。
- ページ属性を変更→ 「お問い合わせTPL」を選択して下さい。
最後に【公開】をクリックします。
③メニューへ追加する
次に管理画面から【外観】→【カスタマイズ】→【メニュー】へ進みます。
メニュー画面を開いたら【メニューを新規作成】をクリックします。
メニューでの設定は以下のようになります。
- メニュー名→ 「フッター」などわかりやすくしておきます。
- メニューの位置→ 「フッターエリア」にチェックを入れましょう。
入力したら【次】をクリックして下さい。
次の画面でフッターメニューに固定ページを追加します。
- 【項目を追加】をクリックすると、左側に固定ページが表示されます。
- 【お問い合わせ】を固定ページから選択して下さい。
- 【お問い合わせ】がフッターに追加されました。
最後に【公開】ボタンを押して、設置できているか確認してみて下さいね。
「THE THOR無料サポート」受付中！質問、疑問etc…どんな些細なことでもOK！お問い合わせはこちらからお気軽にどうぞ！
お問い合わせフォームをカスタマイズする
最後に、お問い合わせフォームの簡単なカスタマイズ方法を２つご紹介しますね。
①お問い合わせページ設定をカスタマイズ
お問い合わせページ設定のデフォルトになっている文言は、個人のブログにしては丁寧すぎるので変更してみましょう。
管理画面から【外観】→【カスタマイズ】→【基本設定[THE]】→【お問い合わせページ設定】に進み、自由に文章を入力して下さい。
例：
自由入力項目のタイトル→ 「タイトル」「題名」などに変更します。
サンクス画面のメッセージ→ ○○（あなたの名前）へお問い合わせ頂き、どうもありがとうございます。
自動返信メールの冒頭→ 24時間以内に返答しますので、しばらくお待ちください。
②アイキャッチの画像を設定する
THE THORのアイキャッチ画像は、デフォルトでは「No Image」となっていますが、見栄えの良い画像を設定したり、逆にいらない場合は消すことも可能です。
管理画面から【固定ページ】→【固定ページ一覧】の中から【お問い合わせ】の編集ページを開き【アイキャッチ画像を設定】をクリックします。
【ファイルをアップロード】→【ファイルを選択】→【アイキャッチ画像を設定】→【公開】で完了します。
また、アイキャッチ画像は邪魔だと感じる場合、以下の手順で消しましょう。
管理画面から【外観】→【カスタマイズ】→【固定ページ設定[THE]】→【スタイル設定】へ進みます。
スタイル設定画面が表示されたら【ページタイトルデザイン設定】で【ノーマル（アイキャッチ無し）】を選択して下さい。
こちらも【公開】ボタンを押して、設定されているか確認してみて下さいね。
まとめ
今回はTHE THORのお問い合わせフォームの設置手順と、簡単なカスタマイズも含め解説してきました。
お問い合わせフォーム一つにしても、使用するプラグインの数を減らすことができるのは大きなメリットですよね。
有名プラグインである「Contact Form 7」ほどの機能はないものの、代わりに独自の自動返信機能があるという点は強みでもあります。
お問い合わせフォームがあるだけで、売上に繋がる連絡が来ることもあるので、是非設置しておきましょう！
最後に、今回の記事でなにかわからないことはありませんでしたか？質問や相談、感想や雑談などなんでもOK！あなたからのメール待ってます↓
