کامپایلر-less-برای-وردپرس

برای آنکه  بتوان تکنولوژی LESS را برای وبسایت وردپرسی قرار داده و آن را استفاده کرد بهتر است پلاگین less Compiler  را دانلود کرده  و در پوشه پلاگین ها  آن را باز کرده و طبق آموزش زیر اجرا کنید.

همچنین می توان از wm-less-compile  آخرین نسخه آن را دانلود کرد.

بعد از نصب پلاگین LESS Compiler اولین صفحه اجازه نوشتن و کامپایل کردن LESS را می دهد.برگه های سبک دهی به صورت خودکار enqueue می شوند

در مرحله بعدی متغیر ها می باشند و مقادیری که برای آن ها تعیین می شود

 

پیکر بندی PHP

پیکربندی بندی پلاگین اختیاری می باشد.اما اگر از یک چارچوب (framework) فایل CSS  استفاده می شود باید متغیر ها را ثبت شوند.

کد زیر را در functions.php قرار دهید.

add_filter( 'less_configuration', 'my_less_config' );
function my_less_config( $config ) {
  $my_variables = array( 'less/variables.less' );
  $my_imports = array(
    'less/bootstrap.less',
    'less/theme.less'
  );
  return array_merge_recursive( $config, array(
    'variables' => $my_variables,
    'imports'   => $my_imports
  ) );
}

 مسیر ها برای فایل های LESS به قالب ها بستگی دارد.

از فیلتر less_configuration برای بازگردانی آرایه مقادیر پیکربندی استفاده می شود.

variables‘ (array)

به منظور ثبت لیست و تغییر متغیر های LESS در صفحه پلاگین حتما نیاز است که فایل ها ثبت شوند.فرض بر این است  تنها نقش فایل  تعیین متغیرها و مقادیر آنها می باشد.

imports‘ (array)

 آماده سازی کد ها برای کامپایل با  یک  import@ مستقیم برای هر لیست فایل.برای وابستگی های کامپایل و برای مخفی کردن آنها از صفحه کامپایلر مناسب می باشد.برای آمار دادن به کامپایلر برای کامپایل کردن ورودی ها.

cache‘ (string)

اجازه تغریف مسیر برای کش کردن پوشه ها.این پوشه ها دارای سطح دسترس (۰۷۵۵) می باشد.پیشفرض پوشه های کش  wp-content/cache می باشد.

search‘ (boolean)

نمایش یا عدم نمایش باکس فیلتر  « Search Variables ».اگر تعداد متغیر ها زیاد باشد می توان به صورت دستی میباشد.پیشفرض آن true می باشد.

 به هر متغیری دسترسی داشت LESS_get( 'my-variable' ) با یک بار ثبت می توان با استفاده از تابع 

  می توان باز نویسی کردwithLESS_set( 'my-variable', 'my-value' )یا مقدار را با استفاده از تابع 

با استفاده از import@ دستورات به خوبی ویژگی های زبان LESS مستقیم از صفحه کامپایلر  امکان پذیر می شوند 

 

Enqueuing فایل  LESS بیرونی

صفحه LESS نیز در پلاگین با  Enqueuing قرار داده می شود.می توان از آن به عنوان یک برگه بیرونی استفاده کرد.

add_action( 'wp_enqueue_scripts', 'my_other_less_enqueue' );
function my_other_less_enqueue() {
  wp_enqueue_style( 'my-other-handle', get_template_directory_uri() . '/my-other-file.less', array( 'wm-less' ) );
}

کد بالا در functions.php قرار داده می شود. و my-other-file.scss نام فایل LESS مربوطه می باشد.

این ها با نسخه کش مقایسه می شوند و اگر تغییراتی رخ داده باشد فایل های مربوطه enqueue می شوند.

حتما فایل wm-less را در برگه اصلی LESS تنظیم کنید.

 

 

 

 

تاریخ آخرین بروزرسانی : ۱۵ شهریور ۱۳۹۵
میلاد میلادی

باور هایت را که پرورش دهی به هرچیزی دست خواهی یافت.

ارسال نظر

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.