[`yahoo` not found]
Pocket

bandicam 2016-09-03 16-28-51-476
ワードプレスにプラグインを使って、
お問い合わせフォームを設置する方法を解説します。
「Contact Form 7」というプラグインを使うことにより、簡単に設置できます。
お問い合わせフォームがあることにより、閲覧者からの信用度が上昇します。

Contact Form 7インストール方法


ダッシュボードの「プラグイン」⇒「新規追加」
プラグインを追加のページを開いたら、検索窓に「Contact Form」と記入します。
「今すぐインストール」ボタンをクリック、有効化してください。

既にインストール済みの方は、「今すぐインストール」ボタンの代わりに
「Active」と表示されます。

bandicam-2016-09-08-15-52-00-230

ダッシュボードメニューバーにお問い合わせの項目が追加されているはずです。

bandicam-2016-09-08-16-00-02-736

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


ダッシュボード「お問い合わせ」からコンタクトフォームのページを開き、
「新規追加」をクリック。

bandicam-2016-09-08-16-07-31-132

コンタクトフォーム追加の画面が開きます。

bandicam-2016-09-08-16-42-36-674

赤枠に「お問い合わせフォーム」と記入、タイトルを付けました。

下記の画面上では、左から、「フォーム」「メール」「メッセージ」
「その他の設定」とタブが並んでいます。

まず「フォーム」から解説します。

bandicam-2016-09-08-16-47-15-377

「フォーム」は固定ページや記事のお問い合わせフォームで、
上から、「お名前」「メールアドレス」「題名」「メッセージ本文」の入力欄と
送信ボタンが表示されるようになっています。


bandicam-2016-09-08-17-01-02-226

次は「メール」タブの解説をします。

「メール」では、「フォーム」に入力された、お問い合わせ内容や
送信するメールアドレス、送信方法について設定します。
デフォルトでは、下記の画像のように表示されます。

「送信先」は、送信した閲覧者のメールアドレス、
「送信元」はワードプレスの設置されているサイト
「題名」はサイト名
差出人、題名、メッセージ文は、「フォーム」で記入されたものが記載されます。

今回は特別な設定変更はありませんので、デフォルトのままにします。

bandicam-2016-09-08-17-11-01-410

bandicam-2016-09-08-17-11-17-141

「メッセージ」のタブを開きます。

問い合わせフォームからメールを送信した閲覧者に対し、
自動表示されるメッセージを編集することが出来ます。
ここは、特に変更の必要はありませんのでデフォルトのままでいいです。

bandicam-2016-09-08-17-36-50-467

一番右の「その他の設定」タブは、通常はいじる必要はありません。
設定が終了したら、画面左下の「保存」をクリックします。

bandicam-2016-09-08-17-45-22-516

下記のようなお問い合わせフォームの設定が出来ました。

bandicam-2016-09-08-17-43-46-080

お問い合わせフォームを表示させる


お問い合わせフォームを表示させるためには、
コンタクトフォーム作成時のページに記載されている下記のコードを
記事や固定ページに記述するだけで簡単に表示させられます。

bandicam-2016-09-08-17-56-14-053

ショートコードをコピペして、
固定ページにお問い合わせフォームを作成します。

ダッシュボードの「固定ページ」⇒「新規追加」を開きます。

bandicam-2016-09-08-18-10-39-435

先ほどコピーしたショートコードを貼り付け、「公開」をクリックします。

bandicam-2016-09-08-18-10-08-674

サイドバーに「お問い合わせフォーム」が表示されました。

bandicam-2016-09-08-18-22-57-560


出来上がったお問い合わせフォームのページを開いてみます。
このようにお問い合わせフォームが完成しました。

bandicam-2016-09-08-18-30-43-443

メニューバーにお問い合わせフォームを設置する方法


ダッシュボードから「外観」⇒「メニュー」を開きます。

bandicam-2016-08-25-14-45-40-402

画面左側の「固定ページ」の項目に「お問い合わせフォーム」が既にあります。
チェックボックスにチェックを入れ、「メニューに追加」をクリックします。

bandicam-2016-09-08-18-58-49-188

「お問い合わせフォーム」がメニュー構造に追加されました。
グローバルメニューにチェックを入れ、「メニューを保存」を
クリックします。

bandicam-2016-09-08-19-04-36-111

メニューバーにお問い合わせフォームが設置されました。

bandicam-2016-09-08-19-24-16-517

[`yahoo` not found]
Pocket