「Contact Form 7」のフォームをテーマファイルに直接埋め込む方法
  • 「Contact Form 7」のフォームをテーマファイルに直接埋め込む方法
  • 記事公開:2015/01/17
  • 最終更新:2015/09/17

「Contact Form 7」のフォームをテーマファイルに直接埋め込む方法

「ContactForm7」のフォームをテーマに直接埋め込む方法をご紹介します。「ContactForm7」はショートコードでメールフォームを設置しますが、テーマファイルにショートコードを記述しても正常に動作しません。テーマファイルにメールフォームを直接記述したい方は、今回ご紹介する方法を利用してください。

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

Contact Form 7をテーマファイルに直接埋め込む方法

Contact Form 7をテーマファイルに直接記述する方法は、いくつかパターンがあるのですが、今回は中でも最も簡単な「WordPressタグを利用した方法」をご紹介いたします。

フォームを設置したい箇所に以下のコードを記述してください。

<?php echo apply_filters('the_content', 'ここにフォームのショートコード'); ?>

【ここにフォームのショートコード】の部分に、Contact Form 7で発行されるショートコードを記述してください。前後の【’】を削除してしまわない様にご注意を。

タグを記述したら、そのファイルを保存して作業は完了です。
サイトにアクセスしてメールフォームが設置できていることを確認しましょう。

この時、メールフォームが正常に動作するのかも確認しておきましょう。
まず、問題なく動作しますが、念のためです。

まとめ

「Contact Form 7」のフォームをテーマファイルに直接埋め込む方法をご紹介しました。

今回は「WordPressタグを利用した方法」をご紹介しましたが、この他にもいくつかの方法があります。興味があればGOOGLEで検索してください。

今回の方法が一番簡単だとは思います。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2015-03-24

    WordPressの最大行表示エディターを利用している方に便利な小技

    WordPressの最大行表示エディターを利用している方に便利な小技をご紹介します。最大行表示エディターを使っていると、ページのTOPに戻るのが面倒ですよね。そんな時に便利な小技です。意外と知られていない小技かも・・・。 記事を読む

  • 2017-05-15

    WordPressのデータベースを1分で初期化する方法

    WordPressのデータベースを1分で初期化する方法をご紹介します。データベースの初期化と聞くと難しそうですが、プラグインを使えばなれていない方でも1分程度でデータベースを初期化することができます。9分ほどお付き合いください。 記事を読む

  • 2015-09-28

    WordPressの管理画面に外部サイトへのリンクを設置する方法

    WordPressの管理画面にオリジナルリンクを追加して、そのリンク先を外部サイトに変更してみました。ブログ更新のとき、よく参考にするサイトへ簡単にアクセスしたいと考えてのカスタマイズです。コードを掲載しておきますのであなたも実装してみてください。 記事を読む

  • 2016-07-21

    カスタムフィールドの値によってコンテンツを変える条件分岐

    カスタムフィールドの値によってコンテンツを変える条件分岐をご紹介します。カスタムフィールドの値がAなら文章をAを、値がBなら文章Bを表示させる条件分岐です。3分程度で理解できますので、この機会にマスターしてください。 記事を読む

  • 2017-02-05

    Easy Featured Images で投稿一覧からアイキャッチ画像を一括設定する方法

    WordPressのプラグイン【Easy Featured Images】をご紹介いたします。投稿の編集画面を開かず、投稿一覧画面からアイキャッチを設定できるようにするプラグイン、【Easy Featured Images】に興味のある方は、ご一読ください。 記事を読む

コメントを残す


(必須)