ワードプレスの問合せフォームを作成する方法を解説していきたいと思います。
作成方法は『Contact Form 7』というプラグインを使用するば簡単に設置出来ます。
その所要時間はWordPressなどの設定方法がわかっている人がやれば5分もかかりません。
ちなみに問合せフォームは固定ページに投稿して、メニューにいれるようにしましょう。
では、早速行きましょうか！
Contents
１：5分で出来る！ワードプレスの問い合わせフォーム作成方法【Contact Form 7】
１－１ プラグインのContact Form 7をインストール&有効化
ダッシューボードからプラグイン→新規追加にいってください。
右上の検索窓に『Contact Form 7』を入れて検索してください。
そうすると『Contact Form 7』が出てきますので、『今すぐインストール』をクリックしてください。
インストールが終わったら『有効化』をクリックして、有効にしてください。
１－２ Contact Form 7で問合せフォームを作成
そうすると、WordPressのダッシュボードに『お問い合わせ』というものが出現しますので、その『コンタクトフォーム』をクリックしてください。
か、インストール済みプラグインの「Contact Form 7」の『設定』をクリックしてください。
そうするとコンタクトフォームが作成された状態になります。
コンタクトフォームをクリックしていただき内容を確認してください。
それで、問題なければ青色に塗られた部分をコピーしてください。
だいたい↓こんなやつです。 エラー: コンタクトフォームが見つかりません。
終わったら右の『保存』をクリックしてください。
次が作った問合せフォームを固定ページで投稿していきましょう。
ちなみにここまでの問合せフォームは出来上るまでに5分はかかっていないと思います。
２：ワードプレスの問い合わせフォームを固定ページに投稿しよう！
２－１ 問い合わせフォームを固定ページに投稿
ワードプレスのダッシュボードから『固定ページ』→『新規追加』をクリックしてください。
タイトルは
「問合せ」や「コンタクトフォーム」など、問い合わせのページだなとわかればいいのでそれらしいタイトルを書きましょう。
また、右側の「ビジュアル」と「テキスト」は『テキスト』を選んでください。
で、先ほどコピペしたコンタクトフォームのショートコードを貼り付けていきましょう。
※ショートコード…
エラー: コンタクトフォームが見つかりません。
貼り付けたら忘れずに『公開』してください。
２－２ 問い合わせページのパーマリンクを変更
パーマリンクが投稿名になっていると下記のように日本語になっていることがあります。
これをコピペするとURLの日本語部分が文字化けして
https://zumi-semi.net/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/
というようになってしまいます。
これでも別に良いんですが、どこかに貼り付ける際に長くなって面倒なので、パーマリンク(URL)をわかりやすいものに変更しましょう。
気にならない人は下記を飛ばして、次の段落に行ってください。
ここでは『contact』と入れることにましょう。
※日本語を入れると同じことなので英数字にしましょう。
先ほどの固定ページで作った「お問い合わせ」の編集ページに行ってください。
パーマリンク横の『編集』をクリックしてください。
次に、「お問い合わせ」を削除して、「contact」を入れてください。
※「お問い合わせ」は自分で入力したタイトルです。もしあなたが「問合せ」とタイトルを入力していたら「問合せ」となっていますのでお間違いないように。
その後、『OK』をクリックしていただき、最後に、『更新』をクリックしてください。
問題なく更新できていれば↓のようになっています。
URLもhttps://zumi-semi.net/contact/になっています。
これでコンタクトフォームを固定ページに投稿するのは完了しました。
３：コンタクトフォームをメニューへ固定しよう
次はコンタクトフォームをメニューへ固定しましょう。
↑のようにここに固定しましょう。
ちなみに同じ方法で、プライバシーポリシーや運営者情報も設定できます。
プライバシーポリシーを固定ページで投稿して、その後、メニューへ固定する。といった感じです。
３－１ コンタクトフォームを固定するメニューを作成
まずはダッシュボードの『外観』→『メニュー』をクリックしてください。
そうするとメニュー名が何も作られていない状態になりますので、「メニュー」など適当でいいのでメニュー名を付けて『メニューを作成』をクリックしてください。
そうすると下記のような感じになると思います。
３－２ メニューにコンタクトフォームを固定
左側の固定ページでメニューへ固定したいものにチェックを入れて『メニューに追加』をクリックしてください。
そうするとメニューに固定ページが反映されますので、その状態で『メニューを保存』をクリックしてください。
これで完了です。
ただ、これだけではトップページに反映されません。
３－３ メニューを表示させる部分を選択
上記までの設定だけだと下記のようにトップページにメニューは表示されていません。
先ほどのメニューのページで下部にある『メニュー設定』からメニューを設置したい位置にチェックを入れて、『メニューを保存』をクリックしてください。
こうすることによってトップページにメニューが表示されるようになります。
以上が、ワードプレスの問い合わせフォーム作成方法になります。
それでは、最後までお読みいただきありがとうございました。
＼10年後の安心を手に入れたいあなたへ／
コメントを投稿するにはログインしてください。