BLOG

WORKS】 固定ページ別に WordPress メタボックスから PHP / CSS を直接編集・生成できるプラグインを作った話

はじめに

WordPressで固定ページを作成する際、多くの場合は「page-スラッグ名.php」のような専用テンプレートを用意します。
一部のテーマではブロックエディタだけでレイアウトできますが、デザインを忠実に再現したいケースでは、テンプレート内に直接HTMLを書き、CSSで細かく装飾した方が自由度が高くなります。

しかし、固定ページの編集画面からはテンプレートを編集できず、修正したいだけなのに毎回FTPやエディタを開く必要があり、運用面での負担は大きくなりがちです。

「なぜ固定ページ編集画面で、ページに紐づくテンプレートファイルを編集できないのか?」
その違和感から、今回のプラグイン開発が始まりました。

固定ページの寂しさ

オリジナルテーマで固定ページを作成しテンプレートを割り当ててしまうと、管理画面の固定ページ編集画面にはほとんどアクセスしなくなります。 編集できるのは、タイトル・メタ設定・ショートコード・一部カスタムフィールド程度で、肝心のテンプレートには触れません。

WordPressには「テーマファイルエディター」がありますが、

・扱いづらい
・間違えると即サイトが落ちる
・運用者には開放できない

などの理由から実用的ではありません。

長期運用を考えると、固定ページ側でテンプレートに直接触れる仕組みがどうしても必要だと感じていました。

固定ページに紐づくテンプレートファイルをその場で編集

固定ページにはスラッグがあります。
例えば「アバウト」ページなら…

・スラッグ:about
・テンプレート:page-about.php

WordPressはアクセスされたURL(例: /about/)に応じて自動的に該当テンプレートを読み込みます。

そこで今回、固定ページ編集画面に入った瞬間、

対応する「page-スラッグ名.php」テンプレートを自動で読み込み、直接編集できる仕組み

を持った専用プラグインを開発しました。

その名も 『TARP Page Template Studio』。

このプラグインにより、テキスト修正・ブロック追加・調整用CSSの記述などが、すべて固定ページ編集画面だけで完結します。

実装した機能等

  • 「page-スラッグ名.php」が存在する場合、自動で読み込み・編集可能
  • 新規作成時は、スラッグに合わせたテンプレートと調整用CSSを自動生成
  • 既存テンプレートがある場合でもCSSファイルのみ自動生成
  • 生成ファイルは専用ディレクトリで管理され、テーマ本体に影響を与えない
  • CodeMirrorベースのエディタで快適にコーディング

おわりに

生成AIの普及により、WordPressでのテーマ制作も大きく変わりつつあります。
固定ページから直接テンプレートを編集できる構造はAIと非常に相性がよく、“ページ単位でテンプレートを育てていく”新しいサイト制作フローを可能にします。

※ このプラグイン『TARP Page Template Studio』は、
TARP Projects 内部専用の非公開プラグインです。

一般公開の予定はありませんが、今後も運用効率化のためにアップデートを続けていきます。

keyboard_arrow_up

TARP developer