Weniger funktioniert nicht in WordPress

Question

Wie Sie den CSS-Präprozessor (LESS) in WordPress ausführen?

Ich versuche, weniger in meinem Kind Thema anzuwenden. Ich schaffe variable.less und legen Sie sie in das Kind Themenordner css/less/variable.less und nenne ich .Weniger in meinem style.css wie diese @import "variable.less"

im Header (Kinder Thema)

<link rel="stylesheet/less" href="/wp-content/themes/themename-child/css/less/variable.less" type="text/css" /> 
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script> 

aber es funktioniert nicht.

habe ich versucht, diese auch ... aber kein Glück

function css_less(){ 
    wp_register_script('less-js', get_template_directory_uri() . '/js/less.js'); 
     wp_enqueue_script('less-js'); 
    wp_register_style('less-css', get_template_directory_uri(). '/css/less/variable.less'); 
     wp_enqueue_style('less-css'); 
} 
add_action('wp_enqueue_scripts', 'css_less'); 

style.css

.box-horizontal{ padding: 1em 2em 1em 2em; margin-top: -1em; text-align: center; border: 1px solid #CCC; box-shadow: @box-shadow; background: @bg-white; border-radius: 3px; } 
.box-bg{ border: 1px solid #CCC; box-shadow: @box-shadow; background: #FFF; border-radius: 3px; text-align: center; } 

-Link: http://www.homecredit.ph/testEnvironment/mail-test/4830-2/

Answer 1

Haben Sie eine LESS-Compiler installiert haben? Sie benötigen einen, um die LESS in CSS zu kompilieren.

Ich benutze die meiste Zeit https://wordpress.org/plugins/wp-less/, aber es gibt ein paar weitere Plugins zur Verfügung. Nach der Installation des Plugin können Sie das Stylesheet in Ihrem functions.php wie folgt einzureihen:

function eq_less() 
{ 
    wp_enqueue_style('less-style', get_stylesheet_directory_uri() . '/style.less'); 
} 

add_action('wp_enqueue_scripts', 'eq_less', 99); 

Bitte beachten Sie die Erweiterung von style.less ist .less und nicht .css - der Compiler die Erweiterung und erzeugen eine CSS-Datei für sie automatisch erkennen, welche wird in die Warteschlange gestellt.