問い合わせフォームを作成する!(Contact Form 7)

B!

WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、サイト閲覧者からの問い合わせを受け付ける問い合わせフォームを作成します。

プラグイン「Contact Form 7」をインストールする!

Diverでは、問い合わせフォームを作成する機能は用意されていません。簡単に問い合わせフォームを作成するために、プラグイン「Contact Form 7」を使用することにします。プラグイン「Contact Form 7」をインストールして、有効化しましょう。

「Contact Form 7」の設定を行う!

プラグイン「Contact Form 7」設定画面から、設定を行います。設定画面で「新規作成」ボタンを押してコンタクトフォームの雛形を作成します。本サイトでは、雛形の変更は行っていません。雛形を保存すると、雛形のショートコードが表示されます。

問い合わせフォーム用の投稿記事のカテゴリを作成する!

本サイトでは、問い合わせフォームははデザインの統一性から投稿記事で作成しています。そのため、問い合わせフォーム用のカテゴリとして以下を作成します。サイトマップの作成等で作成済みの場合は、必要ありません。

  • 名前:サイト案内
  • スラッグ:about

問い合わせフォーム用の投稿記事を作成する!

問い合わせフォーム用の投稿記事を作成します。

  • 記事タイトル:お問い合わせ
  • カテゴリー:サイト案内
  • 本文:※「Contact Form 7」で作成したお問い合わせフォームの雛形のショートコード

お問い合わせフォームを確認する!

お問い合わせが表示されるか確認します。表示されたら実際にお問い合わせを作成して、問い合わせ内容がメールで送信されるか確認します。

おわりに

本格的なサイトとしては、記事内容についての問い合わせフォームを作成しておくべきです。問い合わせフォームは、プラグインで簡単に作成することができます。

関連記事

 

最新の記事はこちらから