تغييرات ووردبريس لا تظهر على الهاتف المحمول؟ أسئلة وأجوبة وإصلاحات.
نشرت: 2021-12-07الإفصاح: يحتوي هذا المنشور على روابط تابعة. قد أتلقى تعويضًا عند النقر فوق روابط المنتجات في هذا المنشور. للحصول على شرح لسياسة الإعلان الخاصة بي ، قم بزيارة هذه الصفحة . شكرا للقراءة!
محتويات
- لماذا لا تظهر تغييرات WordPress الخاصة بي على الهاتف المحمول؟
- تأكد من أن قالب WordPress الخاص بك مستجيب.
- الإضافات.
- كيف أقوم بتحديث موقع الجوال الخاص بي على WordPress؟
- لماذا يبدو موقع الويب الخاص بي مختلفًا على الهاتف المحمول؟
- تحسين الهاتف المحمول.
- لا تدعم جميع المتصفحات التصميم سريع الاستجابة.
- كيف أجعل موقع WordPress الخاص بي مناسبًا للجوّال؟
- لا تظهر تغييرات WordPress على الهاتف المحمول. ملخص.
لماذا لا تظهر تغييرات WordPress الخاصة بي على الهاتف المحمول؟
إذا أجريت تغييرات على موقع WordPress الخاص بك ولم تظهر على الهاتف المحمول ، فهناك بعض الأشياء التي يمكنك التحقق منها.
في بعض الحالات ، قد يتم إخفاء تغييراتك عن العرض على الأجهزة المحمولة لأسباب تتعلق بالتصميم.
ومع ذلك ، إذا كنت متأكدًا من أن التغييرات التي أجريتها يجب أن تظهر على الأجهزة المحمولة وأنها ليست كذلك ، فهناك بعض الأشياء التي يمكنك القيام بها لاستكشاف المشكلة وإصلاحها.
تأكد من أن قالب WordPress الخاص بك مستجيب.
سيعمل المظهر سريع الاستجابة على ضبط تخطيطه تلقائيًا وفقًا لحجم الجهاز الذي يتم عرضه عليه.
إذا كان المظهر الخاص بك لا يستجيب ، فقد لا تظهر تغييراتك على الأجهزة المحمولة. يمكنك التحقق من الاستجابة من خلال عرض موقعك على جهاز محمول.
تأكد أيضًا من عدم إخفاء تغييراتك عن الأجهزة المحمولة لأسباب تتعلق بالتصميم.
لمعرفة ما إذا كانت هذه هي الحالة ، يمكنك إما تغيير خيار "خيارات الشاشة" في لوحة معلومات WordPress الخاصة بك أو محاولة عرض الموقع على متصفح مختلف (مثل Chrome أو Firefox) ، والذي قد يمنح الوصول إلى الخيارات المخفية بطريقة أخرى.
الإضافات.
إذا ظهرت التغييرات على المتصفح الآخر ، فقد يكون هناك مكون إضافي يسبب مشكلة.
إذا كان المظهر الخاص بك مستجيبًا وقمت بالتحقق من جميع إعداداته ، فحاول إلغاء تنشيط جميع المكونات الإضافية ثم إعادة تنشيطها واحدة تلو الأخرى للتحقق من المكون الإضافي الذي قد يكون سبب التعارض.
يمكنك أيضًا إنشاء موقع WordPress جديد بنفس المظهر لمعرفة ما إذا كانت التغييرات لا تزال تظهر. إذا فعلوا ذلك ، فمن المحتمل أن تكون المشكلة متعلقة بالمكوِّن الإضافي.
إذا جربت كل خطوات تحرّي الخلل وإصلاحه هذه ولم تظهر تغييراتك على الأجهزة المحمولة ، فتواصل مع موفر الاستضافة أو مطور WordPress للحصول على المساعدة.
قد يكونون قادرين على المساعدة في تحديد مصدر المشكلة وتصحيحها.
كيف أقوم بتحديث موقع الجوال الخاص بي على WordPress؟
يمكن أن يكون تحديث موقع الهاتف المحمول الخاص بك على WordPress في الواقع عملية بسيطة للغاية ، ومع ذلك ، فقط إذا كنت تعرف PHP وكنت مرتاحًا للعمل معها.
إذا لم يكن كذلك ، فاتصل بمطور المظهر واطلب مساعدته.
ولكن إذا كنت تعرف PHP ، فكل ما عليك فعله هو اتباع الخطوات التالية:
1. قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك.
2. انقر على قائمة "المظهر" ثم اختر "المحرر".
3. من شاشة المحرر ، حدد ملف "header.php" من القائمة الموجودة على الجانب الأيمن.
4. قم بتحرير الملف وإضافة مقتطف الشفرة التالي إلى الجزء العلوي منه:
<؟ php if (is_mobile ()) {؟>
<link rel = ”stylesheet” href = ”http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css” type = ”text / css” media = ”الشاشة و (max-device-width : 480 بكسل) "/>
<؟ php}؟>
5. قم بتحديث موقع الجوال الخاص بك ، أو قم فقط بنسخ الرابط الجديد في متصفح هاتفك للتحقق من أنه يعمل بالشكل المتوقع.
6. أخيرًا ، احفظ التغييرات التي أجريتها وقم بتحميلها على الخادم باستخدام FTP أو أي طريقة تستخدمها عادةً لتحديث الملفات على خادم الويب الخاص بك.
لماذا يبدو موقع الويب الخاص بي مختلفًا على الهاتف المحمول؟
هناك بعض الأسباب التي تجعل موقع الويب الخاص بك يبدو مختلفًا على الهاتف المحمول ، فلنحاول استكشافها وإصلاحها.
أولاً ، من المهم أن نفهم أنه لا يتم إنشاء جميع مواقع الويب على قدم المساواة. تم تصميم مواقع الويب بطرق مختلفة ، ولها محتوى مختلف ، ويتم عرضها على أجهزة مختلفة.
يمكن أن تلعب كل هذه العوامل دورًا في ما تراه عند عرض موقع الويب الخاص بك على الهاتف المحمول.
هناك أيضًا احتمال ألا يتم عرض موقع الويب الخاص بك بشكل صحيح على بعض أو كل الأجهزة المحمولة.
تستخدم العديد من متصفحات الويب التنسيق المضمّن لمواقعهم ، لكن في بعض الأحيان لا يقدمون هذا التنسيق أو تلك الميزات إلى مواقع أخرى.
دعنا نتعرف على بعض الأسباب الأكثر شيوعًا التي قد تبدو مختلفة على موقع الويب الخاص بك على الهاتف المحمول وما يمكنك فعله حيال ذلك.
تحسين الهاتف المحمول.
هل تعرف ما إذا كان موقع الويب الخاص بك يحتوي على نسخة محمولة؟ بينما يتحول المزيد والمزيد من مواقع الويب إلى التنسيقات سريعة الاستجابة ، لا يتم إنشاء كل موقع على قدم المساواة. حجم واحد بالتأكيد لا يناسب الجميع.
تم تحسين التخطيطات سريعة الاستجابة للعرض على أي حجم شاشة. إذا كان موقع الويب الخاص بك يحتوي على تخطيط للجوال ، فسيظهر تلقائيًا على الأجهزة المحمولة ليناسب حجم شاشة هذا الجهاز (لا يلزم اتخاذ أي إجراء).
إذا لم تكن متأكدًا مما إذا كان موقعك يحتوي على إصدار للجوال ، فتحقق من المطور أو شركة الاستضافة لمعرفة ما إذا كان قد تم إنشاؤه أم لا. إذا لم يحدث ذلك ، فقد حان الوقت للنظر في تصميم سريع الاستجابة.

لا تدعم جميع المتصفحات التصميم سريع الاستجابة.
كما ذكرت من قبل ، لا تدعم جميع المتصفحات تخطيطات التصميم سريعة الاستجابة. سيعرض البعض موقع الويب الخاص بك في شكل سطح المكتب ، بغض النظر عن الجهاز الذي تستخدمه.
وذلك لأن المتصفح يحاول عرض الموقع بالطريقة التي تم تصميمه بها ، دون مراعاة حجم الشاشة.
هناك عدة طرق للتغلب على هذا:
1) استخدم الاستعلامات الإعلامية.
تتيح لك استعلامات الوسائط تغيير شكل موقع الويب الخاص بك بناءً على حجم الشاشة. يمكنك استهداف أجهزة مختلفة ، أو تعيين أقصى عرض لموقعك.
لهذا ستحتاج إلى معرفة بعض CSS و / أو PHP حسب الموضوع الخاص بك.
يمكن أن تساعدك العديد من منتديات دعم السمات في إرشادك خلال مشكلات مثل هذه. GeneratePress هو واحد منهم.
صدقني ، إذا كانت لديك هذه المشكلة ، فقد واجه شخص آخر هذه المشكلة من قبل.
2) يمكنك استخدام Google Viewport Resizer - أداة الاختبار المستجيبة أو استخدام مكون إضافي مثل WPtouch.
سيساعد ذلك في تغيير كيفية ظهور موقع الويب الخاص بك على الأجهزة المحمولة ، دون الحاجة إلى القيام بأي ترميز.
3) استخدم سمة سريعة الاستجابة أو لها تخطيط للجوال.
إذا لم تكن متأكدًا مما إذا كان المظهر الخاص بك مستجيبًا ، فتحقق من موقع المطور أو اتصل به لمعرفة ما إذا كان متاحًا.
4) إرشادات تصميم الأجهزة المحمولة.
هناك إرشادات يمكنك استخدامها للتأكد من عرض موقع الويب الخاص بك بشكل صحيح على متصفحات الجوال ، بما في ذلك حجم عناصر المحتوى وكيفية عرض الصور وما إلى ذلك.
هذه خطوة مهمة للتأكد من أن موقع الويب الخاص بك يبدو جيدًا ويعمل بشكل جيد لجميع المستخدمين - سطح المكتب أو الهاتف المحمول!
تحتوي صفحة تطبيقات WordPress الرسمية للجوال أيضًا على الكثير من النصائح لإنشاء نسخة محمولة من موقعك (إذا لم يكن لديك واحدة).
كيف أجعل موقع WordPress الخاص بي مناسبًا للجوّال؟
الجواب مرة أخرى هو أن ذلك يعتمد على موضوع WordPress الخاص بك.
معظم سمات WordPress متوافقة مع الجوّال ، ولكن هناك استثناءات قليلة.
إذا لم يكن المظهر الخاص بك مناسبًا للجوال ، فستحتاج إلى استخدام مكون إضافي أو إجراء بعض التغييرات على المظهر الخاص بك.
أولاً ، دعنا نخرج الجزء الواضح من الطريق: يجب استضافة موقع WordPress الخاص بك على مزود استضافة سريع وموثوق.
إذا كان موقعك بطيئًا أو لا يستجيب ، فسيقوم Google بتخفيض تصنيفاتك. هذا يعني أنه حتى إذا كان موقع الويب الخاص بك يبدو جيدًا على الأجهزة المحمولة ، فلا يهم.
لا يبلغ الكثير من مزودي خدمة استضافة WordPress عن وقت الاستجابة لخطط الاستضافة المشتركة الخاصة بهم.
ولكن إذا كنت تستضيف موقعك في مكان آخر ، فإن المكون الإضافي Pingdom Tools يعد طريقة جيدة لمعرفة مدى سرعة تحميل صفحتك.
الشيء الثاني الذي يؤثر على ملاءمة الهاتف المحمول هو حجم صورك. إذا كانت لديك صور كبيرة وثقيلة فلن تتمكن Google من عرضها على جهاز محمول.
إذا استغرق تحميل صفحتك وقتًا طويلاً حتى في حالة الاتصال السريع ، فسيقوم Google بتخفيض تصنيفاتك.
الحل بسيط: استخدم البرنامج المساعد TinyPNG WordPress. يعمل المكون الإضافي على تقليل حجم جميع صورك عن طريق تحسينها باستخدام خدمة TinyPNG المستندة إلى السحابة. يضغط المكون الإضافي صور JPEG و PNG و GIF.
عندما تقوم بتحسين جميع صورك باستخدام TinyPNG ، فأنت بحاجة إلى التحقق من الصفحات في اختبار Google المتوافق مع الأجهزة المحمولة.
يمكنك أيضًا استخدام جهازك المحمول أو محاكي الهاتف المحمول لترى كيف يبدو على الأجهزة المختلفة. إذا كان هناك شيء لا يبدو جيدًا ، فيمكنك إجراء التغييرات اللازمة.
إذا كان موقع الويب الخاص بك لا يزال غير متوافق مع الجوّال ، فأنت بحاجة إلى الحصول على سمة WordPress سريعة الاستجابة.
ستعمل سمة سريعة الاستجابة على ضبط حجم وتخطيط موقع الويب الخاص بك تلقائيًا بناءً على الجهاز المستخدم.
هناك الكثير من السمات المتجاوبة المتاحة ، لكن المفضل لدي هو GeneratePress Framework من Tom Usborne.
إنه مظهر خفيف الوزن يحتوي على الكثير من الميزات. لا يأتي مع كل الخيارات غير المفيدة والعديمة الفائدة التي تجدها في معظم السمات. بدلاً من ذلك ، يركز على جعل موقعك مستجيبًا وسريعًا.
أفضل جزء في هذا الموضوع هو أنه قابل للتخصيص بالكامل من خلال WordPress Customizer. يمكنك تصميم المظهر الخاص بك دون كتابة سطر واحد من التعليمات البرمجية.
من السهل أيضًا توسيع السمة باستخدام مكونات WordPress الإضافية المجانية والمدفوعة. لقد قمت بتثبيت العديد من المكونات الإضافية على هذا الموقع والتي تضيف وظائف إضافية ، ولكن ليس عليك تثبيت أي شيء إذا لم تكن بحاجة إليه.
إذا كنت تستخدم موضوعًا مختلفًا ، فيجب عليك مراجعة دليل Google لجعل المظهر الخاص بك مناسبًا للجوّال.
يحتوي الدليل على عدة أقسام يجب إكمالها. على سبيل المثال ، إذا كنت تستخدم سمة متقدمة ، فستحتوي على مناطق عناصر واجهة المستخدم التي تحتاج إلى التحقق منها.
إذا لم يكن موقع الويب الخاص بك متوافقًا مع الجوّال ، فيمكن لـ Google معاقبة تصنيفاتك أو حتى إزالة موقع الويب بالكامل.
من المهم التأكد من أن موقعك يبدو ويعمل بشكل رائع على جميع الأجهزة.
لا تظهر تغييرات WordPress على الهاتف المحمول. ملخص.
من الواضح أن فريق WordPress كان يحاول دفع المستخدمين إلى تجربة أكثر ملاءمة للهاتف المحمول مع كل تحديث وسيزداد الأمر مع مرور الوقت.
تم إصدار آخر التحديثات بجهد متزايد لتسهيل تنقل الأشخاص على هواتفهم وأجهزتهم اللوحية إلى موقعك من خلال منحهم وصولاً سريعًا إلى المحتوى الأكثر مشاهدة.
استنتاج منشور المدونة هذا هو أنه حتى إذا قمت بتحديث موقع WordPress الخاص بك ، فلن تظهر التغييرات دائمًا على الهاتف المحمول أو على الفور.
من المهم التأكد من مراعاة جميع الأجهزة عند اختيار سمة موقع ويب أو حتى تصميم صفحة ويب نظرًا لوجود العديد من الأشخاص المختلفين الذين لديهم العديد من التفضيلات المختلفة لعرض المحتوى.
لذلك احصل دائمًا على سمة سريعة الاستجابة ومصممة للعمل بشكل جيد مع جميع الأجهزة ، بما في ذلك الأجهزة المحمولة ، مثل GeneratePress!