مقدمه
با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربران و علاقمندان به دوره آموزش Sass. در جلسه گذشته علاقمندان این دوره با استایل های خروجی در Sass آشنا شدند؛ فایل CSS که SASS را تولید می نماید خود شامل استایل های پیش فرض CSS است که بر ساختار سند تاثیر می گذارد.اگرچه استایل سازی های پیش فرض CSS بسیار کارگشا اند اما استفاده از آن ها در همه حال مناسب نیست. در ادامه جلسه قبل با چهار نوع استایل نیز آشنا شدیم که عبارت بودند از : استایل تو در تو، استایل گسترده، استایل به هم پیوسته و استایل فشرده. در ادامه سری آموزش Sass و در آخرین جلسه با آموزش گسترش Sass همراه شما هستیم.
آموزش گسترش Sass
در آموزش گسترش Sass می آموزید که چگونه ویژگی های SASS را گسترش دهید تا بتوانید ویژگی های متفاوتی را پدید آورید و آن را برای کاربران سفارشی نمایید.
برای گسترش Sass لازم است که دانش استفاده از نرم افزار روبی Ruby را داشته باشید.
تعریف توابع سفارشی SASS
می توانید هنگام استفاده از API روبی توابع Sass خود را به کار برید.
در واقع می توان توابع سفارشی سازی خود را با اضافه کردن آن ها به متود های روبی به صورت کد زیر انجام داد.
مثال :
| module Sass::Script::Functions def reverse(string) assert_type string, :String Sass::Script::Value::String.new(string.value.reverse) end declare :reverse, [:string] end |
در کد مزبور می توانید تابع، اعلام، مشخص کننده های نام argument و … را ببینید.
اگر کد بالا با موفقیت عمل نکند در آن صورت هیچ argument را حتی اگر تابع به درستی کار کند و arguments های خاص کلمات کلیدی را به کار برد.
می توانید برای دستیابی به مقادیر روبی از value accessor و برای دست یابی به رنگ شیء :
قرمز، سبز، آبی و … از reg استفاده نمایید.
ذخیره سازهای کش Cache Stores
Sass کش های تجزیه شده را که می توانند بدون تجزیه مجدد مورد استفاده قرار گیرد؛ ذخیره می کند.
Sass از cache_location: تا فایل های کش را روی سیستم فایل بنویسد.
این امر کامپایل فایل های Sass را سریع تر می کند و اگر قصد حذف فابل های کش شده را داشته باشید.
این قابلیت موجب می شود که هنگام کامپایل مجدد، این فایل ها نیز مجدداً ایجاد شوند.
می توانید با تنظیم cache_store: کش خود را تعریف نمایید.
این کار موجب نوشته شدن فایل های کش روی سیستم فایل می شود و یا فایل های کش شده را با ماشین یا پردازنده روبی به اشتراک می گذارد.
Sass از نمونه زیر کلاس Sass::CacheStores::Base برای ذخیره سازی و بازیابی نتایج ذخیره شده استفاده می کند.
ورودی های سفارشی
Sass از import@ استفاده می کند تا فایل های SCSS و SASS را وارد سازد و مسیرها را به کمک دستور import@ عبور دهد تا یک یک مسیر کد مناسب برای مشخص سازی مسیرها تعیین نمایید.
وارد کننده های SASS از سیستم فایل برای بارگیری کدها استفاده می کنند
این وارد کننده ها از پایگاه داده یا طرح نامگذاری فایل های مختلف در این راه بهره می برند.
یک واردکننده می تواند تنها از یک فایل بارگذاری شده بهره ببرند و آن را در در طول :load_paths ،Array، از مسیر سیستم فایل به کار برند.
هنگام استفاده از دستور Sass @import به جستجوی مسیرهای بارگذاری شده می پردازد که مسیر را برای وارد کننده هموار می کنند.
وقتی که مسیر مورد نظر پیدا شد آنگاه فایل وارد شده به کار گرفته می شود.
کاربر می تواند از طریق Sass::Importers::Base از وارد کننده های Sass استفاده نماید.
کلام آخر
در این جلسه یعنی دوازدهمین جلسه از دوره آموزش Sass نکاتی را راجع به گسترش Sass فراگرفتیم.
امیدوار هستیم که این جلسه که آخرین جلسه از این سری آموزشی بود برای شما مفید بوده باشد.
دوره آموزش Sass به پایان خود رسید اما یادگیری همچنان ادامه دارد…
با پی وی لرن همراه باشید.
Fatal error: Uncaught Error: Call to a member function get_regular_price() on boolean in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php:392
Stack trace:
#0 /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/single-product.php(940): onSale()
#1 /home/pvlearni/domains/pvlearn.com/public_html/wp-includes/template-loader.php(74): include('/home/pvlearni/...')
#2 /home/pvlearni/domains/pvlearn.com/public_html/wp-blog-header.php(19): require_once('/home/pvlearni/...')
#3 /home/pvlearni/domains/pvlearn.com/public_html/index.php(17): require('/home/pvlearni/...')
#4 {main}
thrown in /home/pvlearni/domains/pvlearn.com/public_html/wp-content/themes/pvlearn/functions.php on line 392
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
