الأدلة/إعدادات الموقع/اجعل موقعك مناسبًا للأجهزة المحمولة

اجعل موقعك مناسبًا للأجهزة المحمولة

تمت ترجمة هذا النص تلقائيًا. إذا كنت ترغب في عرض النص الأصلي باللغة الإنجليزية، فانقر هنا.

تتكيّف مواقع ووردبريس تلقائيًا مع أحجام الشاشات المختلفة بفضل التصميم المستجيب. في هذا الدليل، ستتعرّف على كيفية معاينة موقعك وتحسينه للأجهزة المحمولة.

فهم التصميم المستجيب

تعتمد مواقع ووردبريس على التصميم المستجيب، ما يعني أن موقعك يتكيّف تلقائيًا ليبدو جيدًا على أي حجم شاشة، سواء زاره شخص من هاتف أو جهاز لوحي أو حاسوب مكتبي. عند تحرير موقعك في ووردبريس، يوجد محرر واحد فقط، والتغييرات التي تجريها تنعكس على جميع الأجهزة في الوقت نفسه.

جميع القوالب المعروضة على ووردبريس.كوم مستجيبة للأجهزة المحمولة. هذا يعني أنك لا تحتاج إلى إنشاء نسخة منفصلة من موقعك لكل جهاز. سيتكيّف المحتوى والصور والتخطيط تلقائيًا ليناسب شاشة المشاهد. على سبيل المثال، قد يظهر النص في ثلاثة أعمدة على الحاسوب المكتبي، لكنه يتكدّس في عمود واحد على الهاتف، ما يسهّل قراءته على الشاشات الأصغر.

يضمن هذا النهج بقاء موقعك متناسقًا وسهل الإدارة. يكفي أن تُجري تغييرًا واحدًا ليظهر في كل الأجهزة.

اختيار قالب مناسب للأجهزة المحمولة

جميع القوالب المعروضة على ووردبريس.كوم مستجيبة للأجهزة المحمولة، ما يعني أنها مصممة لتبدو رائعة على الهواتف والأجهزة اللوحية وأجهزة الحاسوب المكتبية.

إذا كنت تستخدم قالبًا تابعًا لطرف ثالث، فتأكد من أنه مُصمَّم ليكون مناسبًا للأجهزة المحمولة. اختبره بفتح موقعك على هاتفك أو جهازك اللوحي للتأكد من عرضه بشكل صحيح. تحقق من وثائق القالب للاطلاع على خيارات التخصيص الخاصة بالأجهزة المحمولة.

معاينة موقعك على الأجهزة المحمولة

يتضمن محرر ووردبريس أداة معاينة لرؤية شكل موقعك بأحجام شاشات مختلفة. للحصول على معاينة أدق، افتح موقعك مباشرة في المتصفح أو على جهازك المحمول.

اتبع هذه الخطوات لمعاينة موقعك:

  1. افتح الصفحة أو التدوينة أو القالب الذي تريد معاينته.
  2. انقر على أيقونة عرض في الزاوية العلوية اليمنى من شاشتك (تبدو على شكل حاسوب محمول).
  3. اختر من الخيارات الآتية:
    • الحاسوب المكتبي: العرض الافتراضي الذي تراه أثناء التحرير.
    • الجهاز اللوحي: يُظهر شكل المحتوى على معظم الأجهزة اللوحية.
    • الجهاز المحمول: يُظهر شكل المحتوى على معظم الأجهزة المحمولة.
    • الأنماط المستجيبة: لتطبيق التغييرات على أحجام شاشة محددة. تعرّف على المزيد في دليلنا حول تحرير النسخة المخصصة للجهاز المحمول.
    • إظهار القالب: يعرض الترويسة والتذييل، ما يوضح شكل الصفحة الكاملة ضمن القالب الخاص بها.
    • معاينة في علامة تبويب جديدة: يفتح موقعك في علامة تبويب جديدة في المتصفح حتى تتمكن من تغيير حجم النافذة لاختبار أحجام شاشات مختلفة.
سهم يشير من أيقونة "عرض" إلى عنصر القائمة "معاينة في علامة تبويب جديدة".

أفضل ممارسات التصميم المستجيب

اتبع هذه النصائح لضمان عرض المحتوى بشكل جيد على جميع أحجام الشاشات.

تجنّب النص داخل الصور

إذا كانت الصورة تحتوي على نص مضمَّن فيها، فقد يُقتطع هذا النص على الشاشات الأصغر، كما في هذا المثال:

نص يُقتطع عند تصغير حجم الصورة.

النص المضمَّن داخل الصورة ليس مستجيبًا، أي إنه لا يستطيع التكيّف ليناسب أحجام الشاشات المختلفة. بدلاً من ذلك، أضف نصًا فوق صورة باستخدام مكوّن الغلاف. بهذه الطريقة يصبح النص مستجيبًا ويتكيّف تلقائيًا على الأجهزة المحمولة:

استخدام أحجام خطوط نسبية

النص المحدد حجمه بوحدات البكسل (px) يبقى ثابتًا عند حجم واحد. أما النص الذي يُحدَّد حجمه بوحدات em أو rem فيتكيّف حسب إعدادات الزائر وحجم الشاشة، مما يجعل موقعك أكثر سهولة في الوصول وأسهل في القراءة على مختلف الأجهزة. للاطلاع على تعليمات تفصيلية حول تغيير وحدات الخطوط، تعرّف على كيفية تحرير النسخة المخصصة للجهاز المحمول لموقعك.

تخصيص سلوك الجهاز المحمول

يتضمن ووردبريس ميزات مدمجة لتخصيص طريقة ظهور موقعك على الأجهزة المحمولة. تشمل خيارات التخصيص ما يأتي:

  • تغيير طريقة عرض القائمة على الأجهزة المحمولة.
  • تكديس المحتوى عموديًا على الأجهزة المحمولة.
  • السماح للأزرار والقوائم بالالتفاف على الشاشات الأصغر.
  • ضبط أحجام النص لشاشات الأجهزة المحمولة.
  • تعيين أنماط مختلفة، مثل المحاذاة أو الحجم أو اللون، لكل حجم شاشة.
  • إخفاء محتوى معين على الأجهزة المحمولة أو أجهزة الحاسوب المكتبية.

تعرّف على كيفية تحرير هذه الإعدادات في دليلنا حول تحرير النسخة المخصصة للجهاز المحمول لموقعك.

صفحات الجوال المسرعة (AMP)

صفحات الجوال المسرعة (AMP) هي تقنية تتيح إنشاء صفحات سريعة التحميل على الأجهزة المحمولة. يمكنك إضافة صفحات الجوال المسرعة إلى موقعك عبر تثبيت إضافة AMP. بالنسبة إلى مواقع ووردبريس.كوم المفعّل فيها استخدام الإضافات والمنشأة قبل 13 يونيو 2022، تكون إضافة AMP مثبّتة عليها افتراضيًا.

ملاحظة: تستبعد صفحات الجوال المسرعة كثيرًا من ميزات الموقع وعناصر التصميم لتحسين سرعة التحميل. جميع قوالب ووردبريس مناسبة للأجهزة المحمولة بالفعل، لذا لا تكون صفحات الجوال المسرعة مطلوبة لتوفير تجربة محسّنة للأجهزة المحمولة. استخدم صفحات الجوال المسرعة فقط إذا كان قالبك مصممًا خصيصًا لذلك.

إذا كنت تواجه مشكلات في العرض أو ترى خيار “الخروج من إصدار الجهاز المحمول” وترغب في إزالته، فجرّب تعطيل إضافة AMP. مع ذلك، إذا كان موقعك يستخدم صفحات الجوال المسرعة، فقد تواصل محركات البحث عرض روابط تلك الصفحات حتى بعد تعطيل الإضافة. قد يؤدي ذلك إلى مواجهة الزائرين لأخطاء 404 إلى أن تُحدّث محركات البحث قوائمها.

لتجنب أخطاء 404، قم بإعداد عمليات إعادة توجيه باستخدام إضافة إعادة التوجيه. ستحتاج إلى إنشاء إعادة توجيه 301 باستخدام تعبير Regex مماثل لـ /(.*)/amp. راجع وثائق إضافة إعادة التوجيه الخاصة بك للاطلاع على تعليمات الإعداد.

Copied to clipboard!