ضبط إعدادات تجاوب القالب بعد التعديل علي التخطيط

اختبار تجاوب القالب هو من أهم الأمور التي يجب عليك القيام بها بعد كل عملية تعديل علي مدونتك حتي تتأكد أن المدونة تعمل علي شاشات الهواتف الذكية بشكل صحيح.

في وقتنا الحاضر تجد أن أغلب المستخدمين يتصفحون مواقع الويب من هواتفهم الذكية، لذا وجب عليك اختيار قالب متجاوب لمدونتك حتي يستطيع المستخدمون من تصفحه بسهولة.

في بعض الأحيان قد نلجأ إلي التعديل علي قالب المدونة ونقوم بإضافة بعض الأقسام ذات خصائص معينة وبعد إتمام هذه العملية تجد أن مظهر مدونتك علي الجوال لا يعمل بشكلٍ مناسب.

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

إن كان قالب مدونتك لا يدعم اضافة اعلان بجانب اللوجو فأنصحك بمتابعة هذا الموضوع لتتمكن من التعديل علي التخطيط وتستطيع اضافة قسم جديد خاص باضافة اعلان جانب لوجو المدونة.

كيفية ضبط إعدادات تجاوب القالب علي منصة بلوجر:

قف بمؤشر الفأرة في أي مكان في الواجهة الأمامية للمدونة، والضغط علي الزر الأيمن واختيار الأمر فحص inspect والضغط علي أيقونة الهاتف لتري كيف تظهر مدونتك علي الهواتف الذكية.

تفقد مظهر مدونتك بعد إتمام التعديلات فإن كانت هناك إزاحة أفقية فهذا معناه أن هناك إضافة عرضها أكبر من العرض الافتراضي لشاشة الهاتف وهنا يجب القيام بخطوات ضبط إعدادات تجاوب القالب.

قم بالوقوف علي هذه الاضافة والضغط علي الزر الأيمن ثم فحص inspect والتوجه إلي بداية الكود الخاص بها ومعرفة المعرف الخاص بهذا الكود حتي تتمكن من الوصول إليه داخل أكواد القالب.

يمكنك البحث في القالب عن class يتحكم في عرض القالب كاملاً علي مظهر سطح المكتب وأيضاً عرض القالب علي مظهر الهواتف الذكية، ومن ثم اضافة قيمة هذا الـ class مع قيمة الـ class الأساسي للاضافة.

أما إن كان القالب الذي تستخدمه لا يحتوي علي class يقوم بهذه الوظيفة فيجب عليك كتابة أكواد تجاوب القالب بشكل يدوي لهذه الاضافة ولكل اضافة تخل بمظهر المدونة في شاشات الهواتف الذكية.

أول كود يجب اضافته هو كود عرض الاضافة width حيث تعطيه قيمة 100% أو أي قيمة تتناسب مع باقي اضافات القالب فيصبح الكود بهذا الشكل:

width: 100% !important;

margin: 0 auto;

يجب مشاهدة هذه الحلقة لتتمكن من ضبط اعدادات تجاوب القالب الخاص بك بشكلٍ صحيح.