WordPressでお問い合わせページを固定ページで作る方法

WordPressでお問い合わせフォームを作る場合固定ページで作るには、ラベルタグ、テキストエリアなど使いCSSで整えることで導入できます。

しかしこういった作業は、初心者には少し面倒な作業になりますので、Contact Form 7 というWordpressのプラグインを使うと初心者の私でも簡単に設置できたので、紹介です。

目次 ▼

スポンサーリンク

プラグインのインストールと有効化

WordPress公式に登録されてるものは、ZIPファイルを直で落とさないかぎりは、検索してインストール、有効化でOKだが 一応初心者向けに説明いているので、分かっている方は飛ばして下さい。

 

では、まず以下の画像のように管理画面>「プラグイン」>「新規追加」をクリックします。

 

管理画面「ダッシュボード」から、プラグイン >新規追加をクリックすると以下の画面になるので、右側にある検索ボックスに「Contact Form 7 」と打ち込んだら「今すぐインストール」をクリックします。

少し経つと「有効化」になるのでクリックして有効化してください。

編集画面にアクセスする

Contact Form 7をインストール、有効化すると 管理画面の左メニューに「お問い合わせ」が追加されてるはずなので、お問合せをクリックして編集画面へ行き、次に「コンタクトフォーム1」をクリックします。

 

すると以下の画像のようになるはずです。

お問合せページの設定

お問い合わせフォームは、あまりゴチャゴチャせずシンプルな方がユーザーからしていいだろうという検証結果があり、フォームの設定に関してはデフォルトで十分なので、このままでOK

メールフォームの設定

次はフォームタグの横「メール」をクリックして設定していきます。

送信先は、お問い合わせ用に受信したいメールアドレスを入力してください。

このフォームの設定で[your-name]や[your-message]には「フォーム」で入力された該当する項目の値が入ります。ここはデフォルトのままでOKでしょう。

メッセージ本文の「このメールは キャンディースタイル…以下省略」の次に「ただいまお預かりしたメッセージを確認次第折り返し連絡いたします。」など付け足してあげればメッセージをもらった方も このサイトは丁重だなっとなりますね。

設定が終わったら忘れずに画面左下の「保存」をクリックしましょう。

固定ページの編集

「保存」をクリックしたら下の画像で青色にハイライトした部分のショートコードをコピーしておきましょう。

 

次に、固定ページ >「新規追加」を開いて「お問い合わせ」とタイトル入力して、先ほどコピーしたショートコードを本文に貼り付ければOK

 

プレビューで表示の確認をするれば以下の画像のようになるはずです。

後は入力したメールアドレスにちゃんと届くか確認しておきましょう。

The following two tabs change content below.

けんじ

どうも、運営者のけんじです。 Wordpressが好きで、テーマをちょこちょこ弄ってます。 気になった事をリサーチして書くことが多いので、主に雑記ブログだと思ってください。 こんなブログですがどうぞ、よろしくお願いします。

スポンサーリンク

スポンサーリンク

フォローして最新情報を受け取る

コメントはこちらからどうぞ

メールアドレスが公開されることはありません。

お手数ですが* が付いている欄は必須項目になります。

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)