【初心者】cocoonでお問い合わせフォームを作る♪

この記事は約4分で読めます。

こんにちは、よしです。
WordPressのテーマはcocoonを使っています。
cocoonにはお問い合わせフォームが実装されていないので、
プラグインを使って設定しました。

たまにお問い合わせがないがサイトを見かけます。
お問合せがあるほうが信頼度が増しますし、
実際に問い合わせたい時にメニューにないのは困りますよね。
Google AdSenseの審査に合格するのも必須と言われています。
他にも要素はあるかと思いますが、一発で合格しました。

ブー
ブー

難しそうだね

よし
よし

初心者の私でも出来たから簡単です

とても簡単なので是非お問い合わせフォームを作ってみて下さい。
実際に設定した方法を紹介します。

プラグインをインストールする

使用するプラグインはContact Form 7です。
驚くほど簡単に作れるので、とっても頼れるプラグインです。

よし
よし

cocoonのダッシュボードからプラグイン⇨新規追加をクリックします。

 

よし
よし
プラグインの画面に変わりますので、キーワードにContact Form 7と入力します。

私のプラグインのページなので既にインストールして有効化していますので、表示が違います。
よし
よし

「今すぐインストール」をクリックして完了したら「有効化」をクリックしてください。

これでのインストールは完了です。
プラグインの一覧にContact Form 7が追加されました。


これでメニューにお問合せが追加されました。

お問い合わせフォームの作り方

よし
よし

メニューからお問合せ⇨新規追加をクリックします。

「コンタクトフォームを追加」で「お問い合わせ」の編集画面が出てきます。

よし
よし

特に何もしなくて良いので「保存」をクリックします。

よし
よし

上部の「このショートコードをコピーして、投稿、固定ページ、またはテキストウィジェットの内容にペーストしてください:」のショートコードをコピーします。

サイトに設定する

よし
よし

左側メニューの「固定ページ」⇨「お問い合わせ」⇨「編集」をクリックします。

よし
よし

先ほどコピーしたショートコードを貼り付けます。

よし
よし

更新をクリックしたら「固定ページを更新しました」と表示されたら完了です。

ヘッダーに設置する

よし
よし

左側のメニューから外観⇨メニューをクリックします。


メニュー名を入力します。
今回は、分かりやすくヘッダーメニューにしました。

 

よし
よし

固定ページ欄にある「お問い合わせ」にチェックを入れ、「メニューに追加」をクリックします。

右側の「メニュー構造」に「お問い合わせ 固定ページ」が表示されます。
「ヘッダーナビ」と「モバイルヘッダーナビ」にチェックを入れます。

よし
よし

「メニューを保存」をクリックするとヘッダーに「お問い合わせ」が出来ています。

まとめ

最後までご覧いただきありがとうございます。

プラグインを使うと、とっても簡単に設定ができます。
問い合わせフォームがある事で良いことも多いです。

  • 問い合わせフォームがあると信頼性がある
  • google アドセンスの審査に必要
  • 仕事の依頼がもらえる

ぜひ、問い合わせフォームを設定してください。

にほんブログ村 ライフスタイルブログ シンプルライフへ
にほんブログ村

シンプルライフランキング

コメント

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