web関連

【HTML・PHP】静的HTMLサイトにcontactform7を埋め込む方法

【HTML・PHP】静的HTMLサイトにcontactform7を埋め込む方法

静的HTMLサイトで一部だけwordpressを使っているサイトがあって、静的サイトの方にcontactform7を埋め込みたかった時の備忘録

.htaccessにHTMLファイルでphpを使う記述を書く

.htaccessに以下のコードを書いてhtmlファイルでもphpを使えるようにする

<FilesMatch ".html$">
     AddType application/x-httpd-php .html
</FilesMatch>

静的htmlファイルに必要なコード

※以下はwp-load.phpと同じ階層にhtmlファイルを置いた場合の書き方

【必要なコード】

  • wp-load.php
    …wordpressの関数を使用できるようにする
  • wp_head()」「wp_footer()
    …contactform7のcss・jsファイルとか読み込む
  • do_shortcode()
    contactform7のショートコ―ドを読み込む
<?php require('./wp-load.php'); ?>
<!DOCTYPE html>
<html>
<head>
…
<?php wp_head(); ?>
</head>
…
<?php echo do_shortcode( '[contactform7のショートコードが入る]' ); ?>
…
<?php wp_footer(); ?>
</body>
</html>
「wp_head()」「wp_footer()」を読み込み忘れてたらcontactform7周りのcssとjsが動かなくて1時間くらい悩んだ
(フォームは普通に動いていた)

あまり案件としてはないけど、メモ