Using LessCSS

I’ve been experimenting with a number of CSS methods to try and make WordPress theme development more friendly for both myself, and for others who may want to tweak the theme when I have released it into the wild internet.

One particlar method I have been using is LessCSS.

I use the following code to add the less.js file, as well as linking to a .less file.

add_action( 'wp_head' , 'itsb_lesscss' );
function itsb_lesscss() {
?>
    <link rel="stylesheet/less" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.less">
    <script src="<?php echo get_template_directory_uri(); ?>/js/less.js" type="text/javascript"></script>
<?php // Download the less.js file from http://lesscss.org/
}

You can adjust the locations of the files to suit your file structure for your theme, but this will add the necessary code.