cocoonでフッターメニューにお問い合わせフォームを作成する方法。

アイキャッチ:スマホを操作する女性 ブログ運営

ブログを開設しました。とりあえず、お問い合わせフォームの作り方を解説します。自分はけっこう苦戦しましたので、同じように苦戦している誰かの役に立てば幸いです。

cocoonでフッターメニューにお問い合わせフォームを作成する方法。

まず、左側の固定ページのタブを開いて、新規作成のボタンを押します。

とりあえずタイトルを「お問い合わせ」にします。

これは必須ではないけど、ついでにパーマリンクも「contact」にしました。

で、そのまま公開します。

次に、左側の外観のタブを開きます。メニューの名前をつけて、右側の「メニューを作成」をクリック。

下図の二か所にチェックを入れ、メニューを保存。

次にプラグインをインストールします。

右側のプラグインのタグを押して、新規追加を選びます。

右上に検索バーが出ますので、「Contact Form 7」と入れます。富士山の絵のやつが一番上位に出てくると思いますので、インストールしましょう。

インストールできたら、すぐに有効化します。

すると、左側のメニューに「お問い合わせ」という項目が追加されますので、クリックします。

デフォルトでコンタクトフォームができていますので、それを選びます。

タイトルをお問い合わせに変えて、一旦保存します。

ちなみに、下の方にあるフォームとかメールとか書いているやつは、とりあえずスルーしました。そのままでも問題なく機能しますが、デザインを変更したり質問項目を増やしたりしたいという方はこちらのサイトを参考にしてみて下さい。

さて、フォームの編集が済んだら、青くなっているショートコードというものをコピーします。

そして、固定ページから最初に作ったお問い合わせのページへ。

フォームを設置したいところに先ほどのショートコードをそのままペーストすれば、こんな感じのお問い合わせフォームができます。

試しにこのフォームから自分宛のメールを送ってみたところ、ちゃんと届きました。簡素ながらきちんと機能しているようです。

フッターメニューから問い合わせてください

というわけで、WordPressが初めてでもcocoonでスムーズにお問い合わせフォームを作れるように優しく解説してみました。もしこれでも分からんという方は、このサイトのお問い合わせフォームから質問してみて下さい。下の方にリンクがありますので。

コメント

タイトルとURLをコピーしました