منذ أكتوبر 2026 أصبح كل موقع من hPage متوافقًا مع الجوال تلقائيًا: إذ تأتي جميع التصاميم مع تخطيط للجوال، ولا يلزمك ضبط أي شيء. ولم يعد الإعداد السابق تصميم الجوال موجودًا.
كيف يعمل تخطيط الجوال
- على الهواتف والأجهزة اللوحية يُعرض موقعك في عمود واحد: الترويسة والقائمة والمحتوى بعضها تحت بعض. وتُطوى القائمة خلف رأس القائمة في تصميمك وتُفتح بلمسة.
- المحتوى والألوان والخطوط هي نفسها كما في سطح المكتب. تحرر صفحاتك مرة واحدة؛ ولا يوجد محتوى منفصل للجوال يلزمك صيانته.
- تُصغَّر الصور ومقاطع الفيديو والجداول لتلائم عرض الشاشة. أما الجداول العريضة ذات العرض الثابت فتُمرَّر أفقيًا.
- ينطبق تخطيط الجوال على شاشات اللمس الأضيق من تصميمك وعلى كل شاشة يقل عرضها عن 1024 بكسل. أما الحاسوب المحمول المزود بفأرة ونافذة متصفح أضيق فيحتفظ بتصميم سطح المكتب.
التحقق من موقعك على الهاتف
- انقر زيارة الموقع في الشريط الجانبي لترى عنوان موقعك، ثم افتح هذا العنوان في متصفح هاتفك.
- دون هاتف: افتح موقعك على سطح المكتب واجعل نافذة المتصفح أضيق من 1024 بكسل. سيتحول التخطيط إلى تخطيط الجوال.
- إذا كان هاتفك لا يزال يعرض نسخة قديمة، فأعد تحميل الصفحة. إذ تحتفظ متصفحات الجوال بالصفحات في ذاكرتها المؤقتة لبعض الوقت.
نصائح للصور
- لا تحتاج إلى تغيير حجم الصور لأجهزة الجوال: فهي تُصغَّر تلقائيًا وتحافظ على تناسبها.
- أبقِ أحجام الملفات صغيرة حتى تُحمَّل الصفحات بسرعة عبر اتصال الجوال. ويساعدك في ذلك ضغط الصور عند رفع الملفات.
- تجنب وضع نصوص مهمة داخل الصور: إذ تصبح قراءتها صعبة على الشاشة الصغيرة. اكتب النص كنص بدلًا من ذلك.
- تُعرض الصور التي يلتف النص حولها يسارًا أو يمينًا بعرض أضيق على الجوال حتى يظل النص متسعًا بجانبها.
نصائح للنصوص والجداول
- اكتب فقرات قصيرة واستخدم العناوين؛ فكتل النص الطويلة صعبة القراءة على الهاتف.
- تجنب العروض الثابتة في كود HTML الخاص بك (مثل
width="800")؛ واستخدم النسب المئوية أو لا تحدد عرضًا على الإطلاق. - فضّل الجداول بعرض 100 % أو دون عرض محدد. فالجدول ذو العرض الثابت يُمرَّر أفقيًا على الجوال.
- تُقسَم الكلمات الطويلة جدًا وعناوين الويب عند حافة الشاشة؛ والمسافة أو الواصلة تمنح المتصفح موضعًا أفضل للتقسيم.