THE THOR(ザ・トール)のお問い合わせフォーム設定【プラグインは必要ない】

悩んでる人
悩んでる人
THE THORを導入したけど、お問い合わせフォームはどうやって作るの?
たけちよ
たけちよ
このような疑問をたけちよが解決します。
 
ブログにアクセスすると『お問い合わせ』という項目をよく見かけますよね。
お問い合わせフォームの作成は『Contact Form7』というプラグインを用いることが多いですが、THE THORでは標準でお問い合わせフォームが搭載されています。
 
そこで今回は、THE THORのお問い合わせフォームの作成・設置方法を紹介します。
 
たけちよ
たけちよ
画面はテストサイトを使用していますが、CHIYOBLOGもまったく同じ設定なので安心してじっくり読んでくださいね。
 
本記事でわかること
  • THE THORのお問い合わせフォーム作成・設置方法

 

当ブログで使用中テーマ『THE THOR』

 

THE THOR(ザ・トール)のお問い合わせフォーム

THE THOR(ザ・トール)のお問い合わせフォーム

THE THORはプラグインを使用せずに『お問い合わせ』フォームを設置することができます。

カスタマイズすることで使い勝手はさらに良くなりますが、まずはデフォルトでどのように表示されるか確認してみましょう。

 

デフォルトのデザイン

お問い合わせフォームのデフォルトは以下のような画面です。

 

お問い合わせフォーム

  • お名前
  • メールアドレス
  • URL
  • お問い合わせ内容

 

4つの項目から構成されており、とてもシンプルな作りになっています。

 

たけちよ
たけちよ
個人ブログであれば充分な機能ですね。
 
 
メールを送信した側のお知らせ

メッセージを送信した側(ユーザー)のお知らせは以下のようになります。

 

お問い合わせフォーム

 

お問い合わせ送信直後に自動で画面表示されます。

 

お問い合わせメール

○○(サイト名)にお問い合わせいただき、誠にありがとうございます。

改めて担当者よりご連絡致しますので、今しばらくお待ちください。

 

このようなメッセージと共に、お問い合わせが受付されたことを自動返信メールでお知らせされます。

 

メールを受信した側のお知らせ

メッセージを受信した側(サイト運営者)のお知らせは、下記のようなメールが届きます。

 

お問い合わせメール

 

お問い合わせ送信時に入力した内容が、メール受信者(サイト運営者)に自動お知らせとして表示されます。

 

お問い合わせフォームの作成・設定方法

お問い合わせフォームの作成・設定方法

THE THORのお問い合わせフォーム設定の手順は下記の3ステップです。

  1. 詳細を設定する
  2. 固定ページを作成する
  3. メニューに追加する

 

それではそれぞれ解説していきます。

 

ステップ①:詳細を設定する

まず、お問い合わせフォームの詳細設定をします。

 

1.『管理画面』→『外観』→『カスタマイズ』を開く

お問い合わせ詳細設定

 

2.『基本設定』→『お問い合わせページ設定』を開く

お問い合わせ詳細

お問い合わせ詳細

 

3.お問い合わせページの詳細を設定する

お問い合わせ詳細

  1. デフォルトで表示されている任意項目を変更する
    ⇒『タイトル』と変更しておけばOK
  2. お問い合わせ送信後に画面表示される文を変更する
  3. ユーザーに送られるお知らせメールの内容を変更する

※お問い合わせ内容によっては、返信しないこともあるので『返信』『ご連絡』という言葉は使わないようにしたほうが良いです

 

たけちよ
たけちよ
自由に変更することができるので、自分の好きなように変更してOKです。ただ、②の設定項目はHTML編集なので注意して下さいね。
 

ステップ②:固定ページを作成する

次に、固定ページから実際にお問い合わせフォームを作成します。

 

1.『固定ページ』→『新規追加』を選択する

お問い合わせ作成

 

2.固定ページのタイトルを『お問い合わせ』にする

お問い合わせ作成

 

3.お問い合わせフォームのページ設定をする

お問い合わせ作成

  1. 固定ページ編集画面の右側『文書』を選択する
  2. 『パーマリンク』から『URLスラッグ』を変更する
    ⇒『contact』とするのがベター
  3. 『ページ属性』の『テンプレート』から『お問い合わせTPL』を選択する
    ⇒そのほかの項目はデフォルトでOK

※パーマリンクはデフォルトだとページIDを含む文字列になっているため、②で変更できるよう事前にパーマリンクの初期設定をしておく必要があります

 

たけちよ
たけちよ
コパーマリンクも自由に設定してOKですが、記事内容に沿って短いものにしたほうがいいです。『contact』とするのがベターです。
 
4.No Indexする

お問い合わせ作成

 

No Indexは検索エンジンのクローラーにページをインデックス(検索エンジンに登録)させない設定です。

お問い合わせフォームはユーザーが入力しなければ空白の欄があるページなので、検索エンジンからは『価値の低いページ』としてサイト評価を下げられる可能性があります。

 

インデックスする必要がないページなのでNo Indexしましょう。

 

たけちよ
たけちよ
これでお問い合わせフォームの作成は完了です。とても簡単でしょ?次もサクサク行きましょう。
 

ステップ③:メニューに追加する

続いて、作成したお問い合わせフォームをメニューに追加します。

 

1.『管理画面』→『外観』→『カスタマイズ』を選択する

お問い合わせ

 

2.『メニュー』を選択する

お問い合わせメニュー

 

3.『メニューを新規作成』をクリックする

お問い合わせメニュー

 

4.メニュー名・位置を設定する

お問い合わせメニュー

  1. わかりやすい名前にする
  2. フッターエリアを選択する
  3. 『次へ』をクリックする

※メニュー位置は『フッター』に表示するので、メニュー名は『フッター』として『フッターエリア』を選択すれば問題ないです

 

5.フッターメニューに固定ページを追加する

お問い合わせメニュー

  1. 固定ページから『お問い合わせ』を選択する
  2. フッターメニューに『お問い合わせ』が追加される
  3. 『公開』をクリックする

 

6.フッターエリアに『お問い合わせ』が表示される

お問い合わせメニュー

 

お問い合わせフォームの作成・設定はこれですべて完了です。

 

たけちよ
たけちよ
お疲れさまでした。スムーズにいけは5分で終わります。
 

THE THOR(ザ・トール)のお問い合わせフォーム変更後

THE THOR(ザ・トール)のお問い合わせフォーム変更後

最後に、設定変更したお問い合わせフォームの表示がどのようになっているかを確認してみましょう。

 

変更後のデザイン

THE THORお問い合わせフォーム変更

 

デフォルトで『URL』となっていた部分が『タイトル』に変更されています。

 

メールを送信した側のお知らせ

THE THORお問い合わせフォーム変更

 

デフォルトの文章から、このように変更されています。

 

THE THORお問い合わせフォーム変更

 

メールの文章もこのように変更されています。

 

たけちよ
たけちよ
僕の場合は『返信』や『ご連絡』という言葉は使わず、上記のように『ありがとうございます』という文章のみにしています。
 
メールを受信した側のお知らせ

THE THORお問い合わせフォーム変更

 

メールを受信した側(サイト運営者)でもデフォルトで『URL』となっていた部分が、しっかり『タイトル』と変更が反映されています。

 

THE THOR(ザ・トール)のお問い合わせフォーム設定まとめ

THE THOR(ザ・トール)のお問い合わせフォーム作成・設定まとめ

ここまで、THE THORに標準で搭載されているお問い合わせフォームの作成・設定方法を解説してきました。

 

フォーム設定の手順3ステップ

  1. 詳細を設定する
  2. 固定ページを作成する
  3. メニューに追加する

 

ほとんどの場合、プラグイン『Contact Form7』を必要とするお問い合わせフォームですが、THE THORでは標準搭載されており設定も5分で終わります。

設定が簡単なうえに、プラグイン数が減らせることでサイトのページ表示速度も高速化することができるので、ぜひ活用していきましょう。

 

▼THE THORに必須・おすすめ・不要・相性の悪いプラグインはこちら
>>THE THOR(ザ・トール)はプラグインいらず?必須・不要まとめ【相性が悪いものもある】

【国内最速!格安レンタルサーバー『ConoHa WING』】

当サイトで契約中のWordPress向けレンタルサーバー!

国内最速サーバー速度&抜群の安定性

初期費用無料&独自ドメイン永久無料

これ1つで簡単にWordPressブログが始められます。

初回限定価格!ブログ運営1ヶ月間の徹底サポート
こちらをクリック
初回限定価格!ブログ運営1ヶ月間の徹底サポート
こちらをクリック