「Contact Form 7」を使ってお問い合わせフォームを作成する方法|【cocoon基本設定②】

cocoon

伝えたいこと

僕は最近ブログを書き始めた初心者ですが、ゆくゆくは「広告収入も得られたらいいな」と思っています。広告収入を得る1つの手段としてgoogleアドセンスがあります。googleアドセンスには審査があり、それをパスして、初めて収入を得られるようになります。そのgoogleアドセンスの審査を通るには、ブログの問い合わせフォームが必須です。

という訳で、今回はコンタクトフォームを作成していきます。

完成イメージはこんな感じです。↓

お問い合わせフォーム作成手順

「プラグイン」→「新規プラグインを追加」
「contact form7」と検索し、「Contact Form 7」をインストール。(右上の「今すぐインストール」をクリックすればインストールできます。)
その後、「有効化」をクリック

「インストール済みプラグイン」→「設定」

以下の写真に示すコードをコピー(このコードをショートコードというみたいです)

ショートコードには「*」が含まれています。例えば以下の部分です。

<label> 題名
    [text* your-subject] </label>

この場合、「題名」という項目は必須事項になります。つまり、この項目を入力しないとお問い合わせできないということです。

次に、先程のショートコードを固定ページに貼り付けます。
「固定ページ」→「新規固定ページを追加」

タイトルを記入し、「ショートコード」ブロック を追加します。ショートコードブロックの中に先程、コピーしたコードを貼り付けます。 これで設定完了です!

問い合わせフォームの確認

編集ページの「公開」ボタンの隣にある、「表示マーク」をクリックし、「新しいタブでプレビュー」をクリックします。別ウィンドウで立ち上がる新たなページを確認してください。 以下の写真のようになっているはずです!

せっかくなので僕の問い合わせフォームを確認してみてください。

問い合わせフォーム

コメント