دیدگاه جدیدی بگذارید

طراحی قالب اختصاصی دروپال با Omega - قسمت دوم

ساخت قالب دروپال با omega

در قسمت قبل با قالب omega آشنا شدیم. میدونیم که omega یک قالب پایه برای طراحی قالب های اختصاصی است. امروز میخواهیم ببینیم چطور میشه یک قالب از روی omega بسازیم.

قبل از هرچیز نیاز دارید که یک دروپال را نصب کنید. بعد از نصب دروپال از منوی بالا گزینه ظاهر (appearance) را انتخاب کنید و از گزینه "نصب پوسته جدید" قالب omega رو نصب کنید.

ساخت قالب:
روش اول با استفاده از drush:

قبلا در مورد drush و معجزاتش صحبت کردیم برای ساخت یک قالب اختصاصی بر پایه omega نیز میتونید از drush استفاده کنید. برای اینکار دستور زیر رو اجرا کنید.
 

drush dl omega, omega_tools
drush en -y omega_tools
drush omega_subtheme "yoursubthemename" --starterkit=starterkit_omega_html5

به جای "yoursubthemename" نام انتخابی قالب خودتون رو بنویسید مثلا بنویسید drupaliontheme. همینطور که دیدید از علامت "" استفاده نکردم و فقط باید نام مورد نظر رو نوشت.

روش دوم با استفاده از رابط کاربری:
این روش خیلی ساده است شما فقط باید چند مرحله ساده را انجام دهید. برای شروع به مسیر admin/appearance بروید. مطمئن باشید که omega_tools را نصب کردید. وقتی وارد این صفحه میشوید در کنار install new theme میتوانید Create new Omega subtheme را ببینید.

نصب قالب امگا

با کلیک بر روی create new Omega subtheme فرمی را خواهید دید مانند شکل زیر

نصب قالب امگا

در این مرحله شما باید نامی را برای قالب خود انتخاب کنید. از قسمت base theme میتوانید قالبی که میخواهید قالب شما از روی آن ساخته شود را بسازید. یعنی میتوانید بعدا قالبی را از روی قالبی که قبلا ساخته اید بسازید. از قسمت starterkit باید از بین starterkit های omega یکی را انتخاب کنید پیشنهاد میشود که این گزینه را عوض نکنید و از html5 استفاده کنید تا بهترین کارایی را داشته باشید.
ادامه (continue) را کلیک کنید تا تصویری مشابه تصویر زیر را ببینید

نصب قالب امگا

در این مرحله شما میتوانید نام را تغییر دهید و توضیحاتی برای قالب خود بنویسید هم چنین میتوانید ورژن قالب خود را تعیین کنید. بعد از پر کردن فیلدها ادامه (continue) را کلیک کنید.

نصب قالب امگا

اگر میخواهید قالب شما فعال شود گزینه های enable و default theme را تیک کنید. تبریک میگویم قالب شما فعال شد.

نصب قالب امگا

روش سوم نصب به صورت دستی:
خوب شاید نیازی به استفاده از این روش نداشته باشید اما اگر این روش را یاد بگیرید متوجه خواهید شد drush و omega tools چه زحمتی میکشند. جا داره یکبار دیگه از تمام دروپال کاران عزیز بخوام که برای راحتی خودشون و بالابردن کیفیت کارشون از گنو/لینوکس استفاده کنند.
برای ساخت قالب کارهای زیر را انجام دهید:
1- کپی کردن starterkit مورد نظر

 

 cd sites/all/themes/omega/starterkits
cp -R omega-html5 ../../omega_test_theme 

 

در نامی که انتخاب میکنید نباید فاصله (space) یا خط فاصله (-) وجود داشته باشد بعد از کپی کردن شاخه starterkit باید شاخه ای که ساخته اید را تنظیم کنید.

2- تغییر نام فایل .info

 

cd ../../omega_test_theme
mv starterkit_omega_html5.info omega_test_theme.info

نام فایل حتما باید کاملا مطابق نامی که برای قالب انتخاب کرده اید باشد در غیر این صورت قالب شما در سایت نمایش داده نمیشود.

3- ایجاد تغییرات لازم در فایل omega_test_theme.info
فایل خود را با دستور vi یا nano یا vim یا هر ابزار دیگری که دوست دارید باز کنید و تغییرات زیر را اعمال کنید

 name = omega test theme
 description = ایجاد یک قالب نمونه به صورت دستی
*** VERY IMPORTANT ***
hidden = TRUE *** DELETE THIS LINE ***
starterkit = TRUE *** DELETE THIS LINE ***

این مرحله بسیار مهم است حتما دو خط آخر را پاک کنید تا قالب شما قابل استفاده باشد.

4- تغییر نام فایل های css
فایل های css موجود در شاخه css را تغییر نام دهید.

 

cd css
mv YOURTHEME-alpha-default.css omega_test_theme-alpha-default.css
mv YOURTHEME-alpha-default-narrow.css omega_test_theme-alpha-default-narrow.css
mv YOURTHEME-alpha-default-normal.css omega_test_theme-alpha-default-normal.css
mv YOURTHEME-alpha-default-wide.css omega_test_theme-alpha-default-wide.css

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

تگ های مطلب: 

CCBot/2.0 (http://commoncrawl.org/faq/)

آخرین ارسال ها

محتواهای محبوب

درباره ما

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

تماس با ما

با ما تماس بگیرید.

logo-samandehi