پارس جوم :: انجمن های تخصصی جوملا

این مطلب و این بسته چون به نظرم خیلی مفید بوده و به کار خیلی از دوستان می اد به نقل از سایت جومینا اینجا گذاشتم



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


برای آنکه به بهانه انتشار این سیستم بتوانیم مطلب آموزشی را نیز عنوان کنیم اجازه دهید تکنولوژی هایی که باعث میشود تا یک سایت در تلفن همراه متفاوت دیده شود شرح دهیم

قالب های کنشی - responsive: با توجه به اینکه عرض نمایشگر دستگاه ها از جمله تلفن همراه ، آیپد و ... کوچکتر از عرض صفحه نمایشگر کامپوتر است تکنولوژِی جهت طراحی قالب سایت ها بوجود امد به نام تکنولوژی Responsive که پایه این تکنولوژِی در طراحی قالب بدین صورت است که قالب با دریافت کد مرورگری که در حال مشاهده سایت است تغییراتی در قالب بوجود میاورد که این تغییرات میتواند شامل حذف برخی از موقعیت ها و نمایش سایر موقعیت ها بر حسب درصدی از فضای اشغال شده در صفحه باشد

استفاده ا ز جاوا در تشخص مرور گر : در این تکنولوژی در هنگام بارگذاری صفحه توسط مرور مشخصات مرور بازدید کننده دریافت شده و قالبی که برای سایت نمایش داده میشود قالبی دیگر انتخاب میگردد که مخصوص مرورگرهایی با عرض کمتر طراحی شده است

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

راهنمای استفاده :

پس از نصب به مدیریت پلاگین ها رفته و پلاگین سیستم - قالب موبایل جومینا را فعال نمایید - سپس به قسمت مدیریت قالب ها رفته و بر روی نام قالب mobiletemplate کلیک کنید همانگونه که مشاهده خواهید نمود در این قالب 2 نام ماژول یکی برای منو های سمت و یکی برای موقعیت یک ماژول اضافی در بالای مطالب در نظر گرفته شده است به نام های mobile_nav و content_top همچنین در این قسمت میتوانید رنگ زمینه قالب را تغییر دهید

نکته نیازی نیست قالب را پیش فرض قرار دهید .

حال به مدیریت ماژول ها رفته و در موقعیت mobile_nav یک ماژول از نوع منو ایجاد کنید و اگر تمایل داشتید نیز میتوانید در موقعیت content_top ماژول دیگری را نیز به دلخواه فعال نمایید. فرموشش ننمایید که در هر دو ماژول را در تمامی صفحات فعال نماید .کار تمام است حال با تلفن همراه خود سایت خود را