قبول دارم، قبول دارم یکم زیاده روی کردم. احتمالا این روزها با این اوضاع اقتصادی و ... مملکت چیزهای خیلی مهم تری برای فکر کردن به اونها دارید. بیایید چند دقیقه این مسائل رو رها کنیم و به عشقمون فکر کنیم، دروپال. اگر شما هم مثل ما از قالب امگا در سایتهای دروپالی خودتون استفاده میکنید حتما تا الان این سوال براتون پیش آمده که تفاوت ورژن ۳ و ۴ در چیه؟ اگر دوست دارید جواب این سوال رو بدونید پیشنهاد میکنم با ادامه این مطلب با ما باشید.
اول باید پاسخ چند سوال رو بدم:
۱- چرا من باید از Omega استفاده کنم؟ چرا zen بهتر نیست؟
پاسخ: قبلا مقاله ای در این زمینه در دروپالیون نوشتیم که بین قالب های پایه دروپال مقایسه ای انجام شده بود. بد نیست اون رو بخونید. اما اگر اون مقاله رو خوندید و هنوز مجاب نشدید، پیشنهاد میکنم خودتون قالب ها رو بررسی کنید.
۲- اصلا چرا باید از یک قالب پایه دروپال استفاده کنم؟ چرا نباید از اول خودم یک قالب طراحی کنم؟
پاسخ: من یک سوال دیگه میپرسم. من زبان PHP رو بلدم چرا باید از فریم ورک symphony استفاده کنم؟ آیا لزومی داره؟ اگر جواب سوال شما اینه که باید از فریم ورک ها استفاده کنم پس جواب شما هم اینه که از قالب های پایه استفاده کنید و برعکس.
۳- من شنیدم قالب های پایه سنگین ترن، آیا درسته؟
پاسخ: نه درست نیست. قالب های پایه امکاناتی رو برای شما فراهم میکنند که شما با استفاده از اونها میتونید با سرعت بیشتری یک قالب جدید طراحی کنید. در نهایت همه قالب ها به CSS تبدیل میشوند و تفاوتی بین آنها نیست. حتی شاید بشه گفت شاید به این دلیل که توابع آماده شده در قالب های پایه توسط تعداد افراد زیادی نوشته شده، مشکلات کارایی اونها رفع شده.
اگر دوست دارید در مورد امگا۳ بیشتر بدونید و کارتون رو با اون شروع کنید قبلا ۵ سری مقاله در این مورد در دروپالیون نوشته شده که میتونید به اونها یک نگاه بندازید. اول دوم سوم چهارم پنچم
خوب، ممکنه شما اصلا سوال های بالا براتون مطرح نبوده پس دیگه بیشتر از این شما رو منتظر نمیزاریم و میریم سر اصل مطلب. برای اینکه بتونید بهتر بین این دو ورژن متفاوت از قالب های امگا انتخاب کنید باید اطلاعات بیشتری در مورد اونها بدست بیاریم و برای بدست آوردن اطلاعات کجا بهتر از خود صفحه قالب در سایت دروپال.
| امگا ۳ | امگا ۴ | |
|---|---|---|
|
Layout طرح بندی |
|
|
| HTML5 | بله | بله |
| SASS | نه. اما شما میتوانید در صورت نیاز اون رو اضافه کنید. | بله. اما اجباری نیست. شما میتوانید مستقیما فایل های css رو تغییر بدید، گرچه استفاده از SASS پیشنهاد میشود. |
| SUSY | نه. اما شما میتوانید در صورت نیاز اون رو اضافه کنید. | بله، اما حتما شما میتوانید از هر گرید سیستمی که دوست دارید استفاده کنید. |
| Breakpoints | نقاط انفصال ( با استفاده از Media Queries ) از طریق تنظیمات قالب قابل تغییر هستند. | نقاط انفصال در فایل های Css به وسیله Sussy قابل تغییر هستند. از طریق رابط کاربری نمیتوانید آنها را تغییر دهید. |
| CSS |
۵ فایل CSS اصلی: global, default, narrow, normal و wide. و forms, text, branding و چیزهای دیگر که ممکنه شما اونها رو غیرفعال کرده باشید. |
فایل های CSS از ساختار SMSCSS استفاده میکند. اما شما میتوانید هرگونه که دوست دارید فایل های خودتون رو ایجاد کنید. |
| Polyfill js libraries |
|
|
| اضافات |
|
|
| توسعه |
|
|
| Panels | کار با Panels | استفاده از طرح بندی ها در رابط کاربری Panels و همچنین ماژول Context |
| حلاصه | Omega با Delta یک روش جالب و شلوغ برای ایجاد طرح بندی های متفاوت است. اما برای انجام بعضی کارها در امگا۳ نیاز به انجام تغییرات در کد خواهید داشت. و ایجاد یک قالب کاملا سیال با امگا ۳ کمی پیچیده است. |
این ورژن از امگا کاملا برای طراحان حرفه ای آماده شده است. چون از SASS+SUSSY استفاده میکند. که علاوه بر قدرت، سرعت کار را نیز چندین برابر میکند.امگا۴ امکانات کمی در رابط کاربری به شما میدهد. به صورت کلی امگا ۴ بیشتر شبیه یک API است. |
| حاشیه | نواحی تو در تو ( در طرح بندی های پیچیده ) بسیار به سختی انجام خواهد شد. برای این منظور بهتر است از panels استفاده کنید. یا این لینک رو ببینید. |
خوب اینها که خوندید چیزهایی بود که در صفحه خود سایت امگا نوشته شده بود. جملات و عبارات زیادی در جدول بالا هست که نیاز به بررسی و توضیح داره. اما مسلما نمیشه همه چیزهایی که اینجا هست رو کاملا توضیح داد. مسائلی که شاید دونستنش مهم باشه اینهاست: SASS, Compass, SUSSY
SASS چیست؟ یک زبان برنامه نویسی css است. یعنی یک جورایی یک فریم ورک است. بهتره سایتش رو ببینید. شما کدهای css رو به روش SASS مینویسید و کامپایلر SASS اونها رو به CSS ترجمه میکنه. خوب چه فایده ای داره؟ فایدش اینه که نوشتن کدهای CSS خیلی سریع تر میشه. بعد امکانات زیادی رو به css اضافه میکنه. مثل تعریف متغیر یا تعریف توابع برای استفاده از اونها که به اونها Mixin گفته میشه.
SUSSY چیست؟ یک گرید سیستم (grid system) است. در اصل کارش اینه که شما با استفاده از اون صفحه خودتون رو تقسیم بندی میکنید و جای بلوک ها رو در قالبتون مشخص میکنید. در امگا ۳ از گرید سیستمی به اسم 960 استفاده میشد که در امگا ۴ به صورت پیش فرض از SUSSY استفاده میشه. مسئله اینه که شما طراحی گرید صفحه رو به وسیله زبان SASS انجام میدید. و کامپایلر SASS که از زبان Ruby استفاده میکنه اونها رو به CSS تبدیل میکنه.
Compass چیست؟ یک library برای SASS است. یعنی چی؟ یعنی اینکه شما از Compass استفاده میکنید که بعضی از mixin ها رو خودتون ننویسید. مثلا شما میخواهید در فایل های CSS یک gradiant به یک کلاس بدید. معمولا خودتون اون رو مینویسید و در ضمن باید یادتون باشه که کدهای CSS برای gradiant در مرورگرهای متفاوت فرق میکنه. بنابراین باید این کدها رو برای مرورگرهای متفاوت هم بنویسید. اما با کمک Compass شما فقط کافیه هر جا که میخواهید gradiant بدید mixin مربوط به gradiant رو import کنید و بعد از کامپایل تمام کدهای CSS نوشته میشه. یعنی به جای نوشتن مثلا ۱۵ خط کد CSS شما فقط یک خط کد مینوسید و کدهای استاندارد برای شما ایجاد میشه.
استفاده از Compass سرعت شما رو به شدت افزایش میده. همینطور هم که دیدید برای استفاده از Compass هم باید از SASS استفاده کنید.
هر سه ابزار SASS, SUSSY, Compass با زبان Ruby نوشته شده اند. و در بقیه پروژه ها نیز قابل استفاده هستند. میتونم اینطور بگم ترکیب SASS, SUSSY, Compass و امگا چیزی شبیه twittr Bootstarp خواهد شد. سعی میکنم در مطالبی جداگانه بیشتر در مورد این قابلیت ها توضیح بدم.
خوب دیدیم که استفاده از امکانات بالا چه مزیت های زیادی برای ما ایجاد میکنه. و چرا امگا۴ اینقدر تغییر کرده.
چقدر طولش میدی! خوب بالاخره میخوای بگی از امگا ۴ استفاده کنیم یا امگا۳؟
چرا عصبانی میشید؟ همه اینها مقدمه جواب همین سوال بود. شاید بشه در یک جمله اینطور گفت:
اگر حرفه ای هستید یا میخواهید حرفه ای شوید از امگا۴ استفاده کنید. اگر نمیخواهید درگیر کد شوید و به مفاهیم بالا نیاز ندارید از امگا ۳ استفاده کنید.
نمیخوام بگم استفاده از امگا۳ نیاز به مهارت نداره که اتفاقا خیلی نیاز به مهارت داره چون شما باید کدهای css خام بنویسید. اما مسئله اینه که بعد از نصب امگا۴ باید مفاهیم پایه HTML و css رو یکبار دیگه مرور کنید. باید ابزارهای جدیدی رو یاد بگیرید. باید مشکلات جدیدی رو حل کنید اما مسلما این در نهایت به شما احساس رضایت میده.
امیدوارم بتونیم در آینده نزدیک آموزش هایی برای شروع به کار با امگا ۴ در سایت بزاریم. تا اون موقع اگر شما نکته جدیدی در مورد امگا ۴ یاد گرفتید میتونید در نظرات به ما بگید یا اگر دوست دارید یک مقاله بنویسید و در سایت به اسم خودتون منتظر کنید.