こちらの記事は、WordPress テーマ「Cocoon」での問い合わせフォームの設置手順の備忘録です。
手順は細かいですが、手順通りやっていればやっていることは簡単なので、早速やっていきます。
問い合わせフォーム用の「固定ページ」を作成する
まずは、「お問い合わせフォーム」を設置するための「固定ページ」の準備する。
左側ダッシュボードメニュー
＞固定ページ
＞新規追加
「タイトルを追加」のところに「お問い合わせ」と入力
＞パーマリンクを編集
＞公開
記事を公開してもよろしいですか？は「OK」を選択
「固定ページを公開しました」と表示されたらOK
これだけではまだサイトにお問い合わせフォームは表示されないので、
次は、お問い合わせ用のプラグインをインストールする。
お問い合わせ用のプラグインをインストールする
cocoon にはお問い合わせフォーム機能が実装されていないようなので「Contact From7」というプラグインをワードプレス にインストールする必要がある。
左側ダッシュボードメニュー
＞プラグイン
＞新規追加
キーワード検索ボックスに「Contact From」と入力
＞今すぐインストール
＞有効化をクリック
プラグインの中に追加されていることを確認
左側メニューにも「お問い合わせ」が追加されている
これでお問い合わせフォーム用のプラグインのインストールは完了。
お問い合わせのコードを作成＆設置
左側ダッシュボードメニュー
＞お問い合わせ
＞新規追加
「お問い合わせ」と入力して保存
「コンタクトフォームが作成されました」と表示される。
ショートコードをコピーする
左側ダッシュボードメニュー
＞固定ページ
＞作成した「お問い合わせ」の「編集」をクリック
文章入力欄にコードをコピペして更新。
「固定ページを更新しました。」と表示されたらOK
これで、お問い合わせのコードを作成＆設置は完了。
お問い合わせをサイトの一番下に表示させる
左側ダッシュボードメニュー
＞外観
＞メニュー
メニュー名に「フッターメニュー」と入力
（デフォルトで “メニュー１” などと入力されている）
＞メニューを保存
上部に「フッターメニューを更新しました。」と表示される。
左側の「お問い合わせ」にチェック
＞メニューに追加
＞「フッターメニュー」「フッターモバイルボタン」にチェック
＞メニューを保存
これで、お問い合わせフォームをサイトの一番下に表示させる設定が全て完了。
サイトに戻ってちゃんと表示されているか確認する。
ちゃんと機能しているか確認する
設置だけで終わらず、ちゃんとメッセージが届くかどうかを確認するため
実際にメッセージを送信してみる。
お問い合わせが届くアドレスは、コンタクトフォームのメールタブから確認できる。
左側ダッシュボードメニュー
＞お問い合わせ
＞コンタクトフォーム
「編集」をクリック
「メール」タブを選択し、「送信先」に表示されいるアドレスが、お問い合わせフォームから送信されるメールアドレスになる。
変更する場合は ＜＞ の中のアドレスを変更して保存をする。
以上が問い合わせページの設置方法になります。
普段使っているフリーメールやキャリアメールではなくて、お問い合わせ専用のアドレスを作りたい！という場合はこちらで、自分の独自ドメインアドレスを作成する方法を書いています。
エックスサーバーで自分の独自ドメインアドレスを作成する
コメント