静的HTMLサイトにWPフォームを埋め込む
例えばこんなケースがある!
静的HTMLサイトにWPフォームを埋め込みたい
ここで問題なのは「どのWPフォームプラグインを使うか?」
<解説>
同じサーバー上にWPコンテンツと静的HTMLが同居する場合に静的HTMLサイトにWPフォームを埋め込みたいというニーズがある。
静的HTMLサイトにWPフォームを埋め込む時は以下の2つのケースが考えられる。
①フォーム表示にiFrameを使うケース
お問い合わせフォームはMW WP Formを使用
②フォーム表示はiFrameを使わない
MW WP Formは動作しないのでcontactform7を埋め込む。
<実装方法>
【必要なコード】
「wp-load.php」…wordpressの関数を使用できるようにする
require( '../wp-load.php');
「wp_head()」「wp_footer()」
…contactform7のcss・jsファイルとか読み込む
「do_shortcode()」
contactform7のショートコ―ドを読み込む
<カスタマイズ>
余分なJSとCSSファイルの読み込みを中止させる
wp_head()とwp_footer()によるレイアウト崩れが起こる場合があるので 余分なJSとCSSファイルの読み込みを中止させることが出来る。
//jqueryの読み込みを中止
function twpp_deregister_scripts() {
$url = $_SERVER['REQUEST_URI'];
if(strstr($url,'/index.html')==true){//適用させる静的HTMLのパス
wp_deregister_script( 'jquery' );
}
}
add_action( 'wp_enqueue_scripts', 'twpp_deregister_scripts' );
//style.cssの読み込みを中止
function dequeue_plugins_style() {
$url = $_SERVER['REQUEST_URI'];
if(strstr($url,'/index.html')==true){//適用させる静的HTMLのパス
wp_dequeue_style( 'style' );
}
}
add_action( 'wp_enqueue_scripts', 'dequeue_plugins_style', 100 );