広告 WordPress

WordPress-プラグインを使って固定ページに問い合わせフォームを作成する方法

2021-08-20

プラグインを使って固定ページに「問い合わせ(メールフォーム)」を作成する方法

問い合わせフォームを作るにはプラグインを使って作成するのが簡単で早いので、プラグイン(Contact Form 7)を使って問い合わせフォームを作成する方法を紹介します。

プラグイン(Contact Form 7)をインストールする

WordPressのダッシュボードから問い合わせフォームに使うプラグイン(Contact Form 7)を新規追加します。

  1. WordPressのダッシュボードからプラグインを選んで新規追加を選びます。
    wordpressプラグイン新規追加
  2. プラグイン追加の画面に切り替わったら、画面右上の検索に「Contact Form 7」と入力します。
    wordpressプラグイン検索
  3. 検索で入力したら、プラグイン(Contact Form 7)が表示されるので、「今すぐインストール」をクリックしてインストールします。
    contact form 7 インストール
  4. Contact Form 7のインストールが完了したら、有効化をクリックします。
    contact form 7 有効化

以上でプラグイン(Contact Form 7)のインストールは完了です。

プラグインで問い合わせフォームの設計

プラグインのインストールが完了したら、問い合わせフォームの設計をします。

  1. WordPressのダッシュボードからプラグインのから「インストール済みプラグイン」を選んで一覧を表示する
    wordpressプラグインの一覧表示
  2. プラグインの一覧からContact Form 7 を探して、設定をクリックする
    contact form 7の設定
  3. 「コンタクトフォーム」画面が表示されたら、「コンタクトフォーム1」にマウスのカーソルを合わせて編集をクリックする
    contact form 7 編集
  4. 「コンタクトフォームの編集」が表示されます。変更が必要であれば変更します。
    contact form 7 編集画面
  5. 編集が終わったら、画面右上の「保存」ボタンをクリックして設定内容を保存します。
    contact form 7 保存
  6. 画面に上部に青い枠の中に「ショートコード」が表示されているのでコピーしておきます。
    contact form 7 タグ

これで、プラグイン(Contact Form 7)の設定は完了です。後は固定ページで問い合わせの記事を作成したら、設置完了になります。

固定ページに問い合わせフォームを設置

固定ページにプラグイン(Contact Form 7)で作成したタグを貼り付けて、問い合わせフォームを作成します。

  1. WordPressのダッシュボードから固定ページの新規追加をクリックします。
    固定ページの新規追加
  2. 新規の固定ページが開いたら、「ショートコード」のブロックを追加するためブロックの右にある「+」アイコンをクリックします。
    固定ページを新規作で開く
  3. 画面左側にブロックのメニューが開くので、「ショートコード」を探してクリックします。
    ブロック新規追加
  4. 固定ページのブロックに「ショートコード」が追加されるので、コンタクトフォームでコピーしたコードを貼り付けます。
    ブロックもショートコードを追加
  5. URLスラッグに「contact」と入力して、公開します。
    固定ページを公開

以上で問い合わせフォームが作成できました。

動作確認をするために、問い合わせフォームにアクセスして送信してみましょう。無事にメールが届けば設置完了です。

その他の、WordPressをインストールして記事を公開するまでの環境を構築する方法をこちらで紹介しています。

関連記事