صور ووردبريس لا تظهر على الجوال؟ الأسباب والإصلاحات والأسئلة الشائعة.

بعض الأسباب الشائعة لعدم ظهور صور WordPress الخاصة بك على الهاتف المحمول أو تشويهها.

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

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

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

• البرنامج المساعد أو موضوع التعارض.
• قضايا منشئ الصفحة.
• عدم وجود تحديثات للموضوع.
• استخدام البرنامج المساعد لتحسين الصورة.
• تبدو الصور مختلفة على الهاتف عنها على سطح المكتب.
• مشاكل مع WP Rocket.

صور WordPress لا تظهر على الهاتف المحمول. الأسباب والإصلاحات.

البرنامج المساعد أو موضوع التعارض.

في كثير من الحالات كما هو الحال مع معظم المشكلات المتعلقة بـ WordPress ، قد يكون هذا تعارضًا في المكون الإضافي.

للتحقق من تعارض المكونات الإضافية الأخرى ، أولاً ، قم بتعطيل جميع المكونات الإضافية التي تعمل على موقعك. ثم قم بالتبديل إلى سمة "Twenty" thing الافتراضية.

إذا اختفت المشكلة ، فقم بتمكين المكونات الإضافية واحدة تلو الأخرى لتحديد مصدر المشكلة. ثم قم بتمكين المظهر الخاص بك.

لتسهيل تشخيص الأمور ، قم بتثبيت المكون الإضافي Health Check .

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

قضايا منشئ الصفحة.

إذا كنت تستخدم منشئ الصفحات مثل Elementor في صفحة التحرير ، فتحقق من أنك قمت بتحميل صورة للاستجابة للجوال.

ستجده في الجزء السفلي من العنصر في الإعدادات >> وضع الاستجابة: حدد طريقة عرض الهاتف المحمول. ثم اسحب الصورة التي ترغب في عرضها.

يمكنك أيضًا استخدام بعض CSS لعرض ذلك ، لكن هذا ليس بالضرورة الخيار الأفضل. ومع ذلك ، يمكنك تجربة ذلك:

أضف كود CSS أدناه إلى ملف style.css الخاص بالقالب الفرعي النشط أو يمكنك إضافة خيار css إضافي في أداة تخصيص السمة:

media (أقصى عرض: 767 بكسل) {

.elementor: not (.elementor-edit-area-active) .elementor-hidden-phone {

العرض محجوب؛

}

}

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

ثم جرب هذا:

انتقل إلى "تحرير الصفحة باستخدام Elementor" وانقر فوق قسم >> متقدم >> مستجيب وأوقف تشغيل الخيار المخفي على الهاتف المحمول. أو يمكنك إضافة الكود أدناه إلى قسم Customize >> Custom CSS لإصلاحه:

media (أقصى عرض: 767 بكسل)

.elementor: not (.elementor-edit-area-active) .elementor-hidden-phone {

عرض: كتلة! مهم؛

}

عدم وجود تحديثات الموضوع.

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

لذا فإن تبديل السمة الخاصة بك إلى موضوع "Twenty" الافتراضي الخاص بـ WordPress ، والذي يحصل على تحديثات منتظمة ، يجب أن يحدد ما إذا كانت المشكلة متعلقة بالموضوع.

استخدام البرنامج المساعد لتحسين الصورة.

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

على سبيل المثال ، حدثت مشكلة بسبب المكون الإضافي Autoptimize ، الذي يحول الصور إلى تنسيق webp. للتحميل السريع والوظائف الأخرى.

.webp format ملاحظة سريعة: تنسيق webp. قد تواجه أيضًا مشكلة مع المكون الإضافي "Lazy Loading".

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

تبدو الصور مختلفة على الهاتف عنها على سطح المكتب.

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

لهذا يجب أن تجرب هذا المكون الإضافي ومعرفة ما إذا كان يساعدك:

صور تكيفية قصيرة البكسل .

مشاكل مع WP Rocket.

إذا كنت قد اشتريت مؤخرًا WP Rocket وتأمل أن يؤدي ذلك إلى تسريع موقعك ، ولكنك تجد صورك تختفي على الهاتف المحمول ، فستحتاج إلى مراجعة مستند استكشاف الأخطاء وإصلاحها هذا في WP Rocket للحصول على بعض الإصلاحات السريعة المحتملة: " My Site Is Broken ".

صور WordPress لا تظهر في استنتاجات الجوال.

في معظم الحالات ، كما هو الحال مع العديد من المشكلات المتعلقة بـ WordPress ، قد يرجع الأمر إلى مكون إضافي و / أو تعارض في السمات.

المصدر المفتوح رائع لأنه يسمح لجميع أنواع المساهمات من المطورين المبدعين والجادين الذين يتطلعون باستمرار إلى تحسين WordPress لمستخدميهم.

ومع ذلك ، نظرًا للكم الهائل من السمات والإضافات جنبًا إلى جنب مع ترميزها ، فمن المحتم حدوث تعارضات.

لكن كن مطمئنًا ، عادةً ما تكون تعارضات المكونات الإضافية والقوالب هي الأسهل لحلها إذا كنت تعرف ما هي. باستخدام المكون الإضافي أعلاه ، Health Check ، يمكنك العثور على أي تعارضات بسرعة كبيرة.

إذا فشل ذلك في العثور على مصدر المشكلة ، فقد تكون الأسباب الشائعة الأخرى المدرجة لسبب عدم ظهور صور WordPress الخاصة بك على الهاتف المحمول أو أنها مشوهة هي السبب (الأسباب).

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