Word Pressのお問い合わせフォーム設定_Contact Form7【初心者向け】

ContactForm7 プラグイン

この記事はプロモーションを含みます。
Amazon スマイルセール ゴールデンウィーク

Word Press(ワードプレス)を運用するにあたって、読者とのコンタクトを取るためにはお問い合わせフォームの作成が必要となってきます。

今回はWord Press(ワードプレス)Contact Form7というプラグインツールを使用してお問い合わせフォームの作成方法をかんたんに説明をします。

 

お問い合わせフォームを作成

こちらのページをContact Form7(コンタクトフォーム7)のプラグインで作成します。

管理人はブログ初心者です。こちらの記事ではWord Press(ワードプレス)でブログを運用していくうえで、自分の使用してきたツールの備忘録でもありますが、同じブログ初心者の方にも何かの役に立っていただけるような記事を発信していますので参考にしてみてください。

 

その他のこちらのプラグインを含む「ワードプレスで最初に入れておきたいプラグイン4選【初心者向け】」の記事がこちらにまとめてありますのでよかったら参考にしてみてください。

固定ページにてお問い合わせフォームを作成する

固定ページ_新規作成

まずは左のメニューが画面より固定ページを選択 > 新規作成をクリックします。

 

お問い合わせフォーム入力

 

題名を「お問い合わせフォーム」と入力「お問い合わせ」でもご自身が分かれば大丈夫です。

プラグインで検索してContact Form7をインストールする

 

Contact Form 検索

外観 > プラグインを選択してキーワード「Contact Form7」と入力して検索。富士山のアイコンが目印です!

右上の「今すぐインストール」をタップして「有効化」をクリックします。

Contact Form_有効化

有効化をタップする

Contact Form7(コンタクトフォーム)の設定

 

こちらからContact Form7を細かく設定してきましょう。

 

Contact_Form_設定

プラグインページのContact Form7に設定がありますので、まずそこをクリック。

 

Cotact_Form_「コンタクトフォーム1」をクリック

 

初期状態で「コンタクトフォーム1」というものがあります。こちらをクリック。

 

Cotact_Form_「コンタクトフォーム1」の内容確認

内容はこちら

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

こちらのボタンが出てくるよーっていうコードの内容となっています。

Cotact_Form_「ショートコードをコピー

 

一旦、Contact Form7(コンタクトフォーム7)の画面に戻ってもらい、「コンタクトフォーム1」の列に「ショートコード」というものがあります。

こちらの「ショートコード」をコピーしてください。

 

Cotact_Form_ショートコードを張り付け

コピーしたら左のメニューの「固定ページ」をクリックして、先ほど作った「お問い合わせフォーム」のところの編集ボタンをクリックします。

本文の右上の「テキスト」をクリック。

先ほどのショートコードをテキストに張り付けします。

お問い合わせフォームの画面をプレビューで確認する

右上にあるプレビューをクリックして実際のプレビュー画面の確認をしていきましょう!

 

Cotact_Form_プレビュー画面の確認

こちらがサイト内に表示されるお問い合わせフォームの画面になります。

最初はこちらの画面ですが、内容を変えたい場合はプラグインのContact Form7の設定に戻ってもらい、そちらで変更することが可能です。

Word Press(ワードプレス)お問い合わせフォームの設定_Contact form7(コンタクトフォーム7)プラグイン【初心者向け】まとめ

 

初心者の方はまずはこの初期状態のお問い合わせフォームのままで問題ないです。

 

時間に余裕が出来てきたら変更するのをおすすめします。まずは記事を書くことに専念です

 

ひろくま
ひろくま

最後まで読んでいただきありがとうございました