沖縄に移住した早期定年退職者がネットビジネスで月利100万円を目指す

ゴールデンルールを実践し、自分年金を作るために日々奮闘しています。For visiters from overseas: I am afraid this blog is written in Japanese only.

ABA講座まとめ

プラグインを使ってお問い合わせページを作成する

前回は、WordPressのプラグインである「Contact Form 7」をインストールしました。今回は、「Contact Form 7 」を使ってお問い合わせページを作成します。

1. お問い合わせページ用に固定ページを作成する

※ここは私がつまずいたポイントです。お問い合わせページは固定ページで作成するんですね。

お問い合わせフォームを設置するための固定ページを作成します。ダッシュボードの「固定ページ」の「新規追加」をクリックします。

スクリーンショット 2016-08-15 21.13.54

お問い合わせというタイトルを入力します。

スクリーンショット 2016-08-15 21.16.10

2. 固定ページにお問い合わせフォームのコードを貼付ける

「Contact Form 7」プラグインは、有効にした時点ですでにお問い合わせフォーム部分が完成しています。今回はそのフォームをお問い合わせページに設置します。

ダッシュボードの「お問い合わせ」の「コンタクトフォーム」をクリックします。

※「お問い合わせ」の項目は、「Contact Form 7」のプラグインを有効かすると表示されます。

スクリーンショット 2016-08-15 21.22.12

コンタクトフォーム一覧の中の、「コンタクトフォーム1」をお問い合わせフォームとして利用します。「コンタクトフォーム1」の「編集をクリックします。

スクリーンショット 2016-08-15 21.24.50

お問い合わせフォームを設置するためには、下記のオレンジ色の下線のひいた箇所にあるショートコードをコピーし、先ほど作成した「お問い合わせ」という固定ページに貼りつけます。

スクリーンショット 2016-08-15 21.25.21

ダッシュボードの「固定ページ」の「固定ページ一覧」から「お問い合わせ」の固定ページを開きます。

まずは以下のように「テキスト」のタブに切り替えます。その後、固定ページの本文の部分に、コピーしたお問い合わせフォームのショートコードを貼りつけ、更新します。

スクリーンショット 2016-08-15 21.30.43

※この箇所も私がつまずいた所です。ショートコードをどこに貼付けたら良いのかわかりませんでした。

3. 表示の確認

作成したお問い合わせページをサイト上で確認できます。下記のようなフォームが表示されたら成功です。登録したメールアドレスに送信されるか、テスト送信してみましょう。

スクリーンショット 2016-08-15 21.46.52

※デフォルトでのお問い合わせの送信先は、WordPressインストール時に登録したメールアドレウに設定されています。送信先は変更することもできます。

「お問い合わせ」→「コンタクトフォーム」→「コンタクトフォーム1」→メールタブの送信先欄のメールアドレスを変更

今回インストールした「Contact Form 7」は、非常に柔軟性のあるプラグインで、目的に合わせたフォームのカストマイズができます。

これでやっと当ブログにお問い合わせフォームが設定できました。

よかったら、ご意見・ご感想など、なんでも良いので、お問い合わせフォームから送信してみてください。

 

 

-ABA講座まとめ