See other templatesSee other templates

Menu

 همه قالب های جوملاشاین دارای یک طراحی بهینه شده داخلی برای وسایل موبایلی پیشرفته از قبیل آیفون، اندروید و بر پایه ویندوز هستند. طراحی واکنشگرا فقط بر روی روی هر دو نسخه جوملا 2.5 و 3.0 روی نسخه های Pro قالب اعمال شده اند

بر خلاف سایر سازندگان قالب، ما چیزی که شبیه یک اپلیکیشن موبایل و با منو و انیمیشن سنگین باشد نمی سازیم. ما یک نسخه سبک و کامل از قالب که دربرگیرنده کل نمای قالب و زیبایی قالب باشد را می سازیم.

نمایش طرح بندی موبایل روی آیفون

Mobile layout overview

طرح بندی موبایل

Module positions in mobile layout

موقعیت ماژول ها در طرح بندی موبایل

به صورت پیش فرض تمامی ماژول ها روی نسخه دسکتاپ و موبایل نمایش داده می شوند. برای نمایش یک ماژول فقط روی دسکتاپ یا فقط روی موبایل، می توانید پارامتر پسوند کلاس ماژول را مانند زیر اضافه کنید:

  • نمایش یک ماژول فقط روی دسکتاپ: display-desktop
  • نمایش یک ماژول فقط روی موبایل: display-mobile

نمایش طرح بندی موبایل روی آیپد

Mobile Ipad layout overview

طرح بندی موبایل روی آیپد


کد HTML بهینه شده برای موبایل

Article presentation (com_content)

نمایش مطالب (com_content)

News feeds presentation (com_newsfeeds)

نمایش خوراک خبرها (com_newsfeeds)

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


منوی بهینه شده برای موبایل

برای نسخه موبایل، ما یک سیستم منوی بسیار ساده و موثری ساخته ایم که همه زیر منو ها به صورت درختی در یک پنل بسته شده نمایش داده می شود. این سیستم منو تنها از یک جاوا اسکریپت (MooTool)  کوچک برای باز شدن و بسته شدن پنل زیرمنو ها استفاده می کند و بسیار سریع و سبک است .

Special designed mobile menu system

طراحی بخصوص سیستم منوی موبایلی

Children menu items are presented as tree

زیر منو ها به صورت درختی نمایش داده می شوند

منوی موبایلی به همراه آیکن و متن غنی شده

شگفت انگیزترین چیز  اینست که منوی موبایلی تمامی موضوعات منوی معمولی از قبیل آیکن و متن غنی را به ارث می برد.

Mobile menu with icons applied

منوی موبایلی به همراه آیکن

Mobile menu with rich text

منوی موبایلی به همراه متنی غنی

خصوصیت واکنشگرایی بر روی دموی آنلاین سایت فعال شده است. شما می توانید آن را با تغییر اندازه دمو به اندازه دلخواهتان ببینید که چطور بر روی دستگاه های موبایل نمایش داده خواهد شد.

برو بالا