خیلی از پروژه ها نیازمند قالب خاص هستند در حالی که قالب های پیش فرض دروپال جواب گو نیستند و یا به اندازه ای پیچیده هستند که شما را گیج می کنند!می خواهم در چند پست به صورت گام به گام تبدیل یک فایل HTML به قالب دروپال رو آموزش بدهم. (قسمت دوم )
چند نکته که باید همین ابتدای کار در نظر داشته باشیم.
-----------
* از ابتدای به دنبال خلق قالب هایی باشید که خیلی خاص و چند منظوره و با چند تکنولوژی نیستند ، زیرا اگر به این مرحله نرسیم دچار مشکل می شویم! پس ساخت یک قالب حرفه ای را در هدف نهایی خود قرار می دهیم.
** اگر علم به طراحی HTML و CSS نداشته باشیم ، این آموزش خیلی مفید نیست و بازده مناسب را ندارد.پس بهتره اگر تا به حال فکر یادگیری HTML CSS نبوده اید ، از همین حالا شروع کنید.
***اگر بتوانید کار با ماژول Devel و به خصوص Theme Developer را یاد بگیرید خیلی خیلی (!) برای درک مفاهیم قالب دروپال جلو هستید.
**** برای طراحی قالب دروپال نیاز به علم زیاد php نیست و شما اگر بتوانید کدهای php را تشخیص بدهید کافی است.
*****این که فایل HTML را از کجا آورده اید مهم نیست ولی سعی کنید قالب HTML شما طراحی Div باشدو از Table استفاده نشده باشد.حتی المقدور قالب انتخابی شما ساده باشد.
****** سعی کنید با افزونه FireBug بر روی فایر فاکس اشنایی پیدا کنید که عصای دست هر طراح وب است.
----------
بسم الله ...
قالب دروپال در کمترین حالت از دوفایل page.tpl.php و فایل .info در یک پوشه به نام قالب قرار دارد.
ما نیاز داریم که با ساختار قالب های دروپال آشنا بشویم...
----> دروپال برای استفاده از قسمت های مختلف ابتدا به پوشه قالب سایت مراجعه می کند و بعد اگر فایل مورد نظر آن قسمت وجود نداشت به فایل های پیش فرض خود دروپال مراجعه می کند. این به این معناست که شما می توانید فایل page.tpl.php ر هم نداشته باشید که در این صورت دروپال از فایل های پیش فرض استفاده می کند. (نگران نباشید این موضوع را بعدا مو شکافانه بررسی می کنیم)<------
--- فایل (ThemeName).info
این فایل حاوی نام قالب ، ورژن قالب ، نسخه دروپالی که روی آن پیاده سازی شده ، تصویر دمو قالب ، فایل های CSSو JavaScript و region های معرفی شده در page.tpl.php.
(region) : مکان هایی هستند که به شما اجازه می دهند که بلاک های خودتان را در آن ناحیه قرار بدهید.
--- فایل page.tpl.php
این فایل همان فایل HTML شماست که با اضافه شدن کدهای php و تغییر نام ، به page.tpl.php تبدیل می شوند.
شما در این فایل اجازه خواهید داد به جای اینکه محتوای استاتیک در صفحه باشد ، دروپال با استفاده از بلاک های شما این کار را به صورت دینامیک انجام دهد.
اگر بخواهم مثال ساده بزنم ، به جای اینکه در Head صفحه و در Title اسم صفحه را دستی بنویسید با نوشتن کد <title><?php print $head_title ?></title> (و یا چیزی شبیه این ) دروپال برای شما اسم صفحه را مشخص می کند.
و یا اینکه با نوشتن کد <?php if ($content_top):?><div id="content-top"><?php print $content_top; ?></div><?php endif; ?> در جای مناسب و معرفی ان در فایل .info اجازه می دهید بلاک ها در آن قسمت قرار بگیرند .
به نظر من تا همین جا برای قسمت اول کافی است و با مفاهیم اولیه قالب آشنا شدیم.
سعی من بر این است که هر 10روز یک قسمت از این سری مطالب را تکمیل کنم.
توصیه من این است کمی در سایت های آموزشی بچرخیم و در مورد قالب دروپال اطلاعات کسب کیم.البته بد نیست (بلکه خیلی خوبه ) چندتا از قالب های دروپال را بررسی کنیم.
اگر سوالی هست در قسمت نظرات مطرح کنید تا دوستان به کمک شما بشتابند !
غلط هایی املا و تایپی را هم نادیده بگیرید :)
موفق باشید
قسمت دوم : آموزش طراحی قالب دروپال
تصویر:
دیدگاه ها
مثل همیشه عالی بود
ممنونم از لطفت
واقعا عالیه :)
لطف داری سینا جان
ممنونم
مرس داداش عالییی
;-)
ممنون
یک ماه گذشت مهندس :D
ایشالا سرت شلوغ باشه...
در کنار این مقاله آموزش تکمیلی سایت چند زبانه هم مفید خواهد بود.
سلام
من همین جا معذرت خواهی می کنم و قول می دم قسمت بعدی رو خیلی قوی تر دونبال کنم.
در گیر کار و درس و امتحان هستم این روز ها .ببخشید
سلام
بسیار عالی فقط خواهش میکنم هر چه سریع تر قسمت دوم را بزارید
ممنون از لطفتون
سلام
چی شد پس قسمت دوم ؟
سلام.
از آنجایی که حرف مرد یکی است و شما درست در چند پست به صورت گام به گام این مطلب را به انتها رساندید به شما تبریک میگویم.
واقعا این حرف...!
همین الان دست به کار ادامه می شم .
هنوز دست به کار نشدی آقا امیر ؟
سلام
باز خوبه دست به کار ادامه شدی ما فکر کردیم سایت تعطیل شده
سلام.
امیدوارم حالت خوب باشه امیر حسین جان . آقا اگه نمیتونی چرا قول میدی ؟
به نظر من پست رو همینجا پاکش کن راحت
موفق و موید باشی.
با عرض معذرت خواهی از همه دوستان عزیزم.
درگیر امتحانات هستم.اگه عمری باشه آخر همین هفته ورژن بعدی رو قرار می دم.
سلام آقا امیر حسین
دمت گرم چه قوی آخر این هفته بحث رو جمع و جور کردی.
همینطوری ادامه بدی عالیه ...
ریدی عکس خودتم توش دیدی با این قول دادنت
منتظریم بد جور!!!!
برو گمشو بمیر بابا عوضی با اون قول دادنت
ضمن تشکر از کمال ادب لاله خانم و عرض معذرت خواهی از همه دوستان به دلیل تاخیر زیاد ، قسمت دوم این مطلب در سایت قرار گرفت.
سلام آقاي اميرحسين
من نياز شديد به يادگيري طراحي قالب با دروپال دارم ، شما كلاس آموزشي خصوصي و يا عمومي ميذاريد؟
اين گونه آموزش براي من مفيد نيست البته شما خيلي ساده و روان مي نويسيد،منظورم اينه كه چون عجله دارم براي يادگيري حتما بايد به صورت حضوري ياد بگيرم
اگر كسي را مي شناسيد كه اين كلاس را برگزاركند ممنون مي شم به من معرفي كنيد
با تشكر از سايت مفيدتان
سلام
شما لطف دارید.
من دوره آموزش ندارم و از دوستانم هم کسی برای آموزش دادن خصوصی و یا عمومی نمی شناسم! ولی تا اونجایی که بخواهید و بوانم کمکتون می کنم.
اگر مایل هستید شرح کاری رو که باید انجام بدید برای من ایمیل کنید تا بیشتر راهنمایی کنم.
موفق باشید.
عالی بود مرسی
آموزش خوبی بود من استفاده کردم اما به نظرم اشاره به جزییات میکردین بهتر بود. موفق باشید.
اتفاقا همین قصد رو داشتم ولی بازخوردی که از سوال های دوستان گرفتم این مطلب رو در این سطح نوشتم.
انشالا در مطلب های بعدی جزییات بیشتری می پردازیم.
آقا خیلی ممنون
امروز همین مشکل رو داشتم.....
من هم معتقدم حرفه ای ها هم اینجا سر میزننده
کمی بیشتر بگید اشکالی نداره
سلام
ممنون به خاطر اینکار با ارزشتون
امیدوارم که موفق باشید ...
ممنونم
شما هم موفق باشید
Post new comment