Easy Custom JS and CSS for WordPress 1.1.2
Easy Custom JS and CSS for WordPress helps you tailor your site’s appearance by adding custom CSS and JS without touching theme files. The main benefit: preserves customizations through theme updates, with a built-in editor, syntax highlighting, and minification. Perfect for rapid tweaks, it supports header/footer placement, filters, and SCSS/LESS, all as a lean WordPress plugin.
Description
Easy Custom JS and CSS for WordPress is a lean plugin that lets you add custom CSS and JavaScript without editing your theme or other plugin files. It’s designed for quick tweaks to the look and behavior of your site, including pages built with popular tools like Elementor.
Because the code lives separately in the plugin, your customizations are preserved through theme updates, helping you avoid style resets or unexpected breakage. You can manage snippets with an inbuilt editor (with syntax highlighting) and control where they appear, including header/footer placement.
Main Features
- Code editor with syntax highlighting — Write and maintain custom CSS and JS with clearer code readability.
- Filter builder for inclusion rules — Apply code based on rules instead of loading it site-wide.
- Conditional CSS and JS output — Run styling or scripts only where the filter logic matches.
- Embed or external file method — Choose inline embedding or load code as an external file.
- Header and footer placement — Insert scripts and styles into the header or footer areas.
- User and admin-side targeting — Set custom CSS/JS to run for user areas, admin areas, or both.
- Minification for CSS and JavaScript — Reduce file size by minifying your CSS and JS.
- SCSS and LESS support — Use preprocessors to write more structured styles.
- AJAX saving in editors — Save changes without reloading the page.
- Filesystem delivery — Serve code from the filesystem instead of storing it in the database.
Benefits
- Update-safe customizations — Keep your CSS and JS intact when themes refresh.
- Better UX targeting — Apply scripts and styles only on relevant pages for cleaner behavior.
- Improved performance — Minification and filesystem delivery help reduce overhead.
- Faster iteration — AJAX saving supports quick testing of tweaks and fixes.
- More flexible workflows — Multiple code snippets let you organize changes for different site sections.
Who is it suitable for?
- WooCommerce store owners customizing storefront styles or interactions
- WordPress site admins who don’t want to edit theme files
- Web designers building pages with Elementor or similar page builders
- Freelancers and agencies managing client WordPress sites and recurring tweaks
- Blog and content site operators improving layout and page-specific behavior
- Teams using SCSS/LESS workflows for maintainable style authoring