فریم ورک های طراحی قالب جوملا
0

1 ارسال در این موضوع قرار دارد

طراحی قالب وب سایت برای

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
به دلیل قابلیتهای بسیار زیاد این CMS همیشه یکی از مسائل مورد علاقه طراحان وب سایت بوده است. شاید برای بعضی طراحی قالب برای این سیستم بسیار راحت و برای بعضی بسیار دردسر ساز باشد. اما همیشه راههایی برای سریع تر و بهینه کردن روند انجام یک کار وجود دارد. از جمله این راهها می توان به فریم ورک ها اشاره کرد که معمولا مسیر را برای کاربران کوتاه تر و شاید ساده تر کنند. این راه برای طراحی و مدیریت قالبهای جوملا هم وجود دارد.

بد نیست قبل از خواندن ادامه مطلب اطلاعاتی در مورد فریم ورکها بدست بیاورید، از طریق

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
می توانید توضیحاتی در این مورد بخوانید.

[h=3]چرا به فریم ورک نیاز داریم ؟[/h]شاید از خود بپرسید که اصلا چرا باید از فریم ورک استفاده کنیم ؟ خب قالب را طراحی میکنیم و هر وقت خواستیم تغییرات مورد نظر را روی آن اعمال میکنیم.

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

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

استفاده کردن از یک فریم ورک مناسب که بتواند از ابتدا position های مورد نیاز شما را داشته باشد و شما بتوانید به راحتی هر کدام از موقعیتهایی را که می خواهید را استفاده کنید و یا تغییر محل دهید کار شما را به خوبی سرعت می بخشد. این نکته را هم باید در نظر داشته باشید که طراحی قالب برای فریم ورکها نیاز به شناخت آنها و آشنایی با استانداردها و اصول طراحی آنها دارد، صرف اینکه شما طراح قالب جوملا هستید شاید نتوانید برای این فریم ورکها هم قالب طراحی کنید !

[h=3]معرفی فریم ورکهای معروف جوملا[/h]در جدول زیر من تعدادی از فریم ورکهای معروف و شناخته شده جوملا را که بیشتر مورد استفاده قرار می گیرد را دسته بندی کرده ام. در سطر بالایی نام فریم ورکها قرار دارد و در ستون سمت راست مواردی که با هم مقایسه شده اند نوشته شده است. قسمتهای سبز رنگ نشان دهنده برتری یک فریم ورک در بین سایرین و قسمت قرمز رنگ نشان دهنده ضعف یک فریم ورک است.

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

مواردی را که من در جدول بالا مقایسه کرده ام به این شرح می باشند :

  • نوع کاربری، بعضی فقط به صورت قالب هستند و بعضی به صورت یک فریم ورک کامل
  • قیمت هر یک از فریم ورکها
  • نحوه پشتیبانی از فریم ورکها توسط تیم سازنده آن
  • تعداد module position های قابل استفاده
  • حجم فایلهای Javascript و CSS استفاده شده در فریم ورک
  • حجم تصاویر استفاده شده در فریم ورک
  • قابلیت کار کردن در صورتی که Javascript غیرفعال باشد
  • نوع Javascript Library استفاده شده
  • استفاده کردن از Javascript کم حجم شده
  • خروجی کد به صورت Tableless هست یا نه
  • پشتیبانی کردن از زبانهای RTL
  • ایرادهای کدنویسی در HTML و CSS
  • نمره از نظر بهینه سازی برای موتورهای جستجو

لینک سایتهای فریم ورکهای فوق عبارتند از :

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
,

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
,

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
,

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
,

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
,

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

همانطور که در جدول فوق مشاهده کردید، دو فریم ورک Gantry و T3 نسبت به سایرین در موقعیت بهتری قرار دارند.

شما می توانید بر اساس نیاز خود و قابلیتهایی که در بالا ذکر کردم یکی از این فریم ورکها را انتخاب کنید، اما من طبق بررسی هایی که انجام دادم برای پروژه موردنظرم، فریم ورک Gantry را انتخاب و استفاده کردم. در زیر معرفی کلی از این فریم ورک برای شما می نویسم.

[h=3]معرفی فریم ورک Gantry[/h]

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

ویژگی اصلی فریم ورک Gantry این است که خلاقیت شما را محدود به اصول و قواعد خودش نمی کند، طبق گفته سایت Gantry شما می توانید 99 درصد طرحهای خودتان را طبق این فریم ورک آماده کنید. در زیر یکسری از قابلیتهای اصلی فریم ورک را مشاهده می کنید :

  • رایگان
  • ساخت قالبهای متنوع
  • خروجی HTML بدون Table
  • گزینه های متعدد برای ساخت منو، تغییر اندازه فونت، استایلهای مختلف، رنگ بندی و …
  • پنل مدیریت نسبتا آسان
  • استفاده از گرید سیستم 960.gs
  • پشتیبانی از RTL، تغییر راحت تعداد سطر و ستون و …
  • پشتیبانی از مرورگرهای مختلف
  • خروجی Valid XHTML و Valid CSS
  • دارای سیستم AJAX

اما با این حال هر سیستمی دارای یکسری معایب هم ممکن است باشد :

  • تعداد زیاد گزینه ها ممکن است سردرگمی ایجاد کند
  • بعضی اوقات نیاز به نوشتن دستورات خود Gantry در قالب هست
  • ساختن اینترفیس آسان است ولی اگر دقت نشود ممکن است از نظر لود javascript سنگین شود
  • در پنل مدیریت جوملا فارسی به هم ریخته نشان داده می شود
  • سایز قالب 960 پیکسل در عرض هست و حداکثر 12 ستونی
  • متاسفانه آموزش کامل و جامعی برای آن وجود ندارد و فقط قواعد ابتدایی آن توسط سایت آموزش داده شده است

شما می توانید از

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!
اطلاعات بیشتری در مورد این فریم ورک به دست آوردید. در ضمن جدیدا این شرکت همین فریم ورک را برای وردپرس نیز طراحی کرده است.

برگرفته از وبلاگ داتیس دیزاین.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری
0