إصلاح الأقسام / الصفوف / الوحدات المفقودة على الهواتف والأجهزة اللوحية Divi

كيفية إصلاح الأقسام / الصفوف / الوحدات المفقودة على الهواتف والأجهزة اللوحية باستخدام Divi

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

1. تحقق من إعدادات استجابة التصميم في Divi

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

كيفية التحقق:

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

2. استخدام الأكواد المخصصة لتعديل عرض العناصر

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

أمثلة على الأكواد المخصصة:

• إخفاء قسم على الأجهزة المحمولة: @media (max-width: 767px) { .your-section-class { display: none; } }
• تقليص حجم النص: @media (max-width: 767px) { .your-text-class { font-size: 14px; } }

3. تحقق من تعارضات الإضافات (Plugins)

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

كيفية حل المشكلة:

• تعطيل الإضافات واحدة تلو الأخرى للتحقق من الإضافة التي تسبب المشكلة.
• عند تحديد الإضافة المسؤولة، يمكنك تحديثها أو استبدالها بإضافة بديلة تتوافق مع Divi.

4. تحديث قالب Divi والإضافات

من المهم أن تتأكد من أن قالب Divi وجميع الإضافات التي تستخدمها محدثة إلى آخر إصدار. قد تحتوي الإصدارات القديمة على أخطاء تتسبب في اختفاء الأقسام أو الصفوف أو الوحدات.

كيفية التحديث:

• انتقل إلى لوحة تحكم ووردبريس.
• تحقق من تحديثات Divi والإضافات الخاصة بك.
• قم بتثبيت التحديثات المتاحة وتحقق من حل المشكلة.

5. اختبار الموقع باستخدام أدوات المطورين

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

كيفية استخدام أدوات المطورين:

• افتح موقعك في متصفح Google Chrome.
• اضغط على F12 لفتح أدوات المطورين.
• انتقل إلى قسم محاكي الأجهزة لاختبار كيفية عرض الموقع على الأجهزة المختلفة.

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