You don’t need to create additional functions, just re-use what you already have and tweak it a bit:
function theme_add_bootstrap() {
wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/third_party/bootstrap/css/bootstrap.min.css' );
wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/third_party/bootstrap/js/bootstrap.min.js', array(), '3.0.0', true );
if (WP_ENV === 'development') {
wp_enqueue_script( 'lesscss', get_stylesheet_directory_uri() . '/third_party/less-1.5.0.min.js' );
wp_enqueue_style( 'style-less', get_template_directory_uri() . '/css/custom.less' );
} else {
wp_enqueue_style( 'style-css', get_template_directory_uri() . '/css/custom.css' );
}
}
Once you have that setup then just head to your wp-config.php
on your development machine and add a line:
define('WP_ENV', 'development');
Assuming you don’t have that line in your production wp-config.php
then it should use CSS instead of LESS.
I adapted this method from the Roots theme which uses the same method for something similar.