Custom JavaScript & CSS in Pages!

Theme options only go so far, and editing theme files means your changes can vanish when the theme updates. Custom JavaScript & CSS in Pages! gives you a place to put your own scripts and styles that stays separate from the theme. You add the code in the editor, choose where it loads, and it keeps working if you switch themes later.

You can run a snippet on every page or limit it to specific pages, posts or URLs using visibility filters. Code can be inline or pulled in as an external file, and it can load in the header or footer. External JavaScript and CSS libraries are supported too, so third-party resources fit in. It suits anyone who wants targeted control over how pages look and behave.

Features

• Syntax-highlighted code editor: The built-in editor colors your JavaScript and CSS, which makes code easier to read, write and debug directly inside WordPress.
• Inline or external code: Insert your code inline or include it as an external file, and decide whether it loads in the header or the footer of the page.
• Global or per-page code: Apply a snippet to the entire site, or assign scripts and styles to individual posts, pages or custom post types.
• Visibility filters: Define where code applies with filters such as page, post or URL, so each customization appears only where you want it.
• External library support: Include external JavaScript and CSS libraries and place them in the header or footer to bring in third-party resources and frameworks.
• Survives theme changes: Your customizations stay in place when you switch themes, because the code is not stored in theme files.
• Unlimited code inserts: Add as many separate JavaScript or CSS snippets as you need, which helps you organize several customizations side by side.

Best for

• Site owners who want custom code without editing theme files
• Developers adding scripts to specific pages or post types
• Designers styling pages beyond what theme options allow