https://docs.joomlafarsi.com/index.php?action=history&feed=atom&title=%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_LESS_%D8%AF%D8%B1_%D8%AC%D9%88%D9%85%D9%84%D8%A7_3.0استفاده از LESS در جوملا 3.0 - تاریخچهٔ ویرایشها2026-05-26T15:45:13Zتاریخچهٔ ویرایشهای این صفحه در ویکیMediaWiki 1.26.2https://docs.joomlafarsi.com/index.php?title=%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_LESS_%D8%AF%D8%B1_%D8%AC%D9%88%D9%85%D9%84%D8%A7_3.0&diff=3730&oldid=prevHamidy: صفحهای جدید حاوی «=مقدمه= چندی قبل مقالهای با عنوان زبان پویای شیوهنامهها LESS در دانشنام...» ایجاد کرد2013-03-26T11:49:48Z<p>صفحهای جدید حاوی «=مقدمه= چندی قبل مقالهای با عنوان <a href="/index.php?title=%D8%B2%D8%A8%D8%A7%D9%86_%D9%BE%D9%88%DB%8C%D8%A7%DB%8C_%D8%B4%DB%8C%D9%88%D9%87%E2%80%8C%D9%86%D8%A7%D9%85%D9%87%E2%80%8C%D9%87%D8%A7_LESS" title="زبان پویای شیوهنامهها LESS">زبان پویای شیوهنامهها LESS</a> در دانشنام...» ایجاد کرد</p>
<p><b>صفحهٔ تازه</b></p><div>=مقدمه=<br />
<br />
چندی قبل مقالهای با عنوان [[زبان پویای شیوهنامهها LESS]] در دانشنامه جوملا فارسی منتشر کردیم.<br />
<br />
یکی از ویژگیهای جدید و جذاب در [[جوملا 3.0]] اجرای دستورات LESS است. نکات بسیاری که درباره LESS شنیده شده، آنچه که در آن است و چگونگی مورد استفاده قرار گرفتن آن، برای کسانی که علاقه مند به یادگیری هستند جذاب خواهد بود. <br />
<br />
با مطالعه مقالهای که در بالا ذکر شد، میتوانید با LESS آشنا شوید. در اینجا سعی میکنیم بطور مختصر ارتباط آن با [http://www.joomlafarsi.com جوملا] را بیان کنیم.<br />
<br />
=چگونه LESS با قالبهای جوملا سازگار شده است؟=<br />
<br />
<br />
[[پرونده:joomla-less.jpg|center|frame]]<br />
<br />
<br />
[[جوملا 3.0]] شامل کتابخانه JUI در ریشه پوشه media است. این پوشه حاوی تمام فایلهای مورد نیاز و اصلی LESS برای استفاده در [[جوملا]] میباشد. قالبهای [[جوملا]] میتواند با فایلهای LESS که وارد قالب میشوند مورد استفاده قرار گیرند.<br />
<br />
به مثال زیر توجه کنید:<br />
<br />
<pre dir="ltr"><br />
// CSS Reset<br />
@import "../../../media/jui/less/reset.less";<br />
<br />
// Grid system and page structure<br />
@import "../../../media/jui/less/scaffolding.less";<br />
@import "../../../media/jui/less/grid.less";<br />
@import "../../../media/jui/less/layouts.less";<br />
<br />
// Base CSS<br />
@import "../../../media/jui/less/type.less";<br />
@import "../../../media/jui/less/code.less";<br />
@import "../../../media/jui/less/forms.less";<br />
@import "../../../media/jui/less/tables.less";<br />
</pre><br />
<br />
لیست کامل مواردی که میتواند وارد قالب [[جوملا]] شوند در لینک <nowiki>http://jui.kyleledbetter.com</nowiki> موجود است.<br />
<br />
هنگامی که شما پایه کلاس LESS را وارد قالب میکنید و استایل LESS به قالب اضافه میشود، شما میتوانید با کامپایل کردن یک فایل template.css کنترل کل سایت خود بصورت واحد داشته باشید.<br />
<br />
برای کامپایل استایل LESS شما نیاز به یک کامپایلر برای اجرای فایلهای [[CSS]] برای تولید فایل نهایی دارید. از این کار ترسی به خود راه ندهید زیرا که این یک اصطلاح است و برای نوشتن فایلهای [[CSS]] از فایلهای LESS بکار میرود.<br />
<br />
(تمامی متغیرها، mixinها، توابع با تجزیه و نوشته شوند به صورت فایل عادی [[CSS]])<br />
<br />
قالب پیش فرض [[جوملا]] از پلتفرم [[جوملا]] برای تولید فایلهای [[CSS]] استفاده میکند و کد آنها برای کپی و شخصی سازی قالب در دسترس هستند.<br />
<br />
=نتیجه=<br />
<br />
این روند استفاده در واقع بیش از حد فنی نیست و کاملا به آسانی قابل درک خواهد بود که چطور با سادگی از این سبک استفاده کنید و از اجرای آن شگفت زده شوید.<br />
<br />
<br />
----<br />
<br />
منبع:<br />
<br />
<nowiki>http://magazine.joomla.org/issues/issue-mar-2013/item/1121-do-less-in-joomla</nowiki><br />
<br />
ترجمه و ویرایش:<br />
<br />
{{آموزش}}<br />
<br />
{{معرفی پشتیبانی}}<br />
<br />
{{کپی رایت}}<br />
<br />
[[رده:طراحی قالب جوملا 3.0]] [[رده:مقالات جوملا 3.0]]</div>Hamidy