WordPress 簡単高機能!お問い合わせフォーム作成プラグイン Contact Form 7 インストール方法・設定方法

WordPress

 

こんにちは、yojipapa です。

 

今回は、とても簡単で高機能なワードプレス定番!必須のお問い合わせフォーム作成プラグイン、Contact Form 7(コンタクトフォームセブン)のインストール方法と設定方法をお伝えします。

カスタマイズ性も高いプラグインですので、あらゆるお問い合わせ種類にも対応できます。

 

ホームページ(ブログ)運営で収益を得るためには、お問い合わせフォームの設置が必要ですので導入しておきましょう。

 

プラグインとは

プラグインはワードプレスのセキュリティーを強めたり、より使いやすくカスタマイズするためのシステムです。
プラグインを導入することにより、より快適にワードプレスを楽しむことができます。

 

WordPress 簡単高機能!お問い合わせフォーム作成プラグイン Contact Form 7 インストール方法・設定方法

 

① 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 プラグイン 」をクリックします。

 

 

② 「 プラグイン 」画面が表示されます。

 

・ 「 新規追加 」をクリックします。

 

 

③ 「 プラグインを追加 」画面が表示されます。

 

・ キーワードに、「 Contact Form 7 」を入力します。

 

 

・ Contact Form 7 が表示されるので、「 今すぐインストール 」をクリックします。

 

 

・ インストールが完了すると、「 有効化 」の表示に変わるので「 有効化 」をクリックします。

 

 

次は、Contact Form 7 の設定をします。

 

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

① 「 プラグインページ 」を表示します。

 

・ Contact Form 7 の「 設定 」をクリックします。

 

 

② 「 Contact Form 7 」設定画面が表示されます。

まず初めに、デフォルト(標準)のお問い合わせフォームを残しておくために、「 コンタクトフォーム1 」を複製します。

・ 「 複製 」をクリックします。

 

 

・ 「 コンタクトフォーム 1_copy 」が作成できました。

このコンタクトフォームはずっと保存しておくことをおススメします。

 

 

③ 「 コンタクトフォーム1 」の「 編集 」をクリックします。

 

 

④ 「 コンタクトフォーム1 」設定画面が表示されます。

【 フォーム・メール・メッセージ・その他の設定 】の設定メニューがあります。

 

・ 「 フォーム 」には、テキスト・メールアドレス・URL・数値・日付・テキストエリア・ドロップダウンメニュー を設定することができますのでお好みや用途で設定します。

 

* 基本、お問い合わせだけなら何も変えずに、このままで良いので後でゆっくり試しながらお好みで設定してみると良いと思います。

 

 

続いては、お問い合わせページを作成してみましょう。

 

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

① 「 Contact Form 7 」設定画面を表示します。

 

・ 「 コンタクトフォーム1 」の ショートコード をコピーします。

 

 

② 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 固定ページ 」→「 新規追加 」をクリックします。

 

 

③ 「 新規固定ページを追加 」画面が表示されます。

お問い合わせページの作成をします。

 

 

お問い合わせフォームページ作成手順

① 任意のページのタイトルを入力します。

 ページのパーマリンクを入力します。推奨は、「contact」

 パーマリンクを入力したら、「 OK 」をクリックします。

 「 テキスト 」をクリックします。

 「 コンタクトフォーム1 」の ショートコード を貼り付けます。

 「 公開 」をクリックします。

 

これで、お問い合わせページが作成できました。

どんな表示か確認してみましょう。

 

・ 「 変更をプレビュー 」をクリックします。

 

 

ワードプレステーマ Cocoon(コクーン)で使う、Contact Form 7 のデフォルト(標準)お問い合わせフォームです。

とてもシンプルなデザインで良いですね。
(^ – ^

 

 

 

いかがだったでしょう。

 

複製をしておけば後で色々と設定を変更しても最初の状態を確認できるので安心です。

ゆっくり自分好みのお問い合わせフォームに変更してみてください。

 

以上、WordPress 簡単高機能!お問い合わせフォーム作成プラグイン Contact Form 7 インストール方法・設定方法 でした。

 

お疲れさまでした。
(^ – ^

 

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