Live CSS JS Code Editor allows you to easily add custom CSS, JavaScript, Header, Footer Code to your site, straight from your WordPress Customizer!
Author: | Ozan Canakli (profile at wordpress.org) |
WordPress version required: | 3.4 |
WordPress version tested: | 5.3.3 |
Plugin version: | 1.0.5 |
Added to WordPress repository: | 14-11-2016 |
Last updated: | 13-03-2020
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
Rating, %: | 100 |
Rated by: | 3 |
Plugin URI: | http://wordpress.org/plugins/live-css-js-code... |
Total downloads: | 11 903 |
Active installs: | 700+ |
Click to start download |
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.
Screenshots
FAQ
ChangeLog