AFFINGER5にお問い合わせフォームを設置する全手順【真似するだけ】

AFFINGER5ブログに【お問い合わせフォーム】を設置する方法の紹介です。

「専用プラグインの設定方法」～「AFFINGER5での設定」まで、すべてをわかりやすく解説していきます。

こんな人のお役に立てる記事です。

小豆

AFFINGER5で作成したブログに、お問い合わせフォームを設置したい。
難しいことは苦手だから、設置方法を1～10まで丁寧に教えて。

AFFINGER5にお問い合わせフォームを設置しよう

今回紹介する方法では、お問い合わせフォーム専用プラグイン【Contact Form7】を使用します。

実際の出来上がりイメージはこんな感じ。

シンプルでわかりやすく、お問い合わせを利用する読者にも親切な設計ですね。

お問い合わせフォームを利用したメッセージは、指定したメールアドレスに送られてきます。

お問い合わせフォームの役割

小豆

なんとなく設置したほうが良さそうな気はするけど・・。
お問い合わせフォームにはどんな役割があるんだ？？

なかには、こんな風に感じている人もいますよね。

僕自身、設置前は「お問い合わせフォームの役割」をよくわかっていませんでした。

というわけで、主な役割の紹介です。

読者の立場になってみれば、運営者との連絡手段が確保されているブログは信頼がおけますよね。

当ブログの場合、お問い合わせフォームからは主に「ブログへの感想や応援メッセージ」を頂いています。

ちなみに最近は、クローズド案件の提案もちょくちょく頂けるようになりました。

お問い合わせフォーム専用プラグインの追加と設定

まず最初にやるべきは、お問い合わせフォーム専用プラグイン【Contact Form7】の設定です。

以下の手順で進めていきます。

step
1Contact Form7をインストール

専用プラグイン【Contact Form7】をインストールします。

step
2プラグインの設定

インストールしたプラグインの設定を行っていきます。

新規追加をクリック

step
3ショートコードを発行

STEP2が完了すると、ショートコードが発行されます。

ショートコードをコピー

ブログ内のメニューにお問い合わせフォームへのリンクを設置する方法

続いて、お問い合わせフォームへのリンクをブログ内のメニューに表示する手順を解説していきます。

ここでは、ブログ最下部に表示される「フッターメニュー」への追加方法を紹介します。

step
1お問い合わせページを作成

お問い合わせフォームを表示するページを作成していきます。

WordPressメニュー　→　固定ページ　→　新規追加

step
2フッターメニューを作成

ブログ最下部のフッターエリアに、お問い合わせフォームへのリンクを作成していきます。

※「フッターメニュー」と入力しておくと、後々わかりやすいです。

step
3プレビュー＆テスト

リンクが正しく機能するか、実際にお問い合わせメールが届くかをチェックします。

ブログを表示し、最下部に追加されたお問い合わせをクリック

必要事項を入力し、送信をクリック

指定したメールアドレスに、お問い合わせフォームで入力した内容が届けば完了です。

まとめ：コメント機能をオフにするならお問い合わせフォームは必須

当ブログでは、記事へのコメント機能をオフにしています。

理由は単純で、管理しきれなそうだから(^-^;

ですが、「お問い合わせフォーム」を設置しているおかげで全く問題なし！

情報の誤りや誤字脱字、ブログへの応援メッセージなどをお問い合わせフォームから送って頂けています。

優しい読者さんには感謝感謝ですm(__)m

この場を借りてお礼を申し上げます。

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する