静的ページにcontact form7を一部に埋め込み

Question

すでに出来上がっている静的ページの一部にワードプレスを組み込みたいのですが、
うまくいかず困っております。

index.htmlの一部にワードプレスのプラグインcontact-form7を組み込もうとしていますが、どこかでつまづいていて上手くいきません。

https://planbworks.net/web/html-and-wordpress.html
こちらのサイトを参考にしております。
ディレクトリ構造は
hpフォルダ
-index.html
-...
wpフォルダ
-.htaccess
-wp-load.php
-...

doctype宣言より前にこちらを記述

<?php require('./wp/wp-load.php'); ?>

そのあと
.htaccessに
Action myphp-script /php.cgi
AddHandler myphp-script .php .htmlを記述。

あとはindex.htmlに

<?php echo do_shortcode( '[contact-form-7 id="4" title="コンタクトフォーム 1"]' ); ?>

を記述しましたが、サイトはnotfoundになり hp/index.htmlのアドレスで表示されなくなってしまいました。

何卒お力添えいただきますよう、お願いします。

Answer 1

.htaccessの記述は正しいのでしょうか？
参考にされたサイトの説明はさくらインターネットの場合で、それ以外のサーバーだと記述内容は変わります。

あと、フォームが呼び出せたとしても<?php wp_head(); ?>と<?php wp_footer(); ?>が無ければ動きません。

Comments

[enaka]

ご回答ありがとうございます。
自身の知識が足らないもので、もう少しだけ詳しく教えていただけますでしょうか？こちらのコンタクトフォーム内にwp_headとwp_footerを読みこませないとコンタクトフォームが動かないということでしょうか？

ちなみにここに読み込ませるデータは一体何に当たるのでしょうか？

ちなみにサーバーはさくらインターネットではなく海外のサーバーなので、もしかしたらそのサーバーに合わせたものにしないとならないかもしれません。
いくつも質問を重ねてしまいすみません。

[退会済みユーザー]

.htaccessに
Action myphp-script /php.cgi
AddHandler myphp-script .php .htmlを記述。

↑を.htaccessに追記してhtmlファイルでPHPが動けば良いですが、さくらインターネットの場合の記述方法なのでそうでなければ無意味です。
お使いのサーバーに合った方法でなければ動きません。

>wp_headとwp_footerを読みこませないとコンタクトフォームが動かないということでしょうか？

とりあえずフォームが表示できてからの話しだと思いますが、フォーム単体では動かないのでまずそこまで辿り着いてからだと思います。

[enaka]

そのサーバーに合わせた.htaccessの記述を探そうと思います。

また、現在ページ上にコンタクトフォームは表示され、動かすところまで行きました。ですが、お問い合わせ内容を送信後別のページに飛んでしまうという別の問題が発生しました。wpの知識をもう少しつけてもう一度トライしてみようと思います！詳しく丁寧に教えていただき、本当にありがとうございました。

[tetutetutetu]

Contact Form 7の「その他の設定」に
↓を入れれば、送信後に指定したページに移動できますよ。

on_sent_ok: "location.replace('移動先URL');"

[enaka]

すみません。せっかく回答いただいたのに、気がつくのが遅くなってしまいました。
今on_sent_ok: を使用することができないとのことでDOMでの記述で対応するということでした。
今回は違う方法でサンキューページを作ることができましたが、こちらの記述も今後参考にさせていただこうと思います！ありがとうございました！