نمایش وب سایت در موبایل

[NimaT 14]

با سلام اگه بخوایم یک سایت رو برای موبایل بهینه کنیم که کامل نشون بده باید یه قالب جدا براش بنویسیم؟؟؟؟؟؟

چه باید کرد؟:21:

مثلاً www.batik-group.ir

[iJoomla.org 10]

نوشتن قالب جداگانه برای نسخه موبایل سایت، روشیه که دیگه منسوخ شده.

روزانه درصد قابل توجهی از بازدید کننده های وب از device هایی غیر از کامپیوتر برای وب گردی استفاده می کنن مثل موبایل ها، تابلت ها و... و اگه بخوایم همه device ها رو تحت پوشش قرار بدیم باید حداقل ۴ نسخه از سایت رو منتشر کنیم که هر کدوم برای دسته خاصی از device ها طراحی شده.

راه حل هوشمندانه ای که چند وقتیه برای رفع این مشکل استفاده می شه، RWD یا Responsive Web Design هستش به این معنی که یه قالب رو جوری طراحی می کنن که تمام آبجکت هاش توی تمام device ها قابل دیدن باشه. اینطوری در وقت و انرژی صرفه جویی بسیار زیادی می شه و شما لازم نیست برای هر آپدیت، ۴ تا سایت رو به روز کنید.

برای داشتن همچین قالبی هم دو تا راه اصلی وجود داره. یکی اینکه طراحی همچین قالب هایی رو یاد بگیری و قالبت رو همونطور که می خوای طراحی کنی و یا اینکه یه قالب Responsive (منعطف) برای سایتت تهیه کنی.

من برای سایت اکستنشن هام از روش اول استفاده کردم و قالب اونو با فریم ورک Gantry که یکی از بهترین فریم ورک های طراحی قالب هست طراحی کردم و بهت پیشنهاد می کنم برای آشنایی بیشتر با قالب های Responsive در آدرس http://www.ijoomla.org یه سری بهش بزنی و کارهایی رو که می گم باهاش انجام بدی.

۱. سایت رو با تمام device هایی که در دسترست هست صدا بزن (کامپیوتر، موبایل، تابلت، آیفن و..) و ببین که قالب، چجوری خودشو با توجه به ابعاد پنجره مرورگرت وفق می ده.

۲. سایت رو با کامپیوتر صدا بزن، با موس گوشه سمت راست پنجره مرورگرت رو بگیر و آروم آروم اونو باریک و باریکتر کن. ببین چجوری آبجکت ها جاشونو با همدیگه عوض می کنن تا با ابعاد مرورگرت هماهنگ بشن!

این توضیح (جایگزینی RWD با روشهای قدیمی) جدیدترین پاسخ تکنولوژیکی بود که شما می تونستی در این پست بگیری. طراحی قالب موبایل رو کاملاَ فراموش کن و به قالب های Responsive فکر کن.

اگه مهارت لازم رو برای طراحی قالب داری می تونی فریم ورک Gantry رو از http://gantry-framework.org دانلود کنی و قالبتو طراحی کنی و اگه می خوای یه قالب خوب برای سایتت خریداری کنی پیشنهاد من http://themeforest.net هستش.

موفق باشی عزیزم!

[blazhel 16]

برای استفاده از ریسپانسیو حتما نیاز به استفاده به فریم فرک نیست بهرته شما برای قالب خودتون ریسپانسیو رو بنویسی یا اینکه سفارش بدی برات انجام بدن

برای نمونه سیت های زیادی وجود داره برای مثال به وب سایت بنده در امضا مراجعه کنن ومشاهده کن کامل ریسپانسو است با کوچیک وبزرگ کردن زوم صفحه به وسیله Ctrl و + یا - این کارو انجام بدین

ویرایش شده در آذر 91 توسط blazhel

[NimaT 14]

تشکرات فراوان.....

[iJoomla.org 10]

برای استفاده از ریسپانسیو حتما نیاز به استفاده به فریم فرک نیست بهرته شما برای قالب خودتون ریسپانسیو رو بنویسی یا اینکه سفارش بدی برات انجام بدن

درسته ولی وقتی بلیط هواپیما توی دستته لازم نیست سینه خیز بری.

سردرگم کردن دیگران کار قشنگی نیست.

نوشتن یه قالب منعطف در سطح کاری که یه فریم ورک خوب می تونه در ۴ روز انجام بده، اونم برای جوملا، حداقل ۲۰ برابر/نفر زمان می بره. به این فکر کن که ممکنه راهنمایی تو تبدیل بشه به خط مشی کسی. اونوقته که مدتها وقت یه طراح تلف شده و مسؤلش شما هستی. این یعنی فاجعه!

کسی هم که واقعاَ بتونه یه قالب واقعی رو با همه استاندارها طراحی کنه، این کار رو برای کمتر از ۲۰۰۰ دلار انجام نمی ده مگه اینکه ارزش واقعی کار خودشو ندونه و این در حالیه که می شه single licence یه قالب فوق العاده رو با تنها ۴۵ دلار خرید.

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

برای نمونه سیت های زیادی وجود داره برای مثال به وب سایت بنده در امضا مراجعه کنن ومشاهده کن کامل ریسپانسو است با کوچیک وبزرگ کردن زوم صفحه به وسیله Ctrl و + یا - این کارو انجام بدین

این جمله هم جای بحث دیگه ای داره ولی ادامه نمی دم!

در ضمن این مساله،

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

این پست برای کمک به شما برای داشتن یک رابطه درست، یک روش جوانمردانه و یک راه که به موفقیت ختم می شه نوشته شده. بجای موضع گیری سعی کن از تجربیاتی که در اختیارت گذاشتم استفاده کنی. در غیر اینصورت هیچکس غیر خودت چیزی از دست نمی ده پس جدی بگیر!

ویرایش شده در آذر 91 توسط iJoomla.org