Introducing a new WordPress plugin from unFocus Projects: Scripts n Styles!

We wrote this plugin because sometimes you just need a small bit of JavaScript or CSS only on one page or post, but it isn’t very convenient to create a whole new template or write a complicated filter in your theme’s function file just for this.

This plugin allows Admin users the ability to add custom CSS and JavaScript directly into individual Post, Pages or any other registered custom post types.

Because only well trusted users should ever be allowed to insert JavaScript directly into the pages of your site, this plugin restricts usage to admin type users. Admin’s have access to even more sensitive areas by definition, so that should be relatively safe

For example, if you check the source code of this page (or view the element with Firebug), you should see in the following rule:

.syntaxhighlighter { border: 1px solid blue; }

This was simply included only on this page by using the Styles meta box on the page edit screen.

A few notes about the implementation:

• Admin users, or more specifically, *any user with the `manage_options` capability* (which by default is *only* the admin type user) can use this plugin’s functionality. Some plugins extend user rolls, and so this plugin would naturally extend include rolls that have the appropriate capability.
• CSS Styles are included inline, not linked, at the bottom of the `head` element with `style` tags by using `wp-head`. If your theme doesn’t have this hook, this plugin (as well as most others) won’t work.
• JavaScript is included inline, not linked, at the bottom of the `body` element with `script` tags by using `wp-footer`. If your theme doesn’t have this hook, this plugin (as well as most others) won’t work.
• There is no input validation. This plugin puts exactly what you type in the meta box directly into the `html` with no error checking. You are an Admin, and we trust you to be carefull. Try not to break anything.

I plan on implementing the following in future releases:

• Syntax highlighting via CodeMirror. (done)
• Option of including JavaScript in `wp-head` instead of `wp-footer` (done).
• Ability to link .css and .js files.
• Some sort of input validation.

Updated to 3.1.

If you’d like to contribute, the development is at github and since the plugin is GPLv3+, feel free to fork it up!

The plugin is available at the wordpress.org repos in it’s stable form

(This plugin was inspired by an article at digwp.com.)