Easy Custom Code (LESS/CSS/JS) – Live editing
The Easy Custom Code WordPress plugin adds LESS, CSS, JavaScript and HTML editors to the WordPress Customizer . You want to change a colour, hide a button or add a tracking code. Editing the theme means your change is gone after the next theme update. With this plugin you write the code in the Custo
The Easy Custom Code WordPress plugin adds LESS, CSS, JavaScript and HTML editors to the WordPress Customizer .
You want to change a colour, hide a button or add a tracking code. Editing the theme means your change is gone after the next theme update. With this plugin you write the code in the Customizer, preview it, and click Publish . The code is saved in its own files, so theme updates leave it alone.
Setup and every editor are explained in the official documentation .
👉 See it on our demo site .
How it works
- 01Go to Appearance → Customize → Easy Custom Code .
- 02Write CSS or LESS, JavaScript, or HTML in the editor you need. The preview updates as you type.
- 03Click Publish . Your styles are compiled into one CSS file and your scripts into one JS file.
Free features
- CSS and LESS editor : plain CSS works as it is; LESS adds variables, nesting and mixins. CSS and LESS »
- JavaScript editor : add JavaScript or jQuery without script tags. JavaScript »
- Unlimited external stylesheets and scripts : paste the URL of a library such as Bootstrap or Font Awesome and the plugin adds the tag for you.
- JavaScript position : load your scripts in the footer (default) or in the head. Settings »
- Custom HTML in three places : inside the head tag, right after the opening body tag, and before the closing body tag, for tracking codes, verification tags and widgets. HTML code »
- Live preview : see every change in the Customizer before you publish it.
- Cache-friendly files : compiled CSS and JS files get new names when they change, so caching plugins and CDNs pick up the new version.
PRO features
Upgrade to Easy Custom Code PRO for a smaller stylesheet and more room to write. Plans cover 1, 3, 5 or unlimited sites and include 1 year of updates and support, with a 30-day money-back guarantee.
