حل مشكلة الفراغ والوميض الأبيض الذي يظهر على الجوال في ووردبريس
المقدمة:
مادمت صاحب موقع ويب فإنك ستواجه من فترة لأخرى بعض المشاكل التي تحدث بشكل فجائي ، فتسبب لك اضطراب وارتباك ،خصوصاً إذا كان زوار موقعك كثر وموقعك أخذ في الاتساع والشهرة..
المشكلة التي سأشاركها معكم اليوم والتي عانيت منها شخصياً، ولاحظتها في بعض المواقع التي تستخدم ووردبريس و Elementor .
مشكلة الفراغ الذي يظهر على جانب موقعك في أجهزة الهاتف
هذه المشكلة هي ظهور وميض أبيض كلما أردتَ الدخول إلى صفحة من صفحات موقعك عبر الجوال . وكذالك الفراغ الذي يظهر على جانب موقعك ووردبريس على أجهزة الجوال .
من هنا يمكنك االاطلاع على كيفية جعل موقعك ووردبريس متوافق مع الجوال باستخدام Elementor
بالنسبة للوميض الابيض فإن الصفحة تظهر عادية عند الدخول إليها ، ثم تصبح بيضاء لبعض الثواني وكأن شيئاً ما يتم تحميله ثم تظهر الصفحة عادية من جديد . ويتكرر هذا الأمر كلما انتقلت الى صفحة جديدة.
أما بالنسبة للفراغ الذي يظهر على جانب موقعك في أجهزة الهاتف . فإنها تكون على هذا الشكل :
ظهور فراغ على جنيات صفحات موقعك حين تتصفحه عبر الجوال
ظهور صفحة موقعك ووردبريس بيضاء لبرهة على الجوال
صورة الوميض يظهر الشاشة بيضاء لبعض الثواني
هذه الظاهرة قد لا تظهر على الكمبيوتر حيث يتم تصميم الموقع . ولكنك ستفاجأ بظهورها حين تستخدم الهاتف الجوال. حيث ستجد الأبعاد غير متوافقة فيظهر فراغ أبيض إما من جهة اليمين أو جهة اليسار. وهذا الفراغ يختلف في أبعاده بحيث يجعل المحتوى يختفي تماماً إلى جهة ما او يتم مشاهدة المحتوى، لكن يلزمنا تمرير الصفحة جهة اليمين أو الشمال لرؤية المحتوى كاملاً . وهذا الأمر سيجعل الزوار ينفرون من تصفح موقعك ويرحلون للبحث في مكان أخر. وبالتالي ستبدأ الزيارات في الانخفاض .
وهذا ما لا يريده أي صاحب موقع.
أحياناً يكون موقعك مصمم بشكل جيّد ويظهر متوافقاً مع الأجهزة الصغيرة ، لكن يوماً ما تتفاجأ بهذا الاضطراب في صفحاتك .. والأسباب تكون متعددة :
- إما بسبب سوء التصميم ببرنامج إلمنتور
- بسبب خلل في أحد الاضافات التي لم يتم ترقيتها إلى إصدار ووردبريس الذي تستخدمه .
- بعض التغييرات التي قد تكون أجريتها في تخصيص موقعك من حيث لم تشعر بخطورتها على مظهر موقعك.
حل مشكلة الفراغ والوميض في موقعك على أجهزة الجوال
فإذا كنت فعلاً تعاني من هذا المشكل فإني سأعرض عليك الحل ، وإذا كنت ترى أن الأمور تسير عندك على أحسن مايرام ، ما عليك سوى حفظ رابط هذه المقالة فقد تحتاجا يوماً ما .
∴ أنا أفترض الأن أنك تعاني من هذا المشكل ، فتابع معي طريقة التخلص من هذا الكابوس:
هذه المشكلة سنعالجها بواسطة إضافة كود CSS إ ى موقعك وينتهي الأمر.
من هنا يمكنك معرفة كيفية إضافة كود CSS إلى ووردبريس عبر مكون إضافي .
وهذا هو الكود:
1 2 3 4 5 6 7 |
tml, body { width: 100%; height: auto; margin: 0px; padding: 0px; overflow-x: hidden; } |
قم بنسخ الكود ثم لصقه في إضافة ووردبريس وحفظ المنشور .. هووب ، انتهت المشكلة .
حل مشكلة الفراغ والوميض الأبيض الذي يظهر على الجوال في ووردبريس
طبعاً هناك طرق كثيرة لإضافة أكود CSS إلى ووردبريس وستجد في الأسفل روابط لبعض المقالات المفيدة ، أنصحك بقراءتها .
معلومة :
أفضل استخدام المكون الاضافي لانه سيحتفظ بالأكواد رغم التحديثات المتوالية على قالب ووردبريس الذي تستخدمه.
في أمان الله .
قناتي على اليوتوب
أرى أن هذه المواضيع قد تهمك: |
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.