1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

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

شروع موضوع توسط Amon Amarth ‏21/5/13 در انجمن Joomla

  1. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    [h=1]استفاده از LESS در جوملا 3.0
    [/h]


    [​IMG]




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

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

    منبع: جوملافازسی
     
    یک شخص از این تشکر کرد.
  2. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    پاسخ : استفاده از LESS در جوملا 3.0

    مقدمه


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

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

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

    [​IMG]



    جوملا 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";

    لیست کامل مواردی که می‌تواند وارد قالب جوملا شوند در لینک JUI - Joomla User Interface Library موجود است.
    هنگامی که شما پایه کلاس LESS را وارد قالب می‌کنید و استایل LESS به قالب اضافه می‌شود، شما می‌توانید با کامپایل کردن یک فایل template.css کنترل کل سایت خود بصورت واحد داشته باشید.
    برای کامپایل استایل LESS شما نیاز به یک کامپایلر برای اجرای فایل‌های CSS برای تولید فایل نهایی دارید. از این کار ترسی به خود راه ندهید زیرا که این یک اصطلاح است و برای نوشتن فایل‌های CSS از فایل‌های LESS بکار می‌رود.
    (تمامی متغیرها، mixinها، توابع با تجزیه و نوشته شوند به صورت فایل عادی CSS)
    قالب پیش فرض جوملا از پلتفرم جوملا برای تولید فایل‌های CSS استفاده می‌کند و کد آنها برای کپی و شخصی سازی قالب در دسترس هستند.

    نتیجه

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

    تاریخ عضویت:
    ‏17/8/16
    ارسال ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    جنسیت:
    مرد
    سلام به دوستان

    یه بسته جوملا رو روی لوکال نصب و طراحی کردم. وقتی آپلودش کردم پیغام عدم لود فایل less رو میده .

    یعنی در واقع آدرس رو هنوز از لوکال میخونه !! چطور میشه اصلاحش کرد؟؟؟

    ممنون میشم راهنمایی کنین