ワードプレスでの問い合わせフォームの作り方!

ワードプレスでの問い合わせフォームの作り方についてご存じでしょうか?

ワードプレスといえば、サイト作成ツールとして、多くのユーザーから利用されています。

では、ワードプレスでは、一体どうやって問い合わせフォームを作ればよいのでしょうか?

今回はワードプレスでの問い合わせフォームの作り方 についてわかりやすくご紹介します。

ワードプレスとは一体何か?

みなさんは、ワードプレスとは一体どんなものかご存じでしょうか?

ワードプレスを一言でいうと、

 「コーディングなしで、サイト作成ができるツール」のことです。

コーディングとは「HTML」や「CSS」を使って、サイトの文章や装飾をすることです。

ワードプレスであれば、最短でサイト作成ができる

ワードプレスは、現在全世界のサイトの36%を占めているといわれています。

日本でも多くのユーザーが使用しています。

もしワードプレスを使用しないと「ソフトを使ってのサイトの自作」になります。

ところでソフトを使ってサイトを自作すると「HTML・CSS・PHP・Javascript」などの専門知識が必要になります。

そうなると「HTML・CSS・PHP・Javascript」を先に覚えてからでないと、サイト作成ができません。

ところがワードプレスであれば「HTML・CSS・PHP・Javascript」を覚えなくても、即サイト作成をすることが可能です。

ワードプレスであれば、普通に文字を書いたり、画像を貼り付けることがすぐにできます。

なので、最短でサイト作成するならば、ワードプレスは絶対におすすめのツールということがいえます。

ワードプレスは初期設定では問い合わせフォームがない

みなさんは、ワードプレスでは、問い合わせフォームはどうやって作るのかご存じでしょうか?

ワードプレスは初期設定(ディフォルト)では、問い合わせフォームはありません。

その理由は、初期設定で、あらゆる機能が増えると、コード量が増えるからです。

コード量が増えると、ワードプレスのパフォーマンスを下げてしまいます。

そのため、必要のない機能・コードは搭載されていないのです。

結果、問い合わせフォームも搭載されていません。

ワードプレスのプラグインとは?

ワードプレスで問い合わせフォームを作るには「プラグイン」を導入することで設置することができます。

プラグインとは、ワードプレスの拡張機能のことです。

ワードプレスは初期設定では、できることが限られており、基本的なことしかできません。

そのため、ユーザーのあらゆる要望を満たすことができません。

ユーザーの要望をストレートに満たしてくれるのが、プラグインの役目になります。

そして、ワードプレスで問い合わせフォームを作るには「Contact Form 7」を導入することになります。

次の章からわかりやすくご紹介します。

Contact Form 7の導入の仕方

ワードプレスで問い合わせフォームを作るには、プラグインの「Contact Form 7」を導入します。

順番にわかりやすくご説明します。

①プラグインのインストール

❶ワードプレスのダッシュボードのページを開きます。

❷左側メニューバーの「プラグイン」をクリックします。

❸プラグインのページを開き、ページ左上部にある「新規追加」をクリックします。

❹プラグインの追加ページが開いたら、右下にある「プラグインの検索」の窓に「Contact Form 7」を入力、エンターキーを押します。

❺プラグイン一覧の上部に「Contact Form 7」が表示されます。

❻「Contact Form 7」の中にある「今すぐインストール」をクリックします。

❼「有効化」に切り替わるので、そのままクリックします。

❽左側メニューバーのプラグインの中のインストール済みのボタンをクリックします。

❾一覧の中に「Contact Form 7」が表示され「設定」になっていれば、インストール・有効化設定が完了です。

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

❶左側メニューバーの「お問い合わせ」のボタンをクリックします。

❷ページを下にスクロールすると「コンタクトフォーム1」が表示されているのでクリックします。

❸コンタクトフォームのページが開くので、必要事項を設定します。

❹メールのタグをクリックします。

❺送信先・送信元・題名・追加ヘッダー・メッセージ本文などを記載します。(こちらは必要なものだけでOKです。)

❻記載が完了したら「保存」のボタンをクリックします。

➂固定ページに設置する方法

❶タイトルの「コンタクトフォーム1」の下に表示されている

「 [contact-form-7 id=”49″ title=”コンタクトフォーム 1″] 」をコピーします。

❷左側メニューバーの「固定ページ」のボタンをクリックします。

❸固定ページの上部にある「新規追加」をクリックします。

❹新規追加固定ページが開くので「タイトルを追加」に「お問い合わせ」と入力してください。

❺タイトル下のテキストエディタに

「 [contact-form-7 id=”49″ title=”コンタクトフォーム 1″] 」を貼ってください。

❻右上部のプレビューをクリックして、問い合わせフォームのページが正しく表示されるか確認してください。

❼確認が完了したら「公開」をクリックして、問い合わせフォームの固定ページ作成は完了です。