Simple Custom CSS and JS PRO

Custom code can be hard to manage when it is mixed into theme or plugin files. This plugin gives you a place in the WordPress dashboard to add CSS, JavaScript, and HTML snippets. Apply code across the site or target specific URLs, and use live previews to check changes before saving them.

For larger sites, the plugin supports network-wide code management across WordPress multisite subsites. It also provides revision history with code comparisons, Sass and Less preprocessing, and code minification. Turn custom HTML into reusable shortcodes with variables, or transfer snippets and settings between WordPress installations.

Features

• Target specific URLs: Choose to apply custom CSS and JavaScript across the site or restrict it to specific URLs for more precise placement.
• Manage multisite code: Manage and apply custom CSS, JavaScript, and HTML across subsites from the main installation in a WordPress multisite network.
• Reuse HTML with shortcodes: Convert custom HTML into reusable shortcodes that accept variables, so you can place flexible snippets across pages or posts.
• Preview before saving: Open a separate-tab preview to review the effects of custom CSS or JavaScript before saving your changes.
• Review code revisions: Keep a versioned history of changes and compare revisions to see code that was added, edited, or removed.
• Use Sass and Less: Write styles with Sass or Less, including nested rules, variables, mixins, and calculations, then preprocess the code.
• Minify custom code: Automatically minify CSS and JavaScript code to reduce the size of the resulting files.

Best for

• WordPress site owners managing custom code
• Developers adjusting site styles and behavior
• Teams maintaining WordPress multisite networks