ワードプレスでの問い合わせフォームの作り方についてご存じでしょうか?
ワードプレスといえば、サイト作成ツールとして、多くのユーザーから利用されています。
では、ワードプレスでは、一体どうやって問い合わせフォームを作ればよいのでしょうか?
今回はワードプレスでの問い合わせフォームの作り方 についてわかりやすくご紹介します。
目次
ワードプレスとは一体何か?
みなさんは、ワードプレスとは一体どんなものかご存じでしょうか?
ワードプレスを一言でいうと、
「コーディングなしで、サイト作成ができるツール」のことです。
コーディングとは「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″] 」を貼ってください。
❻右上部のプレビューをクリックして、問い合わせフォームのページが正しく表示されるか確認してください。
❼確認が完了したら「公開」をクリックして、問い合わせフォームの固定ページ作成は完了です。