今回は、WordPressにお問い合わせフォームを作る方法です。
お問い合わせフォームを作るには、「Contact form 7」というプラグインを使用します。
CSSの設定など細かい設定は慣れたらできるので、まずは普通にお問い合わせができるフォームを作っていきましょう。
普通のお問い合わせフォームを作るには、特に凝ったことをする必要はありません。
画像を交えて説明しますね。
「Contact form 7」の設定・作成方法
ブログの読者さんとのコミュニケーションに必要なのが「お問い合わせフォーム」。
今日はこのお問い合わせフォームを作っていきましょう。
はじめは、デザインなど難しいことはせずに、サクっとお問い合わせフォームを作りましょう。
時間ができて、慣れてきたらデザインをしていけば十分です。
まずは、Contact form 7をインストールし、有効化します。
プラグインが既にインストールされている場合は、WordPressの管理画面の「プラグイン」→「インストール済みプラグイン」へと進み、Contact form 7を有効化します。
コンタクトフォームを作る
「Contact form 7」を有効化したら、早速お問い合わせフォームを作成しましょう。
お問い合わせフォームを作るには、WordPressの管理画面の「お問い合わせ」→「コンタクトフォーム」へと進みます。
すると、「コンタクトフォーム1」というコンタクトフォームが自動でできているので、「コンタクトフォーム1」をクリックします。
コンタクトフォームを設定する
コンタクトフォーム1をクリックしたら、コンタクトフォームの設定をしていきます。
デフォルトでは、タイトルは「コンタクトフォーム」となっていますが、私はわかりやすいように「お問い合わせ」と変更しました。
コンタクトフォームを複数作らない場合は、デフォルトの「コンタクトフォーム」のままでも大丈夫です。
必要に応じて修正して下さい。
タイトルを入力したら、「メール」タブをクリックします。
設定するところは、「送信先」と「送信元」です。
「送信先」、「送信元」ともにこのお問い合わせを受け取りたいメールアドレスを入力します。
メールアドレスを入力したら、右側にある「保存」をクリックします。
保存をクリックすると、③のURLをコピーします。
お問い合わせページを作成する
それでは、お問い合わせページを作っていきましょう。
WordPressの管理画面の「固定ページ」→「新規追加」をクリックします。
すると、固定ページを作る画面に変わるので、「テキスト」タブをクリックします。
テキストに変わったら、ページのタイトルを入力します。
ここでは、「お問い合わせ」としました。
次に、本文の欄に、先ほどコピーしたコンタクトフォームのURLを貼り付け、右側の「公開」をクリックします。
これで、なんの飾りもないお問い合わせフォームが完成しました。
これは他ブログのお問い合わせフォームですが、完成は下記のようになります。
慣れてきたら、「お名前」の前に文章を入力したり、画像を入力したりするといいと思います。
さいごに
お問い合わせフォームの作り方をご紹介しましたが、いかがでしたか?
画像を見ながら、順にやっていけば大丈夫かと思います。
「Contact form 7」の設定方法を紹介しているところはたくさんあるのですが、フォームをデザインしたりという説明をしているところが多く、初心者には、訳がわからなくなってしまうので、デザインを一切しない、コンタクトフォームの作り方の基本をご紹介しました。
もちろん、これでは、素っ気ないので慣れてきたら文章を入力したり画像を入れたりして、お問い合わせする方がわかりやすく、かつ自分らしくデザインしていけばいいと思います。
もし、画像の通りにやってみたけれど、「よくわからない」という方は有美にご相談下さいね。
【関連記事】