MENU
チロ猫
こんにちは、チロ猫です。

ネットショップと趣味のブログをいくつか運営しています。
永久無料ドメイン付き!超高速サーバーConoHa Wing! 詳細

お問い合わせフォームの作成|Contact Form7の設定

今回は、ブログに必須の「お問い合わせ」を設定するね。

目次

お問い合わせフォームの設定

今回は、次のようなお問い合わせフォームを作成します。

お問い合わせフォームは、以下の4つの手順で作成します。

  • Contact Form 7 のインストール
  • Contact Form 7 の設定
  • 固定ページで「お問い合わせ」を作成
  • フッターメニューに追加

一つ一つ説明していきます。

Contact Form 7 のインストール

STEP

まずは「Contact Form 7」プラグインをインストールします。

プラグイン > 新規追加 をクリックします。

STEP

キーワードに「Contact Form 7」と入力します。

Contact Form 7のプラグインが表示されたら、今すぐインストール をクリックします。

STEP

次に、有効化 をクリックします。

Contact Form 7 の設定

STEP

プラグインが有効化されたら、Contact Form 7 の内容を設定します。

お問い合わせ > コンタクトフォーム を選択します。

STEP

すでにサンプルが作成されていますので、そちらを設定していきます。

コンタクトフォーム1 をクリックします。

STEP

コンタクトフォームの内容が表示されます。

すでに、内容が入力されています(氏名メールアドレス題名メッセージ本文)。特に変更は必要ありません。

STEP

次に、メール タブをクリックします。

送信先(受取先)に、ログインで使用したアドレスが設定されています。このアドレスをお問い合わせ用に使いたくない場合は、別のアドレスを設定できます。

別のアドレスを設定するには、入力部分をすべて消去してから、メールアドレスを入力します

Contact Form 7の設定が終了しました。

固定ページで「お問い合わせ」を作成

STEP

次は、固定ページで「お問い合わせ」ページを作成します。

固定ページ > 新規追加 をクリックします。

STEP

タイトルに「お問い合わせ」と入力します。

をクリックします。

STEP

Contact Form 7 を選択します。表示されていない場合は、すべて表示 クリックします。

STEP

Contact Form 7のブロックが表示されます。

すでに「コンタクトフォーム1」が選択されているので、そのままでOKです。

右上の歯車マークを押してメニューを表示し、固定ページ をクリックします。

パーマリンクに「contact」という名前を付けます。

STEP

右上の 公開 ボタンをクリックします。

確認画面が表示されたら、再度 公開 をクリックします。

STEP

公開が済んだら、WマークをクリックしてWordPressの管理画面に戻ります。

フッターメニューに追加

STEP

次に、今作った「お問い合わせ」をフッターに配置します。

外観 > メニュー を選択します。

STEP

新しいメニューを作成します。

フッター」と入力し、メニューを作成 をクリックします。

STEP

次に、作成したフッターメニューに項目を追加していきます。

固定ページで すべて表示 をクリックします。

ホーム以外の4つの項目(プライバシーポリシーお問い合わせサイトマッププロフィール)にチェックを入れ、メニューに追加 をクリックします。

STEP

4つの項目が右側に追加されます。これらの項目はドラッグで順序を入れ替えられます

STEP

次に、今作った「フッター」メニューをどの部分に表示するかを指定します。

メニュー設定フッターメニューのチェックボックスにチェックを入れます。

メニューを保存 をクリックします。

これで、フッターに「お問い合わせ」他4項目が配置されました。

STEP

実際の表示を確認しましょう。

ブラウザの別タブを開いて、自分のサイトを表示します。フッターに項目が追加されていることを確認しました。

事前の必須設定は、あと2つ!

もう少しなのでがんばって!


次の記事では、まずはじめに設定しておいた方がいい、コメントの停止方法について解説します。

次は「ブログの作り方 8-7

よかったらシェアしてね!
目次
閉じる