We'll create fresh WordPress site with Lessify WordPress installed. You have 20 minutes to test the plugin after that site we'll be deleted.
LessCSS
LESS extends CSS with dynamic behaviour such as variables, mixins, operations and functions.Implements LessCSS in order to provide lots of interesting features for the theme development.
How to use ?
Just enqueue the LESS files (with .less extension) as it is usually done for the CSS ones, and the corresponding CSS files will automatically be generated and added to the site.
Important Notes
1.This plugin is based on lessphp by Leaf Corcoran
2.This plugin generates the css file under “/wp-content/uploads/lessify-cache” and therefore you need to define your images and any external links on you less file using the themeurl variable available with this plugin and if you use relative url then it will not work as we are saving the css file in a different location.
3.In order to use themeurl variable with the images you can do something like this
`
body{ background-image: url(@{themeurl}/images/bg.png); }“`
the plugin also comes with
another variable lessurl
which provides the url where the less file is present.