【簡単5分】THE THORでフッターにお問い合わせフォームを設置する方法

 

いっぬ
THE THORでフッターにお問い合わせフォーム置きたいんだけど、よくみんな使ってる「Contact Form7」っていうプラグインを使えばいいの?

 

よわこ
あー、あの有名なWordPressプラグインね!
確かにあれでもいいんだけど、
実は、THE THORにはデフォルト標準で「お問い合わせフォームを作成する機能」があるからプラグインなしでも めちゃくちゃ簡単に設置できるんだよ~!

 

 

ということで、今日はTHE THOR(ザ・トール)でフッターにお問い合わせフォームページを設置する方法を紹介するよ。

 

 

 

【簡単5分】THE THORでフッターにお問い合わせフォームを設置する方法

05_h2_アイキャッチ

 

まずはざっくり手順を紹介するよ。

手順

  1. 固定ページでお問い合わせフォームページを作成する
  2. 作成したフォームをカスタマイズ(詳細設定)する
  3. お問い合わせフォームをグローバルメニューでフッターに追加する

 

STEP1:固定ページでお問い合わせフォームのページを作成する

1まずはWordPress管理画面・ダッシュボードで「固定ページ ➔ 新規追加」をクリック

05_001_固定ページの新規追加

 

2

固定ページの編集で下記のように、必要な情報を入力してくよ

  • ページのタイトル
  • パーマリンク
  • ページ属性のテンプレートで「お問い合わせTPL」を選択
05_002_お問い合わせページを作成

 

3

最後に「公開」ボタンをクリックして設定を保存

これでお問い合わせフォームのページは作成完了ですよ。簡単ですね!

 

 

STEP2:作成したお問い合わせフォームをカスタマイズ(詳細設定)する

次は、いま作成したお問い合わせフォームのページを自分用にちょこっとだけカスタマイズしますよ。

 

1

WordPress管理画面で「外観 ➔ カスタマイズ ➔ 基本設定 ➔ お問い合わせフォーム設定」へ移動

05_003_外観カスタマイズへ移動
05_004_基本設定→お問い合わせ設定へ移動

 

2

お問い合わせフォーム設定ページで、次の項目を編集していくよ(デフォルトのままでいい人は編集しなくてもOK)

  • 本文の前にユーザーに入力してもらいたい内容(例:タイトル、件名)
  • サンクスページで表示させたいテキスト
  • メッセージ送信が完了したことを知らせる自動返信メールの冒頭テキスト
05_005_お問い合わせフォームのカスタマイズ

 

3

最後に「公開」ボタンをクリックして設定を保存したら完了

これでお問い合わせフォームのページが完成しましたよ~!

設定したURLでページを開いてみると、こんな感じに仕上がってます。

05_006_お問い合わせページの完成

 

Sponsored Link

 

STEP3:お問い合わせフォームをグローバルメニューでフッターに追加する

お問い合わせフォームが出来上がったので、サイトに設置してみましょう!

今回はグローバルメニューで「フッター」に追加してみます。フッターっていうのはココです。

05_011_フッターメニューへの設定完了

 

1

まず、WordPress管理画面から「外観 ➔ カスタマイズ ➔ メニュー」へ移動するよ

05_007_グローバルメニュー・フッターへの追加

 

2

そこで「すべての位置を表示」をクリックして、フッターエリア項目の「+新規メニュー作成」をクリック

表示された新規メニューで「タイトル」を入力したら「次へ」ボタンをクリックしてね

05_008_フッタメニューを選択

 

3

追加したフッターメニューで何の項目を表示させるかを設定していくよ

「項目を追加」をクリックすると、設定欄が開くのでそこで「固定ページ」の「お問い合わせ」を選択

05_009_お問い合わせページを追加

 

4

追加された「お問い合わせ」の項目をクリックするとさらに詳細設定が開くので

表示名を変えたい場合は「ナビゲーションラベル」を変更する

 

クリック時に新しいタブページで開かせたい場合は「✓リンクを新しいタブで開く」にチェックを入れてね

 

➔ 最後に「公開」ボタンをクリックして設定を保存したら、完了!

05_010_お問い合わせメニューの詳細設定

 

サイトに行って設定されてるか確認してみてください。

こんなふうになっていたら無事成功です

05_011_フッターメニューへの設定完了

 

今日は「THE THORでお問い合わせフォームを作成する方法」を紹介しました。

また次回お会いしましょう♩

 

Sponsored Link
05_アイキャッチ_768px
最新情報をチェックしよう!

最強のWordPressテーマ「THE THOR」

本当にブロガーさんやアフィリエイターさんのためになる日本一のテーマにしたいと思っていますので、些細なことでも気が付いたのであればご報告いただけると幸いです。ご要望も、バグ報告も喜んで承っております!

CTR IMG