آموزش طراحی قالب دروپال 7 :: قسمت اول

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

 

در حالت کلی قالب های دروپال دو دسته هستند :

 

الف ) قالب های پایه

 

ب) قالب های آماده (از صفر کدنویسی شده اند)

 

کمی درباره قالب های پایه صحبت کنیم ، قالب های پایه ، قالب هایی هستند که می توانیم از آنها برای طراحی یک قالب جدید کمک بگیریم در واقع ما برای استفاده از این گونه قالب ها باید یک sub theme ایجاد کنیم ، دروپال در این قالب ها سعی کرده که کاربران رو از شر کد نویسی خلاص کند ، شما با کمک اینگونه قالب ها به صورت ویزارد (wizard) می توانید قالب خود را طراحی کنید و فقط کافی است که کمی css بلد باشید.

 

 

یکی از مهمترین قالب های پایه دروپال ، قالب omega است که از html5 هم در ساختار خود استفاده کرده و قابلیت responsive رو هم داره که باعث میشه سایت رو در تمامی دستگاه ها بدون مشکل مشاهده کنید.

از انجایی که قالب های پایه خیلی پر کاربرد هستند ، بعد از پایان این آموزش و آشنایی کامل با ساختار قالب های دروپال به بررسی قالب های پایه هم خواهیم پرداخت.

 

و اما اصل مطلب ، در این قسمت با برخی از مهمترین فایل های قالب دروپال آشنا می شویم :

 

 

 

1- فایل با پسوند info. :

یکی از مهمترین فایل های قالب دروپال همین فایل هست ، که ما از این فایل برای فراخوانی فایل css و javascript و ... استفاده می کنیم  در واقع ما با کمک این فایل می تونیم قالب خودمون رو به دروپال معرفی کنیم ، نکته مهمی که درباره این فایل وجود داره اینه که ، زمانی که شما با این فایل کار می کنید باید توجه داشته باشید در صورتی که در این فایل تغییری ایجاد کردین حتما حافظه نهان رو خالی کنید در غیر این صورت تغییر رو نمی تونید ببینید.

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

 

2- فایل html.tpl.php :

این فایل در دروپال 7 اضافه شده است و در دروپال 6 موجود نیست ، از این فایل برای تعریف head و body استفاده میشه ، البته در صورتی که نیاز به شخصی سازی این تگ ها نداشته باشید ، می تونید این فایل رو در قالب قرار ندید ، دروپال از فایل پیش فرض خود استفاده خواهد کرد.اگه بخوام در مورد کاربرد این فایل توضیح بدم می تونم با یک مثال کوچیک به کاربد این فایل اشاره کنم ، فرض کنید شما می خواهید یک کد جاوا اسکریپت رو در قالب سایت خودتون قرار بدید قطعا باید این فایل در تگ head سایت تعریف بشه پس شما نیاز دارید که این فایل رو در قالبتون داشته باشید.

 

3-فایل page.tpl.php :

از این فایل برای ایجاد حالت کلی صفحات استفاده میشه ، شما در این فایل می تونید ناحیه های مختلفی تعریف کنید ، و حتی می تونید با کمک این فایل برای هر صفحه چیدمان متفاوتی رو ایجاد کنید ، به طور مثال در صورتی که می خواهید برای صفحه اول سایت خودتون یک چیدمان خاص داشته باشید ، می تونید با ایجاد فایلی با نام page--front.tpl.php اینکار رو انجام بدین.

 

4- فایل node.tpl.php :

در صورتی که نیاز داشته باشید ساختار محتوا های ایجاد شده رو در قالبتون شخصی سازی کنید به این فایل نیاز دارید ، به طور مثال در صورتی که بخواهید عنوان مطلابتون رو در تگ h3 بندازید و یا اینکه می خواهید در پایین هر محتوا یک پیام خاص رو به کاربران خاصتون نشون بدیدن باید از این فایل استفاده کنید

 

5- comment.tpl.php :

از این فایل برای شخصی سازی بخش نظرات کاربران استفاده می کنیم

 

6- فایل block.tpl.php :

توی دروپال هر ناحیه ایی که تعریف میشه در واقع محل قرار گیری یک بلوک هست که ما به کمک این فابل می تونیم کاری کنیم که ناحیه های متفاوتی داشته باشیم ، مثلا در یک بلوک عنوان در بالای بلوک قرار بگیره و در دیگری در پایین

 

7- فایل template.php :

این فایل برای بخش پیشرفته قالب دروپال استفاده میشه ، به طور مثال در صورتی که می خواهید یک فایل css در شرایطی خاص استفاده بشه و موارد از این قبیل ، که قصد داریم در این زمینه هم مطالبی رو در سایت قرار بدیم

 

خوب فکر کنم تا اینجا برای قسمت اول کافی باشه ، شما در این قسمت با انواع قالب های دروپال و همچنین با فایل های موجود در قالب دروپال آشنا شده اید ، در قسمت بعد به صورت کامل به بررسی یکی از این فایل ها خواهیم پرداخت.

admin
جواد اصغری هستم مدیر سایت مرکز دروپال ایران ، یک طراح که از سال 89 با دروپال کار می کنم به گرافیک علاقه خاصی دارم و سعی می کنم کارهام در این چهارچوب قرار بگیرن
تصویر منصور
منصور (تایید نشده)
ش., 01/24/2015 - 22:08

سلام آقای اصغری
عالی بود


تصویر بهار
بهار (تایید نشده)
ش., 03/21/2015 - 22:26

سلام اقای اصغری من تازه می خوام از این نرم افزار
استفاده کنم .به نظر شما ازچه منابع استفاده کنم ؟؟؟؟؟؟
ممنون میشم کمکم کنید....


تصویر mohamad.arabshahi
mohamad.arabshahi
چهارشنبه, 04/08/2015 - 11:13

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

موفق باشید.


تصویر ناصر
ناصر (تایید نشده)
ش., 05/16/2015 - 19:48

با سلام
من یه تازه کار هستم و یک سری از ویدئو های آموزشی شرکت Lynda درباره HTML5 و CSS3 را مشاهده کردم
و تازه دروپال رو نصب کردم میخواستم بدونم چطور میتونم css یک قالب رو ویرایش کنم ؟
یک قالب پایه مثل zen

ممنون بابت سایت خوبتون


تصویر korosh
korosh
س., 12/29/2015 - 15:24

با سلام مرسی‌ از ادمین محترم که وقت گذشتید که به هموطنان یاد بدید من چیز زیادی در بار دروپال نمیدونم ولی‌ می‌خوام یادگیری را از سایت شما شروع کنم امیدوارم که بتونم به انجام برسانم


تصویر mohamad.arabshahi
mohamad.arabshahi
چهارشنبه, 12/30/2015 - 00:08

ممنون از شما.
شروع یادگیری دروپال با شما ، پاسخگویی به سوالات و رفع مشکلات شما با مرکز دروپال ایران.
موفق باشید. 


تصویر محسن23
محسن23 (تایید نشده)
ش., 01/02/2016 - 16:10

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


تصویر احسان
احسان (تایید نشده)
ی., 04/03/2016 - 15:22

ممنون آموزش اول که خوب و ساده بود


تصویر مبانی نظری و پیشینه تحقیق حسابداری
مبانی نظری و پیشینه تحقیق حسابداری (تایید نشده)
جمعه, 04/08/2016 - 22:08

با سلام
واقعا که لذت بردم
خواهش میکنم آموزش ها رو ادامه بدید
با تشکر


مرکز دروپال ايران

راه های ارتباط با ما

آدرس : دفتر شهریار : شهرک وائین ، بعثت 5 نبش سپیدار 10 پلاک 26

تلفن : 09370977406 - 09384363798

ایمیل : drupalcenter.ir@gmail.com

ارتباط با مدیر سایت از طریق تلگرام

logo-samandehi

مرکز دروپال ایران بزرگترین وب سایت  آموزش دروپال در کشور ، در مهر ماه سال 1388 به طور رسمی فعالیت خود را در زمینه وب و دنیای دیجیتال آغاز کرده است. مجموعه مرکز دروپال ایران شامل « آموزش های تصویری » ، « معرفی جدیدترین ماژول ها » ، « ترجمه مقالات دروپالی روز دنیا » ، « طراحی قالب دروپال» و « خبرهای دنیای دروپال» می باشد.این مجموعه به همراه گروه فنی خود و به  پشتوانه کاربران فعال و متعهد ، با  در نظر داشتن چشم اندازی برای آینده نزدیک ، قصد دارد تا به معرفی و آموزش  هرچه بیشتر و بهتر هسته قدرتمند و دوست داشتنی دروپال ،  به روش های مختلف در زمینه های گوناگون بپردازد تا در کنار کاربران خود به موفقیت های هرروز خود بیفزاید. در همین راستا قصد داریم تا بصورت تخصصی و حرفه ای مباحث مختلف دروپال را با کوچک ترین جزئیات و تکنیک ها به دروپال کاران و کسانی که قصد دارند طراحی وب سایت ،پورتال و سیستم های هوشمند را آغاز کنند ، آموزش دهیم.گستردگی مطالب ، تنوع در آموزش ها ، نگاه تخصصی و همگام بودن با کاربران در آموزش عوامل متمایز کردن مرکز دروپال ایران با سایر آموزش دهندگان می باشد.
دروپال برای انجام طراحی های شگفت انگیز !  Drupal Builds something amazing