【超初心者、始めたばかりの人用】WordPressで問い合わせフォームの作り方

word press 設定方法

sasuke父です。ブログを始めて30記事を突破し少しずつWordPressに慣れてきました。

色々な人のサイトに「問い合わせ」の項目があり、sasuke父も作りたいなと思い作ってみました。

今回は「問い合わせフォーム」の作り方を紹介ます。

順序は

①プラグインの画面で「Contact Form 7」をインストールして有効化にする。

②ダッシュボードに「お問い合わせ」が出来るので作成する。

③固定ページで「問い合わせ」を作成し、②で作ったコードを貼り付ける

④外観のメニューから③で作った問い合わせをメニューに加えて完成。

作業自体は以上になります。そんなに難しくないので是非一緒に完成させましょう。

そして人並みのサイトを作っていきましょう。

スポンサーリンク

「Contact Form 7」をインストール

まずはWordPressの左側のダッシュボードから写真の通り作業を下ください。

Contact Form7

①ダッシュボードからプラグインをクリックしてください。

②新規追加をクリックして下さい。

①「Contact Form 7」入力して下さい。

②出てきたら「今すぐインストール」をクリックして下さい。

①インストールが終わると「有効化」に変わるので、「有効化」をクリックして下さい。

①Contact Formを有効化にすると、左側のダッシュボードに「お問い合わせ」が追加されますので、「お問い合わせ」をクリックして下さい。

②「新規追加」をクリックして下さい。

①「お問い合わせ」や「お問い合わせフォーム」など好きな文字を入力して下さい。

Contact Form 7は最初の状態で問い合わせフォームの入力欄は

①お名前

②メールアドレス

③題名

④メッセージ

⑤送信

が入るようになっています。これでよければ「フォーム」の部分は何もしなくても大丈夫です。

次に②のメールですが、送信先がWordPressのメールアドレスになっています。

もし、指定したアドレスにメールを送ってもらうようにしたい場合は③のところにアドレスを入力して下さい。

終わったら

④「保存」をクリックして下さい。

保存をクリックすると、上の画面になるので、□の部分のショートコードをコピーして下さい。

これで「Contact Form 7」の設定は終わりです。

固定ページを操作する

次に固定ページの操作に入ります。

Wordpress メニュー画面

 

ダッシュボードから

①「固定ページ」をクリックして下さい。

②「新規追加」をクリックして下さい。

③お問い合わせなど好きな文字を入力して下さい。

④URLが日本語になっているので、半角英数字に直してください。

⑤先ほど、Contact Form7でコピーしたものを貼り付けて下さい。

⑥画像にはないですが、右の方に「公開」があるのでクリックして下さい。

これで固定ページの設定は完了です。ラストスパートです頑張りましょう。

外観からメニューを操作する

次はダッシュボードの外観からメニュー操作をします。

①「外観」をクリックして下さい。

②「メニュー」をクリックして下さい。

③問い合わせなど入力した文字が③のところにあると思うのでチェックして下さい。

④「メニューに追加」をクリックして下さい。

次に「問い合わせ」をどこに表示するかを設定します。

ヘッダー→上部

フッター→下部です。ほしいところにチェックして下さい。

⑤「メニューを保存」をクリックして下さい。

これで完成です。

何とか作ることが出来ました。

完成形

一度自分のサイトをのぞいてみてください。問い合わせフォームが出来ていると思います。

ヘッダーに作成されました。次に

 

フッターにも無事に出来ました。

こんなかんじで表示されます。

 

まとめ

このブログに問い合わせなんて来ないだろうとは思っていますが、やるからには人並みな形にしたいと思っていますし、本当はまだまだ書きたいことが沢山あるのでWordpressの設定に追われている状態です。

ひとつづつ課題をクリアしていきたい思います。

一緒に頑張りましょう。

ご覧いただきありがとうございました。