ワードプレスの設定

【簡単設定】WordPressでお問い合わせフォームを設置する方法

2020年4月15日

コンタクトフォーム7

「お問い合わせフォームって、どうやって設定するの?」

「難しそうだから、よく分からない」

 

 

ワードプレスを始めたばかりだと、お問い合わせフォームを設定する方法が分からないと思います。

通常、ホームページの作成では、HTMLやCSSといったプログラムを使ってフォームを作成しなくてはいけません。

 

しかし、ワードプレスであればプラグインでカンタンに設定できます。

今回は、お問い合わせフォーム専用プラグイン『Contact form7』の使い方について説明します。

 

フォームをカスタマイズする設定

まず、ダッシュボードの『プラグイン』から『新規追加』で『Contact form7』をインストールします。

インストールすれば、『お問い合わせ』という項目が追加されます。

 

『新規追加』を選択し、新しいお問い合わせフォームを作成します。

タイトル部分は任意の名前ですが、仮に「お問い合わせ」と記載しておきますね。

すると、デフォルトの状態でも以下の項目が設置されています。

 

  • 名前
  • メールアドレス
  • 題名
  • メッセージ本文
  • 送信ボタン

 

上記以外に追加したい項目があれば、フォームに記載されたタブを選択します。

 

たとえば、【電話番号】を追記してみましょう。

すると、フォームタグ生成と表記されます。

もし、読者に絶対入力してほしければ『必須項目』にチェックを入れます。

 

あとは基本的に入力する必要はないので、タグを挿入します。

このままでは、入力の枠だけが出来た状態です。

下記を例にタグを挿入すると、枠の上に電話番号(必須)と表記されます。

 

<label>電話番号(必須)
[tel tel-174] </label>

 

タグの中身については、読者に入力してほしい内容に変更してください。

 

自動返信メールの設定

自動返信メールの設定についてです。

読者から、お問い合わせフォームにがあると、あなたに通知する設定です。

 

まず、送信先はあなたが所有するメールアドレスを記載します。

送信元は通常、あなたのブログタイトルとメールアドレスが表記。

 

題名は、デフォルトの状態では、ブログタイトルと[your-subject]が表記されています。

[your-subject]は、読者が入力したタイトルです。

 

 

メッセージ本文では、フォームで入力してもらった内容を表示させます。

新たに追記した項目は入っていないため、必ず確認をしてください。

画面上部のメールタグに入力した内容が記載されています。

 

今回は、電話番号を設定したので[tel-174]をメッセージ本文の中に追加します。

これで保存をクリックします。

 

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

お問い合わせ用の固定ページをつくります。

保存した後、画面上に「ショートコード」が作成されます。

「ショートコード」をコピーして、固定ページを『新規追加』します。

 

タイトルを『お問い合わせフォーム』と記入し、「ショートコード」を本文に貼り付けます。

これで、お問い合わせフォームが完成しました。

 

まとめ

『Contact form7』を使用すれば、専門的な知識がなくてもお問い合わせフォームが作成できます。

初心者にもカンタンに設置できるので、ぜひ利用してください。

 

 

必要なプラグインを入手したら、ワードプレステーマも必要になります。

ワードプレステーマは、ブログを構築する上で最も重要なパーツです。

無料のテーマもあるのですが、初心者には有料の方がおすすめです。

 

なぜなら、有料の方がプログラムの知識が必要なく簡単に設置できるテーマが多いからです。

ワードプレステーマについての記事があるので、よろしければ参考にしてくださいね。

【WEB制作者の私が選ぶ】ブログに最適なワードプレスのテーマ3選

 

 

それでは、また!

  • この記事を書いた人

アラフォーフリーランサーすぎにい

どうも!アラフォーフリーランサーすぎにいです。 サイト管理人について詳しく知りたい方はこちら。

おすすめ記事

オーディブル 1

あなたは最近、読書をしていますか? 『読書したいけど、集中力がないから読めない』 『そもそも本を読むのが苦手や~』 という方もいらっしゃるでしょう。   実を言うと、私も集中力がないので、読 ...

2

「給料が少なくて、いつも金欠状態、家族にも贅沢をさせてやれない。」 「何か副業をして、今の経済状況を早く改善したい。」 そんな感じで、副業に興味を持った方も多いですよね?     ...

ワードプレスでブログ 3

「ワードプレスは、アメブロやライブドアブログよりも検索に強い。」 「ブログはワードプレス一択でしょ!」 と言われても、ブログ初心者にとってはハードルが高いですよね?     私は2 ...

-ワードプレスの設定
-,

Copyright© すぎにい公式ブログ | 初心者フリーランス講座 , 2020 All Rights Reserved.