آموزش طراحی قالب دروپال 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 در شرایطی خاص استفاده بشه و موارد از این قبیل ، که قصد داریم در این زمینه هم مطالبی رو در سایت قرار بدیم
خوب فکر کنم تا اینجا برای قسمت اول کافی باشه ، شما در این قسمت با انواع قالب های دروپال و همچنین با فایل های موجود در قالب دروپال آشنا شده اید ، در قسمت بعد به صورت کامل به بررسی یکی از این فایل ها خواهیم پرداخت.
ش., 01/24/2015 - 22:08
سلام آقای اصغری عالی بود
سلام آقای اصغری
عالی بود
ش., 03/21/2015 - 22:26
سلام اقای اصغری من تازه می
سلام اقای اصغری من تازه می خوام از این نرم افزار
استفاده کنم .به نظر شما ازچه منابع استفاده کنم ؟؟؟؟؟؟
ممنون میشم کمکم کنید....
چهارشنبه, 04/08/2015 - 11:13
آموزش طراحی قالب
باسلام
بهار عزیز اگر منظورتون از نرم افزار ،
آموزش دروپال ، طراحی قالب ، استفاده از قالب امگا و هرچیزی که در مورد دروپال باشه هستش می تونید در همین جا از آموزش ها استفده کنید.
اگر زمینه آموزش رو بگید قطعا راهنمایی های بیشتری میشه کرد.
موفق باشید.
ش., 05/16/2015 - 19:48
آموزش طراحی قالب
با سلام
من یه تازه کار هستم و یک سری از ویدئو های آموزشی شرکت Lynda درباره HTML5 و CSS3 را مشاهده کردم
و تازه دروپال رو نصب کردم میخواستم بدونم چطور میتونم css یک قالب رو ویرایش کنم ؟
یک قالب پایه مثل zen
ممنون بابت سایت خوبتون
س., 12/29/2015 - 15:24
drupal
با سلام مرسی از ادمین محترم که وقت گذشتید که به هموطنان یاد بدید من چیز زیادی در بار دروپال نمیدونم ولی میخوام یادگیری را از سایت شما شروع کنم امیدوارم که بتونم به انجام برسانم
چهارشنبه, 12/30/2015 - 00:08
یادگیری دروپال
ممنون از شما.
شروع یادگیری دروپال با شما ، پاسخگویی به سوالات و رفع مشکلات شما با مرکز دروپال ایران.
موفق باشید.
ش., 01/02/2016 - 16:10
آموزش طراحی قالب در دروپال 8
سلام.
ممنون از مطالب و آموزش های خوبتون.
اگر میشه در خصوص طرحی قالب در دروپال 8 هم مطلب و آموزش قرار بدید.
ی., 04/03/2016 - 15:22
عالی بود
ممنون آموزش اول که خوب و ساده بود
جمعه, 04/08/2016 - 22:08
تشکر از مدیریت سایت
با سلام
واقعا که لذت بردم
خواهش میکنم آموزش ها رو ادامه بدید
با تشکر