Insert JavaScript and CSS
Adds fields to the post and page edit pages that allow you to insert custom JavaScript or CSS for that post or page.
Easily add custom JavaScript or CSS to a single post or page.
When activated, a new icon is added to the post edit page near the icon you use to add media to a post. Clicking the new icon brings up a screen where you can insert JavaScript and CSS that will be included with the current post.
Anything entered into the text field on the JavaScript tab will be inserted into the <head> section of your web page. Same is true of the CSS tab. This allows you to insert arbitrary JavaScript and CSS into any post or page you would like without having to resort to loading it on all pages.
| Author | Ryan Nutt Profile |
| Contributors | RyanNutt |
| Tags | CSS, javascript, page, Post |
-
Icon added to the post media area
-
Form to enter JavaScript
-
Form to enter CSS
- Upload the
insert-javascript-cssto the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
OR
- Use the plugin installer inside of WordPress
0.2
Fix so CSS and JS will show up in post types other than post.
0.1
Initial release
Do I need to wrap in script or style tags?
Does't matter. If you do, they're left in place. If you don't, they'll be added.
What about archive pages?
Unless you specifically tell it not to, this plugin will include any JavaScript or CSS included in a post on archive pages as well.
This can lead to conflicts. Take for example two posts, one with body { background: blue; }
and the other with body { background: green; }. Whichever post comes last will take priority,
but that's probably not what you want.
If you add a custom field named ijsc_single_only to your post the JavaScript or CSS will
only add when is_single() is true. It doesn't matter what value you put in ijsc_single_only, only
that there is a value.
Who can insert JavaScript or CSS
By default users with the capability upload_files are allowed to insert JavaScript or CSS into posts. This seemed to be a logical choice as you need to have a certain level of trust for users to upload files.
If you would like to change what capability is required you can edit the IJC_CAPABILITY_REQUIRED
constant defined in insert-javascript-css.php inside the plugin folder.