AFFINGER

AFFINER5でお問い合わせフォームを作る方法【5分でできる】

たたずむライオン

 

悩む学生
AFFINGER5でお問い合わせフォームを作りたい。どうすればできるのか教えてほしい。

 

今回はこんな悩みを解決します。

 

本記事の内容

  • AFFINGER5のお問い合わせフォームの作り方
  • お問い合わせフォームを作る理由

 

有名なブロガーさんはもれなく全員が設定しているお問い合わせフォームですが、初心者のころはそんなに気が回らないですよね。

 

ですが、お問い合わせフォームには重要な役割があるので、早めに設置しとくのがおすすめです。

 

今回はそんなお問い合わせフォームをめちゃくちゃ簡単に設定する方法を紹介します。

 

5分くらいでできるので最後まで見て参考にしてくださいね。

 

AFFINGER5でお問い合わせフォームを作る方法

電話を受ける女性

 

結論から言うと、Contact Form7というプラグインを使えば解決です。

 

お問い合わせフォームを作る全体的な手順は以下のとおりです。

 

お問い合わせフォームの作り方

  1. Contact Form7のインストール
  2. Contact Form7有効化して設定
  3. ショートコードを固定ページへ張りつけ

 

この手順に従えば誰でもできますよ!
リットン

 

まずはのContact Form7のインストールからです。プラグイン新規追加Contact Form7とプラグインの検索をおこないましょう。

Contact Form7の検索

 

プラグインが表示されたらインストールをクリックして、有効化もクリックしましょう。

 

そしたら、左のメニューにお問い合わせが表示されるようになるので、選択して新規追加をクリックしてください。

contact form7の設定

 

  • フォーム
  • メール
  • メッセージ
  • その他の設定

 

が出てきますが、別にそこまでこだわってない人はタイトルだけ設定すればOKです。

 

一応各項目について軽く触れておきます。

 

各項目の説明

フォーム

お問い合わせフォームに表示される項目を設定できます。

デフォルトの状態なら、お問い合わせする人は

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

を記入する必要がありますよ、ということです。とくにいじらなくて大丈夫です。

メール設定

こちらに表示される設定項目は以下のとおりです。

  • 送信先→フォームの送信先ですので、あなたのメールアドレスを入力しましょう
  • 送信元→どこからお問い合わせがきたのか分かるようにできます
  • 題名→送信メールのタイトルが編集できます
  • 追加ヘッダー→追加されているヘッダーの文言を編集できます(CcBcなど)
  • メッセージ本文→送信メールの本文の編集ができます

こちらもデフォルトの状態で構いません。

メッセージ設定

送信主がお問い合わせをしたあとに表示されるメッセージの設定がおこなえます。

デフォルトのままで大丈夫です。

 

設定が完了したら保存してください。
保存したらショートコードが出てきますので、コピーしましょう。

contact form7のショートコード

 

ここからは固定ページの編集です。メニューにある固定ページをクリック。新規追加をクリック。

 

タイトルとパーマリンクを任意で設定しましょう。

 

一例

  • タイトル→お問い合わせ
  • パーマリンク→contact-form

 

これが完了すれば、先ほどコピーしたショートコードを張りつけます。以上でお問い合わせフォームの作り方は終了。

ショートコードのコピペ

 

終わったら、お問い合わせフォームからテストメールを送ってみましょう。実際にメールが来たらOKです。

 

テストお問い合わせメール

 

ちなみに、お問い合わせフォームに関しても少しですがカスタマイズできます。送信ボタンの色を変えるだけですが。

 

外観カスタマイズオプションカラーコンタクトフォーム7送信ボタンで文字色と背景色のカスタマイズがおこなえます。

 

 

お問い合わせフォームを作成する意味【必須です】

悩む女性

 

悩む学生
お問い合わせフォームってなんで作る必要があるんですか?

 

お問い合わせフォームを作る意味は以下のようなものがあります。

お問い合わせフォームを作る意味

  1. 仕事の依頼が来る
  2. 誤字などを指摘される
  3. ブログの信頼感アップに繋がる
  4. Googleアドセンスに通りやすくなるとされている

 

ブログを続けていれば間違いなくメリットがあるので最初のうちから設定しておきましょう。

 

AFFINGER5でお問い合わせを作ろう

本を読む女性

 

今回はAFFINGER5でのお問い合わせフォームの作り方を紹介しました。

 

作り方としては、プラグインのContact Form7を利用すれば簡単に設置できます。

 

もう一度だけ手順をおさらいすると、

お問い合わせフォームの作り方

  1. Contact Form7をインストールして有効化
  2. Contact Form7を設定
  3. ショートコードを固定ページに張りつけ

 

でした。お問い合わせフォームはメリットが非常に多いので、確実に設定しておくようにしましょう。

 

今回は以上です。ありがとうございました。

関連記事【AFFNGER5のレビュー】メリットとデメリットを使用者が解説

関連記事アフィンガー5でマル付き・番号付きリストを作成&カスタマイズする方法

-AFFINGER

Copyright © Lytton Blog