Easy Custom Code (LESS/CSS/JS) – Live editing

Descrizione

Add quickly and easily your own custom LESS/CSS/JAVASCRIPT code and external resources (stylesheets and scripts) to your website, via the core WP Customizer. You don’t even need to create a child-theme or create any other files in your current theme if you use this plugin. Just add your javascript, LESS/CSS code and everything will be stored automatically, in a compiled CSS file for the styles, and a JavaScript file for the scripts.

VIDEO (How it works?)

FEATURES

  • Add custom LESS/CSS to your site.
  • Unlimited external Stylesheets (modal window).
  • Custom JavaScript code.
  • Unlimited external Scripts (modal window).
  • JavaScript Position (head or footer) (Choose where to place the JavaScript custom code and the external JS Scripts.)
  • Add custom HTML code in the <head> tag.
  • Add custom HTML code right after open <body> tag.
  • Add custom HTML code before closing </body> tag.

PRO FEATURES

  • Minified CSS code (You are able to choose from settings if you would like to have a minified CSS code after the LESS/CSS compiling.)
  • Maximize editor (You can open each code editor in a maximized modal window.)

What is LESS?

Here is an example how to write LESS/CSS code.
Full documentation and less syntax in the official website lesscss.org

LESS code:

   @global_color: #FF0000;
   @global_font_size: 14px;
   @secondary_color: #CCC;

   body {
      color: @global_color;
      font-size: @global_font_size;
   }
   .container {
      color: @secondary_color;
      font-size: @global_font_size * 2;
   }

Which outputs (CSS):

   body {
      color: #FF0000;
      font-size: 14px;
   }
   .container {
      color: #CCC;
      font-size: 24px;
   }

Demo

Try Demo

    Username: demo
    Password: demo

Screenshot

  • Add custom LESS/CSS to your site. All LESS theme variables and mixins are available.
  • Add custom JavaScript to your site.
  • Add external Stylesheets into your site.
  • Add external Scripts into your site.
  • Add custom HTML code (in head, after body tag and before closing body).
  • Maximize editor link.
  • Maximize editor.
  • Minified CSS code.
  • Settings.

Installazione

The plugin is simple to install:

  1. Download the file easy-custom-code.zip.
  2. Unzip it.
  3. Upload easy-custom-code directory to your /wp-content/plugins directory.
  4. Go to the plugin management page and enable the plugin.
  5. Configure the options from the Settings > Easy Custom Code page.

FAQ

My custom code (CSS and JS) which added in this plugin only, will be deleted after uninstalling the plugin?

Yes, your custom code (LESS/CSS/JS) will be deleted. Also, the created css file will be deleted.

Why I need this plugin?

Because, you can quickly and easily add your own custom code LESS/CSS/JAVASCRIPT and external resources (stylesheets and scripts) into your site, without creating a child-theme or create any other files in your current theme.

Recensioni

31 Marzo 2020
Easiest way to add code on your site. This functionality is a must for any one. Well done.
11 Ottobre 2019
A must-have plugin for adding external libraries and custom css or js code in the website, awesome work!
Leggi tutte le recensioni di 3

Contributi e sviluppo

“Easy Custom Code (LESS/CSS/JS) – Live editing” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Traduci “Easy Custom Code (LESS/CSS/JS) – Live editing” nella tua lingua.

Ti interessa lo sviluppo?

Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.

Changelog (registro delle modifiche)

23-Oct-2023 : v1.0.7

  • Fully compatible with WordPress v6.3.x
  • Minor fixes and improvements

07-Jun-2023 : v1.0.6

  • [Compatibility] Fully compatible with WordPress v6.2
  • Minor fixes and improvements

14-Jun-2022 : v1.0.5

  • [Compatibility] Fully compatible with WordPress v6.0
  • Minor fixes and improvements

11-Feb-2022 : v1.0.4

  • [Compatibility] Fully compatible with WordPress v5.9
  • Minor fixes and improvements

28-Jul-2021 : v1.0.3

  • [Compatibility] Fully compatible with WordPress v5.8
  • Minor fixes and improvements

09-Apr-2021 : v1.0.2

  • [Compatibility] Fully compatible with WordPress v5.7
  • Minor fixes and improvements

16-Oct-2019 : v1.0.1

  • [New Option] Add custom code in the head tag.
  • [New Option] Add custom code right after open body tag.
  • [New Option] Add custom code before closing body tag.
  • [New Feature] You can now open each code editor in a maximized modal window (Only in PRO version).
  • [Improvement] The generated CSS file (.css) is now stored with a unique name, into the folder /wp-content/uploads/easy-custom-code/css/style_123456.css, instead of the /wp-content/uploads/custom.css as it was before.
  • [Improvement] The generated JavaScript file (.js) is now stored with a unique name, into the folder /wp-content/uploads/easy-custom-code/js/script_123456.js/, instead in head.
  • [Improvement] The CSS file name option has been removed. The generated CSS file name will be unique now.
  • [Improvement] New strings have been added to the language file (.pot).

08-Oct-2019 : v1.0.0

  • First beta release