子連れサーフトリップ
楽しいことを求めて
WordPress講座

誰でも簡単にできちゃう!WordPressで『お問い合わせぺージ』を作る方法 ⑭

お問い合わせぺージの作成方法

『お問い合わせぺージ』を作る

サイトを運営するときは、外部からの問い合わせを受け付けるぺージを設置しておきましょう。
問い合わせ先を設けていることで、サイトの信頼度は格段にアップします。
ユーザーからの質問や、広告掲載の依頼がきたりすることもあります。

ベーシックな『お問い合わせ』フォームの設置方法

ここでは、ベーシックなお問い合わせフォームの設置方法を紹介します。

ベーシックなお問い合わせフォームとは、
・お名前
・メールアドレス
・題名
・メッセージ本文
の4項目で構成されます。

個人のサイトであれば、このベーシックなお問い合わせフォームで十分かと思います。

Contact Form 7というプラグインを使用すると、設置も簡単ですしカスタマイズもできるのでおすすめです。

1 プラグインをインストールする

 

Contact Form 7インストール

①ダッシュボードから「プラグイン」の「新規追加」をクリック

②キーワードに「Contact Form 7」と入力

③「今すぐインストール」をクリックし、有効化します。

2 [Contact Form 7]を設定する

 

プラグインを有効化すると、ダッシュボードに「お問い合わせ」という項目が現れます。


①新規追加をクリック

②(Contact、お問い合わせ)など好きな名前を付けます。

③「保存」をクリック。そうすると④の部分にショートコードが作成されます。

④ショートコードをコピーしておきます。

※[フォーム]というタブでは、お問い合わせぺージの項目を設定できますが、とりあえずデフォルトのままでOKです。

[メール]のタブを開く

⑤ここにお問い合わせを受け取るのメールアドレスを入力する。
※デフォルトでは、WordPressで初期設定の時に入力したメールアドレスが既に入力されているので、違うアドレスを使いたい場合は変更しておきましょう。

「メッセージ」・・・お問い合わせフォームの送信後やエラーに対して表示される文言を変更することができます。基本的には、このままでいいと思います。

「その他の設定」・・・コードを入力することで、問い合わせフォームの機能を追加することができます。例:読者限定モードなど

詳しくは、こちらを参照してください。
Contact Form 7

3 『お問い合わせ』を固定ぺージにリンクさせる

作成した「お問い合わせ」は、まだ固定ぺージには入っていないのでリンクさせる必要があります。

①ダッシュボードの「固定ぺージ」をクリック

②「新規作成」をクリック

問い合わせぺージ作成4

③(お問い合わせ、Contact)など、先ほど決めた名前を入力します。

④パーマリンクにスラッグ(意味の分かる英単語:contactなど)を入力し、「OK」をクリック

⑤「テキスト」ぺージを開く

⑥本文の部分に先ほどコピーしておいた「ショートコード」を貼り付けます。

⑦「公開」をクリック

4 トップぺージに「お問い合わせ」を反映させる

お問い合わせぺージは独立しているぺージの為、サイトのトップぺージとの繋がりがありません。その為、トップぺージとの繋がりを作る必要があります。

トップぺージとの繋がりを作る方法としては、グローバルナビゲーションなどで問い合わせぺージの内部リンクを貼る必要があります。
グローバルナビゲーションとは、サイトのすべてのぺージに共通して設置された案内リンクのことです。

①ダッシュボードの「外観」をクリック

②「メニュー」をクリック

③「グローバルナビゲーション」を選択

④「Contact,お問い合わせ」にチェックを入れる

⑤「メニューに追加」とクリック

⑦メニュー構造の中に「Contact、お問い合わせ」が追加されるので、「メニューを保存」をクリック

これで、サイトのトップぺージに「お問い合わせ」が反映されるので、完成です!