【自作プラグイン】ページごとにCSS/JSを自由自在に適用！Custom Page Scripts
本ブログは殆どAIに書かせています。
ハルシネーション(チャットAIなどが、もっともらしい誤情報（＝事実とは異なる内容や、文脈と無関係な内容）を生成すること)にご注意ください。
アフィリエイトリンク(広告)もありますのでご了承ください。
「このページだけデザインを変えたい」「特定の記事だけで特別なスクリプトを動かしたい」そんな願いを叶える、軽量・強力なカスタマイズツールを開発しました。
WordPressで特定のページだけにスタイルを当てようとすると、子テーマのCSSに記述が増えたり、条件分岐を書いたりと手間がかかりがちです。このプラグインを使えば、投稿画面の専用ボックスにコードを書くだけで完了します。
1. このプラグインの主要機能
- 個別CSS（wp_head）: そのページ専用のスタイルを自動出力。
- 個別JS（wp_footer）: ページ最下部で動作するスクリプトを設定。
- 多様な投稿タイプに対応: 投稿、固定ページだけでなく、ニュースや告知にも対応。
- 快適なエディタ体験: 管理画面でのTabキーインデントをサポート。
ページをキャンバスにする
2. こだわりの「開発者目線」なUI
ただのテキストエリアではありません。執筆時のストレスを極限まで減らしました。
💡 インデント機能の標準搭載
WordPressの標準的なテキストエリアはTabキーを押すと次の入力項目へ移動してしまいますが、このプラグインではTabキーによるインデント（およびShift+Tabでの戻し）が可能です。コードの階層をきれいに保つことができます。
▲ 投稿画面から離れずに、その場でデザインや挙動を制御
3. どんな時に使うの？（活用事例）
特定の記事だけ背景色やフォントを変える
LP（ランディングページ）風の構成にしたい時など、そのページ限定のCSSをサクッと適用できます。
特定の記事にだけグラフや動的エフェクトを入れる
外部ライブラリを読み込ませたり、特定の要素にだけアニメーションを仕込みたい時に重宝します。
デバッグやテスト環境として
サイト全体に影響を与えず、特定の記事だけでCSS/JSのテストを行うことができます。
4. まとめ
「Quicktags & Shortcode Tabs Manager」で効率化し、「Custom Page Scripts」で個性を出す。この2つのプラグインがあれば、WordPressのカスタマイズ性は飛躍的に向上します。
おすすめテーマ「Lilac Bloom」の柔軟性をさらに引き出すためのツールとして、ぜひ活用してください！