السلام عليكم و رحمة الله و بركاته
أخي العزيز السعيد مرحباً بك .. بالنسبة لسؤالك عن تصميم موقع خاص لأجهزة الموبايل فإن الأمر لا يختلف كثيراً عن تصميم موقع للكومبيوتر .. و لعل أبرز الخطوات التي يجب أن تفعلها هي كما يلي:
1. تحديد عنوان مناسب لصفحة نسخة الموبايل
كأن يكون مجلد يحمل إسم mobile داخل جذر (رووت) موقعك بحيث يكون الدومين
http://www.yoursite.com/mobile
أو إن كنت تستطيع إستخدام خاصية النطاقات الفرعية (subdomain) كأن يكون
http://m.yoursite.com أو http://mobile.yoursite.com أو غيرها مما يناسبك..
2. سكربت إعادة التوجيه لأجهزة الموبايل
هذه الخطوة مفيدة لتحويل كل المرور أو الترافيك الذي يأتي إلى موقعك من الهواتف المحمولة إلى نسخة موقعك الخاصة بهذه الأجهزة..
روابط مفيدة بهذا الخصوص
• Redirect a mobile/PDA to a "lite homepage"
• Redirecting visitors who visit a standard webpage to a mobile version
و إذا كنت مبرمج PHP أو ASP يمكنك الإطلاع على هذه الروابط أيضاً
• Device detection using PHP
• Device detection using ASP
3. بناء صفحة بسيطة صديقة للأجهزة المحمولة
أفضل أسلوب لصفحة مخصصة لأجهزة المحمول يكون بإستخدام طريقة العمود الواحد, بحيث يكون المحتوى مرتباً بشكل عمودي لسهولة التصفح ..
مثال:
إقتراح لتصميم صفحة موقعك إن كان شخصياً مثلاً:
يفضّل أن تكون الصفحة ذات شبه كبير أو مقاربة لنسخة الكومبيوتر حيث أن ذلك يترك إنطباعاً بالألفة لدى زوارك و عدم التشتت بين نسخة الكومبيوتر و نسخة الموبايل..
نصائح أخرى:
• أغلب البرمجيات العالمية الآن تتيح لمستخدميها نسخ للأجهزة المحمولة أو بشكل إضافات يمكن للمستخدم إستعمالها بسرعة في موقعه للحصول على نتيجة مرضية..
مثلاً إذا كنت تستخدم نظام التدوين وردبريس, فإن هناك إضافة سريعة تساعدك على ذلك هي Wordpress Mobile Plugin و التي يمكنك تحميلها من الرابط التالي
Download Wordpress Mobile Plugin
كذلك هناك ستايلات لأجهزة الموبايل فيما يخص أنظمة المنتديات كـ vBulletin و غيرها..
أرجو أن أكون قد افدتك و لو بشيئ بسيط عن سؤالك .. و أعذرني على التقصير
مع أطيب تحية
أحمد