كيفية إخفاء الشريط الجانبي للأجهزة المحمولة في WordPress

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

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

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

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

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

فيما يلي الخطوات عالية المستوى لإخفاء الشريط الجانبي للأجهزة المحمولة في WordPress:

1. ابحث عن معرف div الشريط الجانبي لموضوعك
2. أضف CSS الذي يخفي الشريط الجانبي من الأجهزة المحمولة
3. مسح ذاكرة التخزين المؤقت والاختبار

تصفح مواضيع المنشور

• ابحث عن معرف DIV للشريط الجانبي لموضوعك
• أضف CSS الذي يخفي الشريط الجانبي للأجهزة المحمولة في WordPress
• مسح ذاكرة التخزين المؤقت والاختبار

ابحث عن معرف DIV للشريط الجانبي لموضوعك

يتضمن إخفاء الشريط الجانبي على الأجهزة المحمولة في WordPress بشكل أساسي تعديل div الشريط الجانبي باستخدام CSS. ومع ذلك ، لتعديل div باستخدام CSS ، تحتاج إلى معرف div.

اتبع الخطوات أدناه للعثور على معرف div للشريط الجانبي للموضوع الذي تستخدمه لموقع WordPress الخاص بك:

1. افتح منشورًا أو صفحة على Google Chrome أو متصفح Microsoft Edge الجديد.
2. ثم ، انقر بزر الماوس الأيمن في أي مكان على الشريط الجانبي وحدد فحص .

3. سيفتح عنصر الفحص بعض الرموز على يمين الصفحة. يحتوي هذا الجزء العلوي (المسمى 1 في لقطة الشاشة أدناه). يحتوي أيضًا على جزء سفلي (المسمى 2 في لقطة الشاشة).

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

أضف CSS الذي يخفي الشريط الجانبي للأجهزة المحمولة في WordPress

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

@media (max-width: 768px)  .sidebar   { display: none; }

اتبع الخطوات أدناه لإضافة كود CSS أعلاه إلى قالبك:

1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك كمسؤول.
2. ثم ، في الجزء الأيمن ، يحوم على مظهر خارجي واختر يعدل أو يكيف .

3. عند فتح خيار التخصيص ، قم بالتمرير لأسفل وانقر فوق CSS إضافية .

4. أخيرًا ، انسخ هذا الرمز والصقه وعدّله في أحد الأقسام - ثم انقر فوقه في الأعلى ينشر .

@media (max-width: 768px)  .sidebar   { display: none; }

/* Remove sidebar from mobile devices -3rd April 2021*/

مسح ذاكرة التخزين المؤقت والاختبار

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

بعد مسح ذاكرة التخزين المؤقت في المكون الإضافي للتخزين المؤقت و / أو CDN ، افتح موقع الويب على جهاز محمول. إذا لم ينعكس التغيير على الفور ، فاستخدم التخفي (كروم) أو بخصوصية (مايكروسوفت إيدج).

أتمنى أن تكون قادرًا على إخفاء الشريط الجانبي للأجهزة المحمولة في موقع WordPress الخاص بك من خلال الخطوات الواردة في هذا الدليل.

آمل أيضًا أن تكون قد وجدت الدليل مفيدًا وسهل الفهم؟ إذا وجدت الدليل مفيدًا ، فانقر فوق نعم هل كان هذا المنشور مفيدًا؟ أقل.

يمكنك أيضًا تقديم ملاحظاتك من خلال نموذج 'ترك الرد' الموجود في نهاية هذه الصفحة.

أخيرًا ، لمزيد من أدلة WordPress ، قم بزيارة صفحة How-Tos الخاصة بـ WordPress & Websites.