A lightweight plugin to let you easily use custom CSS or JavaScript code for each Page, Post or Custom Post Type separately. The provided code will load only on the defined areas/pages maintaining the site efficiency.

No settings or complicated configurations! just install this plugin and you will have CSS and JavaScript code editors with each Post, Page, and Custom Post Type edit screen. You can paste/wite your code there and a live syntax checker will also check for the basic code errors and will notify you as you type.

You can also define conditional based general styles and scripts for the whole site, only homepage or for a specific Custom Post Type (Eg: A code that runs on all the posts only).

Features

CSS Code Box for Posts, Pages and Custom Post Types
JavaScript Code Box for Posts, Pages and Custom Post Types
General Styles and Scripts
Conditional Styles and Scripts
Specific Styles/Scripts for Home Page
Syntax Highlighting
Automatic Indent and Outdent
Highlight Matching Parentheses
Drag and Drop Text using the Mouse
Line Wrapping
Multiple Cursors and Selections
Live Syntax Checker
Line Wrapping

General Styles/Scripts

Custom jQuery & CSS for Posts, Pages - 1

CSS and JavaScript Box for Post Types

Custom jQuery & CSS for Posts, Pages - 2

Changelog

1.3 – 22 September 20

Bug Fixed: Code editors disabled in WordPress 5.5.1

Custom jQuery & CSS for Posts, Pages WordPress Plugin