ECcube3内にWordPressを設置した際にヘッダーとフッターを共通化したい

Question

Eccube3で運営しているECサイト内に記事コンテンツ管理用のWordPressを入れて、共通のヘッダーとフッターを表示させたいと思っています。
Eccube3のヘッダー・フッターをWordPress側に読み込みたいです。（Eccube3がメイン）

Eccube3のテンプレートファイルは,Twigなのですが、どうにかしてEccube3のヘッダー・フッターをWordPressのヘッダー・フッターにする良い方法はないでしょうか。

ざっと調べても良い方法が見当たらず困っています。
「こういう形ならできるんじゃない？」というヒントだけでも頂けると非常に助かります！

よろしくお願いします。

Answer 1

ヒントだけでもということなので...

WordPress も PHP で書かれたプログラムなので、Twig を呼び出すPHPコードを書けば Twig は使えると思います。

---

試していませんが、たとえば...

twig をインストールして、
テーマディレクトリに views ディレクトリを作成して、その中テンプレートファイル test.twig を作成。

WordPress で固定ページ test を作成して、
page-test.php に下記のような感じで、twig のコマンドを記載して、 http://example.com/test にアクセスすると test.twig の内容が表示されないでしょうか。

<?php
require_once __DIR__ . '/autoload.php';

$loader = new Twig_Loader_Filesystem(__DIR__ . '/views');
$twig = new Twig_Environment($loader);
echo $twig->render('test.twig');

上記のような感じで、twig テンプレートを WordPress のテーマから呼び出すことが可能であれば、あとは、WordPress でお使いのテンプレートの header/footer 部分を twig を呼び出す形に置き換えれば良いと思います。

ただし、WordPress の header/footer の中で、プラグイン等の CSS や JavaScript を読み込む部分が動的に追加される場合がありますので、このあたりの処理を工夫する必要があると思います。

Comments

[jinn614]

すみません、、返信遅れました。
別の方法でどうにかこうにか実装したのですが（AjaxでヘッダーとフッターをEccubeのページから取得するという荒技でしのぎました）、教えていただいた方法の方向性が綺麗だと思うので、次の機会に試してみようと思います！ありがとうございます！