固定ページでContact Form7のフォームを表示する方法
WordPressには、「ContactForm7」という大変便利なプラグインがあり、これさえあればPHPの知識がほぼなくても、自分の好きなようにメールフォームを設定することができます。
この便利なプラグインですが、ちまたでよく
「誰でも、簡単に、メールフォームが設置できる!」
という触れ込みで謳われています。
私も当初は、この触れ込みに乗ったものです。
しかし、私の場合、壁にぶつかりました。
「固定ページに表示させたいけど、ショートコードをコピペしても何も出てこない・・・」
私の手順は以下のとおりでした。
①ダッシュボード 固定ページで、コンタクトフォーム用のページを作成
②「page-contact.php」をテーマ内に用意して、アップ
③パーマリンクを「/contact」に変更
④ContactForm7のショートコード(下記)を、①の固定ページに貼り付けて保存
1 |
[contact-form-7 id="ID番号" title="コンタクトフォーム 1"] |
⑤ ②のページを表示
⑥そして何も出てこない・・・
なぜ?スラッグ名も間違ってないし、アップもしたし、ショートコードも貼り付けたのになんで表示されないのかな???
まあ、結論を言うと、教本でも飛ばしてしまうくらい当たり前のことを、私がやっていなかっただけなのですが^^;
でも、本当に分からなかったんです。
それは、下記のテンプレートタグを、「page-contact.php」に記述していなかったから。
1 2 3 |
<?php if(have_posts()) : while(have_posts()) : the_post(); ?> <?php the_content(); ?> <?php endwhile; endif; ?> |
このテンプレートタグを貼り付けた位置に、フォームが表示されます。
投稿内容、つまり、ショートコードを表示させるためには、上記の「ループ」を作る必要があるのです。
ちなみにこのテンプレートタグ、デフォルトテーマのindex.phpには記述されているから、よく教本に書いてある「ショートコードを貼り付けるだけ」で通るのですが、
自前で固定ページを準備する際には、このコードは自分で追加しないといけない
という事なんですね。
WordPress初心者の方は、このへんでつまずかれる方も多いのではないでしょうか。
悩んでいる方、お試し下さい^^!
公開日:2016年3月23日
最終更新日:2016年4月8日