WPCode
93Easily add code snippets in WordPress. Insert header & footer scripts, add PHP code snippets with conditio...
Free
3M+ installs 4.9★ (1,873)
Live Custom CSS JS Code Editor
Live Custom CSS JS Code Editor allows you to easily add custom CSS, JavaScript, Header, Footer Code to your site, straight from your WordPress Customi …
The facts
- Rating
- 5★ from 3
- Active installs
- 400+
- Price
- Free
- Last updated
- 13 Mar 2020
- Added
- Nov 2016
- Requires WP
- 3.4
- Tested up to
- WP 5.3.23
- Downloads
- 13,582
Our analysis
AI-assistedLive Custom CSS JS Code Editor is a WordPress plugin that enables you to add custom CSS and JavaScript code to your site. You can also insert header and footer code, with changes visible immediately through the WordPress Live Customizer. This tool is designed for users who want to modify their site's appearance and functionality without altering the theme directly.
The plugin supports custom code in the WordPress Admin dashboard and includes features like syntax highlighting, live syntax checking, and multiple colour schemes for code editing. It is suitable for developers and site owners looking to enhance their site's design and tracking capabilities with custom scripts.
Best for: This plugin is best for developers and site owners who want to implement custom code on their WordPress sites.
What it does well
- ✓Allows site-wide custom CSS and JavaScript
- ✓Changes appear instantly via Live Customizer
- ✓Includes built-in syntax highlighting and checking
- ✓Compatible with Google Analytics and Facebook Pixel
- ✓Handles large code blocks efficiently
Where it falls short
- •Limited information on user support or documentation
- •Last updated in March 2020, may lack recent features
Verdict
Live Custom CSS JS Code Editor provides useful features for adding custom code, but its last update may raise concerns about ongoing support and compatibility.
From the developer
Ozan Canakli's own description of Live Custom CSS JS Code Editor, lightly tidied.
This plugin allows you to add custom site-wide CSS, JavaScript, Header, Footer Code to your WordPress site. The changes appear instantly on your website with help of WordPress Live Customizer.
In your WordPress Dashboard, navigate to Customize > Live Code Editor to get started.
When you Change or Update your WordPress Theme, Your Custom Code isn’t effected from these changes.
NEW FEATURES as Version 1.0.5:
* Add Custom CSS to WordPress Admin dashboard.
* Add Custom JavaScript to WordPress Admin dashboard.
MAIN FEATURES:
- Custom CSS code
- Custom Javascript code
- Custom Header Code (Inside tags)(Google Analytics and Facebook Pixel compatible.)
- Custom Footer Code (Before closing tag aka wp_footer function)
- See Your Changes Immediately on your WordPress Site
- Built in Syntax Code Highlighter
- 16 Color Schemes (Monokai, Chrome, GitHub, Twilight, Dreamweaver, XCode, Eclipse etc. 8 Light, 8 Dark)
- Live Syntax Checking (CSS, JavaScript, HTML)
- Syntax Highlighting
- Line wrapping
- Code folding
- Multiple cursors and selections
- Handles huge code blocks (four million lines seems to be the limit!)
Special thanks to Justin Busa of Beaver Builder for the inspiration.
Tagged as
Alternatives
Other plugins for developer tooling.
Easily add tracking code snippets, conversion pixels, or other scripts required by third party services for an...
Free
600k+ installs 4.9★ (309)
Duplicate post, post order, image resize, email via SMTP, admin menu editor, custom css / code, disable gutenb...
Free
200k+ installs 5★ (421)
Shortcoder
90Create custom "Shortcodes" easily for HTML, JavaScript, CSS code snippets and use the shortcodes wit...
Free
100k+ installs 4.9★ (227)
Add PHP code to your pages and posts easily using shortcodes.
Free
90k+ installs 4.9★ (705)
An easy, clean, and simple way to enhance your site with code snippets.
Free
1M+ installs 4.7★ (509)