プラグイン「Contact Form 7」の設置方法を解説します。
コンタクトフォームは、アドセンスの審査に合格するために必要なだけでなく、クローズドASPからの連絡も貰えるので設置しておいた方が良いですよ!
完成したお問い合わせはこちら
Contact Form 7の設置
ワードプレス左メニュー、プラグインからContact Form 7をDLしてインストールします。
Contact Form 7のインストール
右上の入力欄に「Contact Form 7」と入力して、プラグインが出てきたらインストールします。
Contact Form 7の有効化
インストールが完了したら有効化します。
コンタクトフォームを作成する
プラグイン一覧の中にあるContact Form 7の「設定」をクリックします。
コンタクトフォームを編集する
コンタクトフォーム1というのができてますのでこれを編集します。
初期の状態でも大丈夫です。今回は初期の状態で設置します。
コンタクトフォームのページを作る
これだけでは設置できていません。このコンタクトフォームを載せるページを作成する必要があります。
固定ページにショートコードを張り付けるだけなので簡単に作成できます。
ショートコードをコピーする
ワードプレス左メニューから「お問い合わせ」もしくはプラグインContact Form 7の設定から下記画面を表示させます。
そしてショートコードをコピーしておきます。
固定ページの作成
ワードプレス左メニューから、固定ページをクリックして、新規作成します。
そしてタイトルを入力したら、本文の欄に先ほどコピーしたショートコードを貼り付けます。あとは公開するだけで設置完了です。
お問い合わせページが完成
初期設定ではこんな感じになっています。
グローバルナビのメニューを作る
このままだとトップページからお問い合わせページが見えませんので、グローバルメニューにお問い合わせを追加します。
外観>メニューから下記画面を出して、メニューを作成をクリックします。
グローバルナビにお問い合わせを追加
お問い合わせ追加完了
完成するとこんな感じになります。
スマホだとこんな感じです。
以上が、Contact Form 7でお問い合わせを設置する方法でした。
コメント