WordPressと静的HTMLが組み合わせられたサイトの管理について

Question

新しい案件でルート直下の特定ディレクトリのみWordPressが使用されており、その他は静的HTMLで作成されているサイトを担当することになりました。(WordPressのみ外部ベンダー)
こういった構造のサイトも多いのかなと思いますが、通常どうやってソースを管理するのがベストなのか有識者の方にお伺いさせていただきたいです。

サイトの構造

/article → ここの配下はwp領域
/aaa → 静的領域
/bbb → 静的領域
...

現状のソース管理

/articleの配下は外部ベンダーがソースを管理している(Git)
他の静的領域は私たちの会社がGitで管理している

※なおアカウント権限はもらっているので外部ベンダーさんのWP資材には一応アクセスできる

困っていること

• ヘッダーなどWP領域も静的領域も同じであってほしいパーツがあるが、

現状では双方異なる違うHTML、CSSで管理されている(資材が完全に分かれている)
→ 共通パーツに修正が入った時にWPのテーマ/静的領域を両方を直さなくてはいけない

お伺いしたいこと

• Gitのリポジトリを統合するのがてっとり早そうと考えて提案したのですが、

権限など諸般の事情で難しく...Gitリポジトリは分離したままで上手く運用していく方法は何かございますか？

Answer 1

ベストではない気がしますが、自分の今携わってるサイトは
共通パーツはJSで読み込み、という手段をとっています

ReactやVueのコンポーネントとして作るのがいいのか
Ajaxでファイルを読み込むのがいいのか
JSにがっつりhtmlコード書いちゃうのか
そのあたりは内容に応じて選択

---

追記

異なるGitのリポジトリ間で一部のパーツのみ共有したいのであれば
とりあえずサブモジュールが選択肢ではないでしょうか

ただし共通パーツをサブモジュールとして
切り分けられるような作りになっていることが求められるので
静的ページもテンプレートを使って生成するような
作り方をしていないと厳しいかもしれません

またサブモジュールのアップデートを行わなければ
反映されないという点も考慮すべき点かもしれません

JSで読み込みという手段は成果物はベストな形ではないものの
導入の条件があまり厳しくないこと、即時反映できること
使う側に求められるスキルがあまり高くないことがいいところです

Comments

[tsuyo_244]

ご回答ありがとうございます。
おっしゃるように共通パーツをJSで読み込むという手段は選択肢から
漏れてしまっていたのでとても参考になりました！

またGitのサブモジュールについてもご教示ありがとうございます。
この機能は初めて知りました。なかなか奥が深いですね。。

双方メリット・デメリットあるかと思いますので慎重に検討してみたいと思います。
ありがとうございました。