طراحی قالب اختصاصی دروپال با 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 هستند چه کارایی خواهند داشت.

تگ های مطلب: 

دیدگاه‌ها

خطا

در آخر مرحله اول بعد از اینکه روی ذخیره کلیک میکنم این خطا رو میده Omega Tools could not create the directory temporary://omega-tools/omega_test-27849d90. و به مرحله دوم نمیره به نظرتون مشکل از کجاست؟

@#1 احتمالا مشکل شما به خاطر

@#1 احتمالا مشکل شما به خاطر مجوزهای شماست. مسیر site/all/themes رو بررسی کنید. اگر لازم شد به این مسیر دسترسی 777 بدید و بعد از ساختن قالب به 755 تغییرش بدید. یا owner این شاخه رو به apache تغییر بدید 

من کل اینترنت رو گشتم پنجاه

من کل اینترنت رو گشتم پنجاه تا سایت رو دیدم همشون مثل شما فقط توضیح ساخت یه تم از تم امگا بود و توضیح تنظیماتش اگه می تونید لطف کنید کمی راجع به CSS و سفارشی کردن بخش های مختلف تم توضیح بدید منظورم آموزش CSS نیست منظورم اینه که مثلا من اگه بخوام منو یا سرچ فیلد یا هر قسمت دیگه ای رو تغییر بدم یا سفارشی کنم باید چی کار کنم یا مثلا اگه بخوام نحوه نمایش مطالبم رو تغییر بدم باید کجاش برم یا اینکه چطور فایل تم PSD رو با تم امگا مچ کنم اینارو آموزش بدید لطفا مثلا خیلی خوب میشد که تم سایت خودتون رو مثال می زدید هم ساده اس و هم قشنگ

@#2 هدف اینه که در نهایت با

@#2 هدف اینه که در نهایت با این آموزش همین کار رو انجام بدیم اما چون قراره این مقاله صفر تا صد رو ئشتیبانی کنه بنابراین باید از اول شروع میکردیم 

تشکر فراوان

تشکر فراوان

سلام من بعد از نصب ماژول

سلام من بعد از نصب ماژول omega tools متوجه شدم که فعال نمیشه به دلیل نبود CTools کدوم مازول رو باید نصب کنم.

ماژول CTools

ماژول CTools را از آدرس زیر نصب کنید: http://drupal.org/project/ctools

دنبالش بودم . خوب بود.عرفان

دنبالش بودم . خوب بود.عرفان عزیز چه گیری دادی به دراش شما؟ :دی امیدوارم ازین مقاله های خوب بیشتر بنویسی،یادتون نره مقاله ها رو به زبان فارسی بنویسید . یک مقاله فارسی وقتی خیی کامله که تمام نکات رو به فارسی ذکرکنه.میدونم که علی رقم کار زیاد زحمت میکشید همتون.خداقوت :)

@#5 آخه استفاده از دراش خیلی

@#5 آخه استفاده از دراش خیلی باحاله. استفاده کنی متوجه میشی 

error بعد از مرحله اول

با سلام بعد از مرحله اول و زدن continue با چند اررور بالای صفحه روبرو شدم. دلیل اون چی هست..؟ البته در داخل گزینه های مرحله اول، گزینه HTML5 هم وجود نداشت...!!! Notice: Undefined index: regions in omega_tools_subtheme_create() (line 431 of C:\wamp\www\drupal-7.18\sites\all\modules\omega_tools\omega_tools.module). Warning: array_merge(): Argument #2 is not an array in omega_tools_subtheme_create() (line 431 of C:\wamp\www\drupal-7.18\sites\all\modules\omega_tools\omega_tools.module). Notice: Undefined index: zones in omega_tools_subtheme_create() (line 432 of C:\wamp\www\drupal-7.18\sites\all\modules\omega_tools\omega_tools.module). Warning: array_merge(): Argument #2 is not an array in omega_tools_subtheme_create() (line 432 of C:\wamp\www\drupal-7.18\sites\all\modules\omega_tools\omega_tools.module).

ورژن omega شما چنده؟

ورژن omega شما چنده؟این آموزش برای omega 3 هست.

ورژن 4

ورژن 4 احیانا متوجه نشدید که اون ارور ها برای چی هست..؟

نمیدونم دلیلش چیه.

نمیدونم دلیلش چیه.باید جستجو کنید. لینک زیر رو ببینیدhttp://groups.drupal.org/node/217879

آقا عرفان از مطالب خوبتون

آقا عرفان از مطالب خوبتون متشکرم. سال نو مبارک و موفق باشید.

sub-them

سلام دوست خوبم از آموزش های خوبی که قرار دادی سپاس گذارم من یه جایی خوندم که میشه زیر قالب ساخت که بر یه قالب پایه استوار باشه (مثلا همین امگا)که اگه یه روز قالب پایه به روز شد به راحتی زیر قالب هم به روز میشه و نیاز نیست که در امر تغییرات قالب دوباره کاری انجام بشه اتفاقا یه قالب نمونه هم گذاشته بود اما از آموزش خبری نبود! :( اگه لطف کنید وآموزش این مبحث رو قرار بدین ممنون میشم. با سپاس

خوب دقیقا همین سری مقالات

خوب دقیقا همین سری مقالات داره آموزش میده چطور از قالب امگا یک زیرقالب بسازید. برای بقیه قالب ها هم به همین شکله. باید در فایل info و در قسمت dependencies نام قالبی که میخواهید از اون استفاده کنید رو بنویسید.

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

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

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

درباره ما

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

تماس با ما

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

logo-samandehi