استفاده از LESS در جوملا 3.0

مقدمه

چندی قبل مقاله‌ای با عنوان زبان پویای شیوه‌نامه‌ها LESS در دانشنامه جوملا فارسی منتشر کردیم.

یکی از ویژگی‌های جدید و جذاب در جوملا 3.0 اجرای دستورات LESS است. نکات بسیاری که درباره LESS شنیده شده، آنچه که در آن است و چگونگی مورد استفاده قرار گرفتن آن، برای کسانی که علاقه مند به یادگیری هستند جذاب خواهد بود.

با مطالعه مقاله‌ای که در بالا ذکر شد، می‌توانید با LESS آشنا شوید. در اینجا سعی می‌کنیم بطور مختصر ارتباط آن با جوملا را بیان کنیم.

چگونه LESS با قالب‌های جوملا سازگار شده است؟

جوملا 3.0 شامل کتابخانه JUI در ریشه پوشه media است. این پوشه حاوی تمام فایل‌های مورد نیاز و اصلی LESS برای استفاده در جوملا می‌باشد. قالب‌های جوملا می‌تواند با فایل‌های LESS که وارد قالب می‌شوند مورد استفاده قرار گیرند.

به مثال زیر توجه کنید:

// CSS Reset
@import "../../../media/jui/less/reset.less";

// Grid system and page structure
@import "../../../media/jui/less/scaffolding.less";
@import "../../../media/jui/less/grid.less";
@import "../../../media/jui/less/layouts.less";

// Base CSS
@import "../../../media/jui/less/type.less";
@import "../../../media/jui/less/code.less";
@import "../../../media/jui/less/forms.less";
@import "../../../media/jui/less/tables.less";

لیست کامل مواردی که می‌تواند وارد قالب جوملا شوند در لینک http://jui.kyleledbetter.com موجود است.

هنگامی که شما پایه کلاس LESS را وارد قالب می‌کنید و استایل LESS به قالب اضافه می‌شود، شما می‌توانید با کامپایل کردن یک فایل template.css کنترل کل سایت خود بصورت واحد داشته باشید.

برای کامپایل استایل LESS شما نیاز به یک کامپایلر برای اجرای فایل‌های CSS برای تولید فایل نهایی دارید. از این کار ترسی به خود راه ندهید زیرا که این یک اصطلاح است و برای نوشتن فایل‌های CSS از فایل‌های LESS بکار می‌رود.

(تمامی متغیرها، mixinها، توابع با تجزیه و نوشته شوند به صورت فایل عادی CSS)

قالب پیش فرض جوملا از پلتفرم جوملا برای تولید فایل‌های CSS استفاده می‌کند و کد آنها برای کپی و شخصی سازی قالب در دسترس هستند.

نتیجه

این روند استفاده در واقع بیش از حد فنی نیست و کاملا به آسانی قابل درک خواهد بود که چطور با سادگی از این سبک استفاده کنید و از اجرای آن شگفت زده شوید.

---

منبع:

http://magazine.joomla.org/issues/issue-mar-2013/item/1121-do-less-in-joomla

ترجمه و ویرایش:

گروه آموزش - تیم جوملا فارسی

هر گونه سوال و یا مشکلی در این رابطه دارید، می‌توانید در انجمن تخصصی تیم جوملا فارسی جستجو کرده و در صورت عدم دریافت نتیجه مورد نظر، سوال جدیدی را مطرح کنید.

استفاده از مطالب دانشنامه جوملا فارسی - مامبو فارسی با ذکر منبع ( دانشنامه جوملا فارسی ) و لینک مستقیم به http://docs.joomlafarsi.com بلامانع است.