A WordPress Plugin for easily defining additional CSS and JavaScript (inline and/or by URL)
to be added to any page or post individually.

Two simple steps:

  • Enter the directory location/s of your custom CSS and/or JavaScript files on the Zia3 JS
    CSS settings page
  • Select the CSS/JS files you want to include on the page/post edit page using checkboxes

The plugin adds a css editor field when you are editing and creating a new post or page.
With the plugin each template page/post will have more possibilities with it’s increased
editing power. This allows you to insert arbitrary JavaScript and CSS into any post or
page you like without having to resort to loading it on all pages or modifying your
template’s CSS or JS files. This reduces page load time by finely tuning the CSS and
JavaScript files includes in each page/post.

Ever need to include specific CSS or JavaScript (JS) files on a per page/post basis ? Needed
a seperate CSS / JS file for your homepage and not anywhere else in your site ? Wanted
certain pages/posts to use another CSS/JS file and provide funtionality to those pages only
and not to your full site ?

Ever want to tweak the appearance of the WordPress pages/posts, by hiding stuff, moving
stuff around, changing fonts, colors, sizes, etc? Any modification you may want to do
with CSS / JS can easily be done via this plugin. Leverage the power of jQuery on your
website by injecting inline JavaScipt.

Using this plugin you’ll easily be able to define additional CSS / JS (inline and/or files
by URL) to any page or post individually. You can define CSS / JS to appear inline in
the page/post head (within style tags), or reference CSS files to be linked (via “link
rel=’stylesheet'” tags). The referenced CSS / JS files will appear in page/post head first,
listed in the order defined in the plugin’s settings. Then any inline CSS / JS are added to
the page head. Both values can be filtered for advanced customization (see Advanced


  • Zia3 CSS JS Meta Boxes
  • Zia3 CSS JS Settings
  • Zia3 CSS JS Installation Upload
  • Zia3 CSS JS Installation Success
  • Zia3 CSS JS Setting Menu Link
  • Zia3 CSS JS Syntax Highligher


Who can insert JavaScript or CSS ?

By default users with the capability upload_files are allowed to insert JavaScript or CSS
into posts/pages. This seemed to be a logical choice as you need to have a certain level of trust
for users to upload files.

Can I add CSS I defined via a file, or one that is hosted elsewhere ?

Yes, via the “Zia3-JS-CSS” input fields on the plugin’s settings page.

Can I limit what pages the CSS / JS gets output on ?

Yes. This is the main strengh of the plugin.

Why don’t I have any checkboxes to include CSS/JS files ?

You either have no files in the selected CSS/JS directories you set up using the Zia3 CSS JS
options page or the directory doesn’t exist or you don’t have access to it. The configuration
page displays both the file path on the server and the URl as a link to the configured CSS/JS
directory. You can use the link to check if you can access the directory. Also make sure you
have the correct permissions for your CSS/JS directories and that access isn’t also blocked
via .htaccess file configuration.


Visual Editor WP 4.5 problem


There is a conflict between WP-SEO Yoast ver 3.2.5 and this version 1. of Zia3-Js-Css.
Two problems:
1. In edit page admin - Visual does not work unless one clicks Text then Visual
2. The new WP URL link textbox shows at bottom of page instead of inline where the link words are. The setting gear also does not display.

If I revert back to Yoast 3.0.6 all is OK. Or if I keep Yoast 3.2.5 and deactivate ZIA all is ok.

In ZIA the problem seems to be in the jquery-ui.min.js file. But it is too hard to debug.

Read all 8 reviews


0.1 initial release.

0.2 Added CSS and JavaScript code highlighting and auto-complete to respective metaboxes.

Contributors & Developers

This is open source software. The following people have contributed to this plugin.


Browse the code