コンタクトフォームをプラグイン「Contact Form 7」を使って設置する方法

プラグイン「Contact Form 7」の設置方法を解説します。

コンタクトフォームは、アドセンスの審査に合格するために必要なだけでなく、クローズドASPからの連絡も貰えるので設置しておいた方が良いですよ!

完成したお問い合わせはこちら

Contact Form 7の設置

ワードプレス左メニュー、プラグインからContact Form 7をDLしてインストールします。

Contact Form 7の設置方法

Contact Form 7のインストール

右上の入力欄に「Contact Form 7」と入力して、プラグインが出てきたらインストールします。

Contact Form 7の検索をしてインストール

Contact Form 7の有効化

インストールが完了したら有効化します。

Contact Form 7のインストール後有効化する

コンタクトフォームを作成する

プラグイン一覧の中にあるContact Form 7の「設定」をクリックします。

Contact Form 7の設置方法

コンタクトフォームを編集する

コンタクトフォーム1というのができてますのでこれを編集します。

コンタクトフォームの編集

初期の状態でも大丈夫です。今回は初期の状態で設置します。

コンタクトフォームの中身を編集する

コンタクトフォームのページを作る

これだけでは設置できていません。このコンタクトフォームを載せるページを作成する必要があります。

固定ページにショートコードを張り付けるだけなので簡単に作成できます。

ショートコードをコピーする

ワードプレス左メニューから「お問い合わせ」もしくはプラグインContact Form 7の設定から下記画面を表示させます。

そしてショートコードをコピーしておきます。

コンタクトフォームのショートコードをコピーする

固定ページの作成

ワードプレス左メニューから、固定ページをクリックして、新規作成します。

そしてタイトルを入力したら、本文の欄に先ほどコピーしたショートコードを貼り付けます。あとは公開するだけで設置完了です。

お問い合わせページの新規作成

お問い合わせページが完成

初期設定ではこんな感じになっています。

Contact Form 7で作ったコンタクトフォームの初期設定だとこの画面

グローバルナビのメニューを作る

このままだとトップページからお問い合わせページが見えませんので、グローバルメニューにお問い合わせを追加します。

外観>メニューから下記画面を出して、メニューを作成をクリックします。

グローバルナビのメニューを作成する

グローバルナビにお問い合わせを追加

グローバルナビにお問い合わせを追加

お問い合わせ追加完了

完成するとこんな感じになります。

グローバルナビにお問い合わせ追加完了した画面

スマホだとこんな感じです。

お問い合わせ設置後スマホのヘッダーメニューの見本

 

以上が、Contact Form 7でお問い合わせを設置する方法でした。

コメント

タイトルとURLをコピーしました