Cocoonを使ってブログを始めてみたけど、お問い合わせフォームってどうやって設置したらいいんだろう？
ブログを始めたばかりの時は全部が全部わからないですからね。いろいろ調べまくってへとへとになりますよね。
本記事では、WordPressテーマ「Cocoon」を使っている方向けにお問い合わせフォームの設置方法を1から１０まで全部お伝えしていきます。
１項目ずつ丁寧に画像を使って説明していきますので、この記事の通りに進めてもらえれば簡単に設置することができます。
画像多めなのがうれしいところ
実はCocoon自体にはお問い合わせフォームを作成する機能はついていません。ですので、プラグインを使っての設置となります。
今回使用するプラグイン「Contact Form 7」はCocoon公式サイトでも使用をおすすめしているプラグインですので、安心して使いましょう。
では次の項目から早速作業に入ります。まずはプラグインをインストールするところからです。
お問い合わせフォーム用のプラグインをインストールする
では作業に入ります。まずはお問い合わせフォーム用のプラグインのインストールです。
WordPressの編集画面からプラグイン→新規追加と進んでください。
そしたら検索窓に「contact form7」と入力し検索しましょう。富士山の画像のプラグインが目的のやつなので今すぐインストールボタンを押します。
インストールが終了したら、有効化を必ず行います。
これでContact Form7がプラグイン一覧に追加されました。
これで第一段階終了です。早いですね
Contact Form7の設定
そしたら、インストールしたプラグインの設定をしていきましょう。WordPressの編集画面からお問い合わせ→コンタクトフォームと進みます。
コンタクトフォーム１をクリック
メールタブをクリック
送信先があなた宛てのメールアドレスになっているか確認しましょう。なっていなかったら、送って欲しいアドレスに修正してください。
設定はこれだけでOK！他はいじる必要がありませんので、保存を押して
あとあとショートコードが必要になるので、コピーをしておきましょう。
以上でコンタクトフォームの設定は終了です。次はお問い合わせのページを作っていきますよ
お問い合わせフォーム用の固定ページを作る
さくさく進みますよ、続いてはお問い合わせフォーム用の固定ページを作ります。固定ページ→新規追加と進んでください。
タイトルに「お問い合わせ」と入力し、空白の段落に先ほどコンタクトフォーム１の設定画面でコピーしたショートコードを貼り付けます。
サイドバーの文書タブを選択し、URLスラッグを「contact」にしておきましょう。
変なパーマリンクになっちまいますと、あとあと詳しくなってから後悔することになりますんでね。
アドセンスを設置している人は「広告を除外する」に☑をしておく方が無難でしょう。
本文はショートコードのみで文章を書く必要はありませんので、上記の設定が終わったら公開ボタンを押してください。
最終確認もありますね。「公開」しましょう。
もう少しで終了です。次は作ったお問い合わせをメニューに追加しますよ
お問い合わせをメニューに追加する
ここからは設置するパートになります。作ったページもグローバルメニューとかフッターとかに設置できなきゃ意味がないですからね。
WordPressの編集画面から外観→メニューと進みましょう。
新しいメニューを作成しましょうを押してください。既にフッターメニューを設定している場合は、そのフッターメニューを選択してください。
メニュー名に「フッター」や「フッターメニュー」と入力し、メニューを作成を押してください。
「メニュー項目を追加」の欄から固定ページを開き、先ほど作った「お問い合わせ」に☑してメニューに追加です。
お問い合わせ以外にもフッターに設置したい項目があったら項目に☑しメニューに追加をしましょう。
追加し終わったら、メニュー設定欄のフッターメニューに☑しメニューを保存を押してください。
これでフッターにお問い合わせが設置できました！あなたのブログの一番下を見てみてください
ヘッダーメニュー（グローバルメニュー）にもお問い合わせを設置したいときは、また新しいメニューを作成しましょうから始めてください。
流れは下の画像に書いてあります。フッターメニューを作成できたあなたになら絶対理解できます。
こんな感じにできれば大成功です。
お問い合わせフォームを確認する
実際に設置できたお問い合わせフォームが機能していなかったら意味ないですよね。だからきちんとテストしましょう。
まずはフッターのお問い合わせボタンからお問い合わせのページに行けるか、そしてヘッダーのお問い合わせボタンからお問い合わせのページにいけるか確認しましょう。
お問い合わせのページにいけたら、各項目に記入して、実際にメッセージを送信してみてください。
ちゃんとブログからあなたのメールアドレスにメールが届いたらテストも終了です。お問い合わせフォームの設置が完了です。
お問い合わせを設置してビジネスチャンスをつかめ
本記事では【Cocoon】お問い合わせフォームの設置方法を初心者向けに画像たっぷりで説明する
ということで、お問い合わせの作成から設置までを各項目画像付きで詳しく説明してきました。
うまくできました！
お問い合わせフォームからはたくさんのチャンスがあります。
- 記事執筆依頼が来たり
- 相互リンクの依頼が来たり
- アドセンスの合格に必要っていう噂もある
こんなチャンスを逃すのは損ですよね
今回ご紹介したような簡単なもので十分ですので、きちんとお問い合わせを設置するようにしましょう。
一歩一歩あなたの理想のブログに近づけていってください
Cocoonの「困った」を解決する記事
Cocoonの使い方
当ブログで一番読んでいただきたいのはCocoonの使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。
コメント