Warning: The magic method InvisibleReCaptcha\MchLib\Plugin\MchBasePublicPlugin::__wakeup() must have public visibility in /home/c8041545/public_html/chonme.blog/wp-content/plugins/invisible-recaptcha/includes/plugin/MchBasePublicPlugin.php on line 37
プラグイン不要!ザ・トールのお問い合わせページ作り方と設定方法│ちょめも|敏感肌ちょんめのコスメメモ
ザ・トールお問い合わせフォーム作成手順

プラグイン不要!ザ・トールのお問い合わせページ作り方と設定方法

ザ・トールお問い合わせフォーム作成手順

こんにちは、ちょめも管理人のちょんめです。

今回は当ブログでも使用しているワードプレスの有料テーマ「THE THOR(ザ・トール)」を使って、お問い合わせフォームを作る方法と手順をまとめました。

通常WordPressでお問い合わせフォームを作りたい場合は「Contact Form7」というお問い合わせフォームを作るための専用プラグインを設定して使用します。

ところが、ザ・トールにはデフォルトでお問い合わせフォームを作るための機能が盛り込まれているので、使用するプラグインの数を抑えながら、しかも簡単な手順でだれでも追加・編集ができるのが魅力なんです。

お問い合わせページを設置すると、個人ブログもきちんと運営されているサイトという印象になりますよね。まだ設置していないという方は、ぜひ導入してみてくださいね。

ザ・トールのお問い合わせ機能の特徴

まずは、ザ・トールのお問い合わせページでできることを紹介します。

お問い合わせフォーム

ザ・トールお問い合わせフォーム

ザ・トールの機能で作成できるお問い合わせフォームでは、あらかじめ表示できる項目が決まっており、下記の4つが表示されます。

  • お名前[必須]
  • メールアドレス[必須]
  • 自由入力項目
  • お問い合わせ内容[必須]

基本的に項目は固定ですが、上から3番目のみ相手に何を尋ねるか自分で設定できます。

ちょんめ
一見少ないようにも見えますが、必要最低限の機能はしっかりそろっているので、ブログを運営するうえで困ることはないと思いますよ。

送信完了画面

ザ・トールお問い合わせフォーム

お問い合わせフォームからメールが送信されたという送信完了画面が表示できます。

相手への確認メール

ザ・トールお問い合わせフォーム

お問い合わせフォームに入力してくれた相手には、お問い合わせ内容についての確認メールが自動で送信されます。

自分への通知メール

ザ・トールお問い合わせフォーム

また、管理者の自分へは、お問い合わせがあったことを知らせる通知メールが自動で届きます。

返信等の相手とのやり取りはWordPress側から送ることはできないので、自分のメールアドレスを使って返信します。

ザ・トールのお問い合わせページ作り方の手順

ザ・トールでお問い合わせページを手順について、詳しく解説していきます。

STEP1. 固定ページを作る

ザ・トールでは「固定ページ」を使って、お問い合わせページを作ることができます。
お問い合わせ用の固定ページを作る手順は下記の通りです。

  1. 固定ページを新規作成する
  2. タイトルを入力する
  3. パーマリンクを入力する
  4. ページ属性を「お問い合わせTPL」に変更する
  5. 公開して保存

1-1. 固定ページを新規作成する

固定ページ→新規追加

WordPressのダッシュボードから【固定ページ】→【新規追加】を選択し、新しくページを作ります。

1-2. タイトルを入力する

固定ページの設定

固定ページのタイトルを入力します。

ちょんめ
ページのタイトルとして表示されるので「お問い合わせ」や「お問い合わせフォーム」等のわかりやすい名前にしておくのがおすすめです。

1-3. パーマリンクを入力する

固定ページの設定

ページのURLとなる「パーマリンク」を設定します。

ちょんめ
こちらも自由に設定できますが「contact」「form」「support」等が一般的ではないかと思います。

1-4. ページ属性をお問い合わせTPLに変更する

固定ページの設定

ページ属性の項目に「テンプレート」が用意されており、デフォルトテンプレートから「お問い合わせTPL」に変更します。

ちょんめ
本分のテキストは何も入力せず白紙の状態で大丈夫です!

1-5. 公開して保存

固定ページの設定

公開ボタンを押して保存すれば、設置完了!

ちょんめ
アイキャッチ画像が表示されるテンプレートを使用している場合は、アイキャッチ画像を設定しておくと「No image」と表示されるのが防げます。

STEP.2 お問い合わせフォームのカスタマイズ

続いて、お問い合わせページに表示する内容やテキストを編集していきます。

基本的にデフォルトですべて項目が設定されているのですが、もし変更したい部分があれば修正します。

  1. カスタマイザーを開く
  2. 自由入力項目のタイトルを入力
  3. サンクス画面のメッセージを入力
  4. 自動返信メールの冒頭を入力

2-1. カスタマイザーを開く

外観→カスタマイズ

WordPressの管理画面から【外観】→【カスタマイズ】を選択し、カスタマイザーを開きます。

カスタマイザーからフォームを編集

【基本設定[THE]】→【お問い合わせページ設定】を開きます。

2-2. 自由入力項目のタイトルを入力

フォームの編集

デフォルトでは「電話番号」と表示されています。

例えば「URL」に変更したりと、電話番号以外が聞きたい場合は修正します。

ちょんめ
私の場合は「タイトル」に変更してみました。お問い合わせ内容のタイトルを書いてもらうイメージです。

2-3. サンクス画面のメッセージを入力

ザ・トールお問い合わせフォーム

サンクス画面とは、お問い合わせフォームに入力して送信したときに表示される画面のこと。

何も編集しない場合は、下記のテキストが表示されます。修正したいときには編集しておきましょう。

この度はお問い合わせいただきありがとうございます。メールを確認次第、担当者よりご連絡をさせていただきます。
ちょんめ
文章的には問題ない気がしますが、個人ブログの場合は「担当者」という表現がひっかかる印象ですので、ここだけ削除しておいてもいいかもしれません。

2-4. 自動返信メールの冒頭を入力

ザ・トールお問い合わせフォーム

自動返信メールは、お問い合わせをしてくれた相手に自動で届くお問い合わせ受け付けメールです。

この部分もデフォルトで既に文章が入力されているので、問題がなければこのまま使用できます。

改めて担当者よりご連絡致しますので、今しばらくお待ちください。
ちょんめ
こちらも個人ブログの場合は「担当者」という部分を削除しておいてもよいかもしれませんね。

STEP.3 お問い合わせページをメニュー画面に表示する

制作したお問い合わせページを、自分のサイト上に表示させます。

ちょんめ
この作業をしないとサイト上からお問い合わせページにアクセスできないので、注意してください。
  1. カスタマイザーを開く
  2. メニューへお問い合わせを追加する

3-1.  カスタマイザーを開く

外観→カスタマイズ

【外観】→【カスタマイズ】でカスタマイザーを開きます。

メニューの設定方法

下の方に【メニュー】の項目があるのでクリック。

ちょんめ
ダッシュボードで【外観】→【メニュー】からも作れますが、見た目のデザインも確認できるカスタマイザー使用がおすすめです。

3-2. メニューへお問い合わせを追加する

今までメニューを一度も作ったことがない場合は【メニューの新規追加】を。
既に作ったメニューがある場合は、先ほど作ったお問い合わせページを、固定ページから追加してください。

↓メニューが表示できる場所や手順についてはこちらの記事に詳しくまとめていますので、これからメニューを作るという場合はご確認ください。

関連記事

こんにちは、ちょめも管理人のちょんめです。 今回は当ブログでも使用しているワードプレスの有料テーマ「THETHOR(ザ・トール)」を使って、グローバルメニューやサイドメニューを作る方法をまとめました。 ザ・トールでは、固[…]

各種メニューを作成する方法

お問い合わせフォームのメールが届くか確認する

お問い合わせフォームが作れたら、必ずお問い合わせフォームを自分で使ってみて、相手への確認メールと自分への確認メールがきちんと届いているかどうかを確認してください

と、言いますのも……管理人ちょんめがはじめてお問い合わせフォーム作ったときに、何度メールを送っても自分への通知メールが届かないという現象が起きてしまったのです。

もしも「設定してもうまく届かないメールアドレス」を設定していた場合は、お問い合わせしてくれた相手側にはメールは届くけれど自分には届かないので、「そもそもお問い合わせがあったことにすら気付けない」という恐ろしい状態になっている可能性が!

設置したら必ずメールが届くか確認しておいてくださいね。

設定中のメールアドレスの確認方法

お問い合わせフォームから届いたメールは「管理者メールアドレス」に届くようになっています。

現在登録している管理者メールアドレスは、WordPressのダッシュボード内の【設定】→【一般】から確認できます。

設定→一般

設定中のメールアドレス

ちょんめ
管理者メールアドレスに設定したメールアドレス宛にメールが届きます。届いていても迷惑メールフォルダに振り分けられていることがあるので、しっかり確認してみてくださいね。

メールが届かない場合の対処方法

確認作業を行ったときに、メールが届かないことがあります。
解決方法としては下記の2つがあります。

  • 別の端末から送信テストをしてみる
    (スマホなど現在ワードプレスにログインしていない端末を使用する)
  • 登録メールアドレスそのものを変更してみる
ちょんめ
わたしの場合は最初にGmailで登録していましたが、何度試してみても届かず……。現在使用しているレンタルサーバーのメールアドレスに切り替えることで解決しました。

まとめ

THE THOR(ザ・トール)でお問い合わせフォームを作って設置するまでの流れは下記の通りです。

  • STEP.1 固定ページを作る
  • STEP.2 お問い合わせフォームのカスタマイズ
  • STEP.3 お問い合わせページをメニュー画面に表示する
  • 最後に必ずお問い合わせフォームのメールが届くか確認する

固定ページを作る手順

  1. 固定ページを新規作成する
  2. タイトルを入力する
  3. パーマリンクを入力する
  4. ページ属性を「お問い合わせTPL」に変更する
  5. 公開して保存

お問い合わせフォームのカスタマイズ手順

  1. カスタマイザーを開く
  2. 自由入力項目のタイトルを入力
  3. サンクス画面のメッセージを入力
  4. 自動返信メールの冒頭を入力

お問い合わせページをメニュー画面に表示する手順

  1. カスタマイザーを開く
  2. メニューへお問い合わせを追加する

お問い合わせフォームのメールが届くか確認する手順

  1. 設置したメールフォームから問い合わせを送る
  2. お問い合わせ自動確認メールが届くか確認する
  3. 自分への通知メールが届いているか確認する
  4. 自分宛のメールが届いていない場合は、別の端末からリトライするか、WordPressに登録しているメールアドレスそのものを変更する。
ちょんめ
ザ・トールのお問い合わせ機能では、難しい知識が不要で基本的な機能が詰まったお問い合わせフォームが簡単に作れるので、WordPress初心者にはうれしい機能です!
ザ・トールで作れるお問い合わせフォームに表示できる項目は4つと固定されています。
より複雑なお問い合わせフォームを作りたい場合には、「Contact Form7」等のプラグインを検討するのもアリだと思います。
ザ・トールお問い合わせフォーム作成手順
最新情報をチェックしよう!
>【登録無料】Amazonらくらくベビー

【登録無料】Amazonらくらくベビー

誕生日または出産予定日を登録するだけ! 条件クリアで最大1120円分のベビー&マタニティ商品が入った無料の「出産準備お試しBox」受け取りや、ベビー用品の割引特典・限定セールが受けられるサービスです。Amazonユーザーなら誰でも0円で登録できます。

CTR IMG