تفاوت بین استایل و قالب: تفاوت بین نسخهها
(صفحهای جدید حاوی '=مقدمه= اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باش...' ایجاد کرد) |
(←Template چیست ؟) |
||
| (۴ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشده) | |||
| سطر ۱: | سطر ۱: | ||
=مقدمه= | =مقدمه= | ||
| − | اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات Style( استایل ) و Template ( قالب ) به وفور بین مباحث کاربران استفاده شده است . که این در مقاله ضمن توضیح این مفاهیم قصد داریم | + | |
| − | + | اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات Style (استایل) و Template (قالب) به وفور بین مباحث کاربران استفاده شده است. که این در مقاله ضمن توضیح این مفاهیم قصد داریم: | |
| − | + | ||
| − | + | *تفاوت بین قالب و استایل | |
| − | + | *پیش نیازهای لازم برای طراحی قالبهای [http://www.joomlafarsi.com جوملا] | |
| − | + | *نحوه ویرایش قالبهای [[جوملا]] بدون دانش برنامه نویسی | |
| − | را بررسی کنیم . | + | |
| − | + | را بررسی کنیم. | |
| − | برای ارتقا سریع ظاهر [[وب]] | + | |
| + | برای ارتقا سریع ظاهر [[وب]] سایت، ما چند گزینه را برای انتخاب کردن پیش رو داریم. به عنوان مثال ما میتوانیم اقدام به [[طراحی قالب در جوملا]] برای سایت از روی یک Etude یا الگو کنیم و همچنین میتوانیم یک Template از قبل آماده شده را بکار بگیریم. | ||
| + | |||
=الگو ( Etude ) چیست ؟= | =الگو ( Etude ) چیست ؟= | ||
| − | + | ||
| − | + | Etudeها در واقع فایلهایی هستند که به شما کمک میکنند تا طراحی جالب و حرفهای بر اساس یک الگوی از پیش تعریف شده و استاندارد داشته باشید. آنها شامل محتوا و تک تک عناصر طراحی و اسنادی هستند که میتوانند کمک بزرگی برای نقطه شروع طراحی یا یک الگوی مناسب برای طراحی باشند. در حقیقت هدف نهایی را به صورت یک طرح گرافیکی بیان میکنند. | |
| − | الگوها (Etude) در انواع مختلفی موجود اند : الگو | + | |
| − | + | الگوها (Etude) در انواع مختلفی موجود اند : الگو رزومه، الگو وب سایت، الگو دعوتنامه، الگو روزنامه و ... | |
| + | |||
| + | |||
[[پرونده:Etude.gif |center|frame ]] | [[پرونده:Etude.gif |center|frame ]] | ||
| + | |||
| + | |||
=Template چیست ؟= | =Template چیست ؟= | ||
| − | Template (قالب) در واقع نتیجه کاری است که یک طراح ( طراح وب ) به شما | + | |
| − | + | Template (قالب) در واقع نتیجه کاری است که یک طراح (طراح وب) به شما میدهد که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و ... ) موجود در صفحه بایکدیگر مشهود است. | |
| + | |||
| + | در [[جوملا]] شما میتوانید Templateها را بین سایتهای مختلف [[جوملا]] که هم نسخهاند استفاده کنید. در بعضی از سیستمهای مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده میشود که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است میباشد. | ||
| + | |||
| + | در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم. اگر با موارد بالا آشنایی داریم میتوانیم با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم. | ||
| + | |||
| + | |||
[[پرونده:Joomlatemplate.gif |center|frame ]] | [[پرونده:Joomlatemplate.gif |center|frame ]] | ||
| − | =روشی آسان برای ویرایش | + | |
| − | نکته : اگر به [[Html]] و [[Css]] و [[PHP]] مسلط | + | =روشی آسان برای ویرایش قالبهای جوملا= |
| − | + | ||
| − | + | '''نکته 1''': اگر به [[Html]] و [[Css]] و [[PHP]] مسلط نیستیم میتوانیم عکسهای موجود در پوشه images را تغییر دهیم. تمام قالبهای [[جوملا]] در خود چند فولدر دارند. | |
| − | نکته : یکی از راههای تغییر | + | |
| − | + | پوشهای برای نگهداری فایلهای [[Css]] (استایلها) وجود دارد که نام این پوشه معمولا [[Css]] یا Style است. ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست که یک پوشه با این نام برای نگهداری و استایلها موجود باشد. | |
| + | |||
| + | پوشهای برای نگهداری تصاویر، نام این پوشه معمولا images در نظر گرفته میشود محتوای این پوشه عکسها و تصاویری هستند که قالب [[جوملا]] (Template) از آنها استفاده میکند. | ||
| + | |||
| + | '''نکته 2''': یکی از راههای تغییر قالبهای [[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی '''با عوض کردن تصاویر موجود در پوشه images قالب براحتی میتوانیم تا حد زیادی در قالب تغییرات ایجاد کنیم'''. | ||
| + | |||
=استایل ( Style ) چیست ؟= | =استایل ( Style ) چیست ؟= | ||
| − | همانطور که پیشتر توضیح داده شد | + | |
| − | + | همانطور که پیشتر توضیح داده شد قالبهای [[جوملا]] (Templateها) از [[Html]] و [[Css]] و ... ایجاد میشوند. منظور ما از استایل به مجموعه دستوراتی [[Css]]ای است که باعث تغییر شکل یک عنصر در صفحه [[وب]] میشود. | |
| + | |||
| + | به عنوان مثال ما در [[Css]] یک class تعریف میکنیم که تمام عناصر h3 را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد. به تمام دستوراتی که به این منظور در [[Css]] نوشته شدهاند اصطلاحا استایل گفته میشود. | ||
| + | |||
| + | |||
[[پرونده:style.gif |center|frame ]] | [[پرونده:style.gif |center|frame ]] | ||
| − | + | ||
---- | ---- | ||
| − | جمع آوری | + | جمع آوری شده توسط : [http://forum.joomlafarsi.com/members/26237-shmata شهاب مطاع پور] |
{{معرفی پشتیبانی}} | {{معرفی پشتیبانی}} | ||
نسخهٔ کنونی تا ۱۲ مهٔ ۲۰۱۲، ساعت ۱۰:۵۷
محتویات
مقدمه
اگر تاکنون به انجمن پشتیبانی جوملا در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات Style (استایل) و Template (قالب) به وفور بین مباحث کاربران استفاده شده است. که این در مقاله ضمن توضیح این مفاهیم قصد داریم:
- تفاوت بین قالب و استایل
- پیش نیازهای لازم برای طراحی قالبهای جوملا
- نحوه ویرایش قالبهای جوملا بدون دانش برنامه نویسی
را بررسی کنیم.
برای ارتقا سریع ظاهر وب سایت، ما چند گزینه را برای انتخاب کردن پیش رو داریم. به عنوان مثال ما میتوانیم اقدام به طراحی قالب در جوملا برای سایت از روی یک Etude یا الگو کنیم و همچنین میتوانیم یک Template از قبل آماده شده را بکار بگیریم.
الگو ( Etude ) چیست ؟
Etudeها در واقع فایلهایی هستند که به شما کمک میکنند تا طراحی جالب و حرفهای بر اساس یک الگوی از پیش تعریف شده و استاندارد داشته باشید. آنها شامل محتوا و تک تک عناصر طراحی و اسنادی هستند که میتوانند کمک بزرگی برای نقطه شروع طراحی یا یک الگوی مناسب برای طراحی باشند. در حقیقت هدف نهایی را به صورت یک طرح گرافیکی بیان میکنند.
الگوها (Etude) در انواع مختلفی موجود اند : الگو رزومه، الگو وب سایت، الگو دعوتنامه، الگو روزنامه و ...
Template چیست ؟
Template (قالب) در واقع نتیجه کاری است که یک طراح (طراح وب) به شما میدهد که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و ... ) موجود در صفحه بایکدیگر مشهود است.
در جوملا شما میتوانید Templateها را بین سایتهای مختلف جوملا که هم نسخهاند استفاده کنید. در بعضی از سیستمهای مدیریت محتوا مانند وردپرس از نام Theme به جای Template استفاده میشود که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است میباشد.
در جوملا برای طراحی یا ویرایش یک قالب نیاز به دانش Html و Css و کمی Php به همراه آشنایی با مدیریت سیستم مدیریت محتوای جوملا داریم. اگر با موارد بالا آشنایی داریم میتوانیم با استفاده از مقاله طراحی قالب در جوملا یک قالب ساده را در جوملا طراحی کنیم.
روشی آسان برای ویرایش قالبهای جوملا
نکته 1: اگر به Html و Css و PHP مسلط نیستیم میتوانیم عکسهای موجود در پوشه images را تغییر دهیم. تمام قالبهای جوملا در خود چند فولدر دارند.
پوشهای برای نگهداری فایلهای Css (استایلها) وجود دارد که نام این پوشه معمولا Css یا Style است. ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی وب اینست که یک پوشه با این نام برای نگهداری و استایلها موجود باشد.
پوشهای برای نگهداری تصاویر، نام این پوشه معمولا images در نظر گرفته میشود محتوای این پوشه عکسها و تصاویری هستند که قالب جوملا (Template) از آنها استفاده میکند.
نکته 2: یکی از راههای تغییر قالبهای جوملا بدون نیاز به دانش html و css تغییر محتوای پوشه تصاویر است یعنی با عوض کردن تصاویر موجود در پوشه images قالب براحتی میتوانیم تا حد زیادی در قالب تغییرات ایجاد کنیم.
استایل ( Style ) چیست ؟
همانطور که پیشتر توضیح داده شد قالبهای جوملا (Templateها) از Html و Css و ... ایجاد میشوند. منظور ما از استایل به مجموعه دستوراتی Cssای است که باعث تغییر شکل یک عنصر در صفحه وب میشود.
به عنوان مثال ما در Css یک class تعریف میکنیم که تمام عناصر h3 را در صفحه وب به رنگ آبی و با فونت Tahoma نمایش دهد. به تمام دستوراتی که به این منظور در Css نوشته شدهاند اصطلاحا استایل گفته میشود.
جمع آوری شده توسط : شهاب مطاع پور
 استفاده از مطالب دانشنامه جوملا فارسی - مامبو فارسی با ذکر منبع ( دانشنامه جوملا فارسی ) و لینک مستقیم به http://docs.joomlafarsi.com بلامانع است.
|
