【Cocoon】お問い合わせフォームの設置方法を初心者向けに画像たっぷりで説明する

Cocoonお問い合わせフォームブログ

Cocoonを使ってブログを始めてみたけど、お問い合わせフォームってどうやって設置したらいいんだろう?

ブログを始めたばかりの時は全部が全部わからないですからね。いろいろ調べまくってへとへとになりますよね。

本記事では、WordPressテーマ「Cocoon」を使っている方向けにお問い合わせフォームの設置方法を1から10まで全部お伝えしていきます

1項目ずつ丁寧に画像を使って説明していきますので、この記事の通りに進めてもらえれば簡単に設置することができます

画像多めなのがうれしいところ

実はCocoon自体にはお問い合わせフォームを作成する機能はついていません。ですので、プラグインを使っての設置となります。

今回使用するプラグイン「Contact Form 7」はCocoon公式サイトでも使用をおすすめしているプラグインですので、安心して使いましょう。

では次の項目から早速作業に入ります。まずはプラグインをインストールするところからです。

お問い合わせフォーム用のプラグインをインストールする

では作業に入ります。まずはお問い合わせフォーム用のプラグインのインストールです。

WordPressの編集画面からプラグイン新規追加と進んでください。

そしたら検索窓に「contact form7」と入力し検索しましょう。富士山の画像のプラグインが目的のやつなので今すぐインストールボタンを押します。

インストールが終了したら、有効化を必ず行います。

これでContact Form7がプラグイン一覧に追加されました。

これで第一段階終了です。早いですね

Contact Form7の設定

そしたら、インストールしたプラグインの設定をしていきましょう。WordPressの編集画面からお問い合わせコンタクトフォームと進みます。

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

メールタブをクリック

送信先があなた宛てのメールアドレスになっているか確認しましょう。なっていなかったら、送って欲しいアドレスに修正してください。

設定はこれだけでOK!他はいじる必要がありませんので、保存を押して

あとあとショートコードが必要になるので、コピーをしておきましょう。

以上でコンタクトフォームの設定は終了です。次はお問い合わせのページを作っていきますよ

お問い合わせフォーム用の固定ページを作る

さくさく進みますよ、続いてはお問い合わせフォーム用の固定ページを作ります。固定ページ新規追加と進んでください。

タイトルに「お問い合わせ」と入力し、空白の段落に先ほどコンタクトフォーム1の設定画面でコピーしたショートコードを貼り付けます。

▼貼り付けた後は下のような感じ▼

サイドバーの文書タブを選択し、URLスラッグを「contact」にしておきましょう。

変なパーマリンクになっちまいますと、あとあと詳しくなってから後悔することになりますんでね。

▼よくわかんない、できないって方は最悪とばしてもOK▼

アドセンスを設置している人は「広告を除外する」に☑をしておく方が無難ぶなんでしょう。

本文はショートコードのみで文章を書く必要はありませんので、上記の設定が終わったら公開ボタンを押してください。

最終確認もありますね。「公開」しましょう。

▼うまく公開できているとこんなページになります▼

もう少しで終了です。次は作ったお問い合わせをメニューに追加しますよ

お問い合わせをメニューに追加する

ここからは設置するパートになります。作ったページもグローバルメニューとかフッターとかに設置できなきゃ意味がないですからね。

▼まずはフッターに配置する方法です▼

WordPressの編集画面から外観メニューと進みましょう。

新しいメニューを作成しましょうを押してください。既にフッターメニューを設定している場合は、そのフッターメニューを選択してください。

メニュー名に「フッター」や「フッターメニュー」と入力し、メニューを作成を押してください。

「メニュー項目を追加」のらんから固定ページを開き、先ほど作った「お問い合わせ」に☑してメニューに追加です。

お問い合わせ以外にもフッターに設置したい項目があったら項目に☑しメニューに追加をしましょう。

追加し終わったら、メニュー設定らんのフッターメニューに☑しメニューを保存を押してください。

これでフッターにお問い合わせが設置できました!あなたのブログの一番下を見てみてください

▼できていれば大成功▼

ヘッダーメニュー(グローバルメニュー)にもお問い合わせを設置したいときは、また新しいメニューを作成しましょうから始めてください。

流れは下の画像に書いてあります。フッターメニューを作成できたあなたになら絶対理解できます。

こんな感じにできれば大成功です。

お問い合わせフォームを確認する

実際に設置できたお問い合わせフォームが機能していなかったら意味ないですよね。だからきちんとテストしましょう。

まずはフッターのお問い合わせボタンからお問い合わせのページに行けるか、そしてヘッダーのお問い合わせボタンからお問い合わせのページにいけるか確認しましょう。

お問い合わせのページにいけたら、各項目に記入して、実際にメッセージを送信してみてください。

ちゃんとブログからあなたのメールアドレスにメールが届いたらテストも終了です。お問い合わせフォームの設置が完了です。

お問い合わせを設置してビジネスチャンスをつかめ

本記事では【Cocoon】お問い合わせフォームの設置方法を初心者向けに画像たっぷりで説明する

ということで、お問い合わせの作成から設置までを各項目画像付きで詳しく説明してきました。

うまくできました!

お問い合わせフォームからはたくさんのチャンスがあります。

  • 記事執筆依頼が来たり
  • 相互リンクの依頼が来たり
  • アドセンスの合格に必要っていう噂もある

こんなチャンスを逃すのは損ですよね

今回ご紹介したような簡単なもので十分ですので、きちんとお問い合わせを設置するようにしましょう。

一歩一歩あなたの理想のブログに近づけていってください

Cocoon関連記事

当ブログでは本記事以外にもCocoonに関する記事を書いています。あなたのお役に立てる記事がきっとありますので、ぜひ見ていってください。

【Cocoon】スマホ表示簡単カスタマイズ‼ハンバーガーメニューを固定追従させる
カッテネの使い方を誰でもできるように画像60枚以上使って超詳しく説明します
【Cocoon】サイドバーカスタマイズ!カテゴリーのボックスメニューは意外と難しくない
【Cocoon】リスト(箇条書き)をボックスに入れる超簡単な方法【カスタマイズ不要】
プロフィールサイトがおしゃれに無料で作れる‼twitterやインスタに活用しよう【作り方解説】
【Cocoon】目次カスタマイズ‼見やすくシンプルおしゃれにしよう【CSSコピペでOK】

コメント

プロフィール
峠

とうげです。30代サラリーマンです。地方進学校→一浪→大学理工学部→就職。行動することを大切にしています。投資、アフィリエイト、ブログやってます。インデックス投資で1000万円運用中。本業は地方に長期出張する施工管理→技術職へ異動。小さいときはロボット作り屋さんになりたかった。

峠をフォローする
タイトルとURLをコピーしました