The Custom JavaScript & CSS in Pages! plugin allows you to add CSS, Javascript code directly in any post, page or custom post!
HOW IT WORKS
The plugin allows you to embed CSS and Javascript code into any page (or just in the selected ones). It can be done through the Global code feature or directly by editing the page/post/custom post you need. Main features:
- Text editor with syntax highlighting
- Print the code inline or included an external file
- Print the code in the header or the footer
- Add as many codes as you want in any frontend page
- Keep your changes also when you change the theme
Global code
Through the main Custom JS & CSS you will be able to create Code objects by which you can define the:
+ Custom Javascript/CSS code and where it has to be included (footer or header)
+ External Javascript/CSS libraries that have to be included (footer or header)
+ Visibility options: Optionally you can specify where have to be included and specify a visibility filter (by page, post, URL, ...)
Pages, posts and custom posts!
The code can be included by directly editing any page, post or custom post (like WooCommerce products, BuddyPress, etc.). You will find the Custom JS & CSS metaboxes that allow you to embed the code you need!