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
37release downloads
v1.0.0latest · never

Install

Download custom-css-js-per-post-1.0.0.zip From the v1.0.0 release on GitHub, Dec 16, 2025

Upload it under Plugins → Add New Plugin → Upload Plugin, then activate.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/nagaoka-design/custom-css-js-per-post/releases/download/v1.0.0/custom-css-js-per-post-1.0.0.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
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;
}

注意: `

Releases

1 release. Each count is every asset in that release; expand a row for the breakdown.

Tag
Published
Assets
Downloads
v1.0.0 latest
Dec 16, 2025 10mo ago
custom-css-js-per-post-1.0.0.zip
37