WP Manifestindependent plugin directory
manifest / developer / custom-css-js-per-post

カスタムCSS/JS per Post

for WordPress Post

by Nagaoka Design Office · github.com/nagaoka-design/custom-css-js-per-post

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/nagaoka-design/custom-css-js-per-post/archive/refs/heads/main.zip
Readme github.com/nagaoka-design/custom-css-js-per-post ↗

投稿記事ごとにカスタムのCSS、JavaScriptを追加できるWordPressプラグインです。

特徴

  • 📝 投稿・固定ページごとに個別のCSSを追加
  • 💻 投稿・固定ページごとに個別のJavaScriptを追加
  • 🔒 セキュリティ対策済み（Nonce認証、サニタイゼーション）
  • 🎨 管理画面で簡単に編集可能
  • ⚡ フロントエンドで自動出力

インストール方法

  1. custom-css-js-per-post.php をWordPressの wp-content/plugins/ ディレクトリにアップロード
  2. WordPress管理画面の「プラグイン」メニューからプラグインを有効化

使い方

1. 投稿・固定ページの編集画面

プラグインを有効化すると、投稿・固定ページの編集画面に以下のメタボックスが追加されます：

  • カスタムCSS - この投稿だけに適用されるCSSを記述
  • カスタムJavaScript - この投稿だけに適用されるJSを記述

2. CSSの追加例

.my-custom-class {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}

h2 {
    border-left: 4px solid #3498db;
    padding-left: 10px;
}

注意: `