هل تريد معاينة إصدار الجوال لموقع ووردبريس الخاص بك؟ تساعدك معاينة تخطيط الجوال في معرفة كيف يبدو موقع الويب الخاص بك على الأجهزة المحمولة.
بينما يمكنك بالتأكيد إلقاء نظرة على موقعك المباشر على هاتفك ، فإن هذا لا يساعد خلال مرحلة التطوير.
حتى عندما يكون موقعك مباشرًا ، غالبًا ما يكون من الأسهل عرض إصدار الهاتف المحمول على كمبيوتر سطح المكتب ، بحيث يمكنك إجراء التغييرات بسرعة ورؤية تأثيرها.
في هذه المقالة ، سنعرض لك طريقتين بسيطتين لمعاينة تخطيط الجوال لموقع ووردبريس الخاص بك بسهولة دون التبديل إلى أجهزة مختلفة.
معاينة تخطيط الجوال لموقع الويب الخاص بك
سيستخدم أكثر من 50٪ من زوار موقعك على الويب هواتفهم المحمولة للوصول إلى موقعك. حوالي 3٪ سيستخدمون جهاز لوحي.
هذا يعني أن وجود موقع يبدو رائعًا على الجوال أمر ضروري.
في الواقع ، يعد الجوّال مهمًا جدًا لدرجة أن Google تستخدم الآن فهرس “الجوال أولاً” لخوارزمية ترتيب مواقع الويب الخاصة بهم.
حتى إذا كنت تستخدم سمة ووردبريس سريعة الاستجابة ، فلا تزال بحاجة إلى التحقق من مظهر موقعك على الهاتف المحمول. قد ترغب أيضًا في إنشاء إصدارات مختلفة من الصفحات المقصودة الرئيسية التي تم تحسينها لاحتياجات مستخدمي الأجهزة المحمولة (المزيد حول هذا لاحقًا).
في هذه المقالة ، سنغطي طريقتين مختلفتين لاختبار كيف يبدو موقعك على الهاتف المحمول باستخدام متصفحات سطح المكتب.
من المهم أن تضع في اعتبارك أن معظم معاينات الهاتف المحمول لن تكون مثالية تمامًا نظرًا لوجود العديد من المتصفحات وأحجام شاشات الهاتف المحمول المختلفة. يجب أن يكون اختبارك النهائي دائمًا هو إلقاء نظرة على موقعك على جهاز محمول فعلي.
فيديو تعليمي
اشترك في WPBeginner
إذا لم يعجبك الفيديو أو كنت بحاجة إلى مزيد من الإرشادات ، فاستمر في القراءة.
يمكنك استخدام أداة تخصيص سمة ووردبريس لمعاينة إصدار الجوال لموقع ووردبريس الخاص بك .
ما عليك سوى تسجيل الدخول إلى لوحة معلومات ووردبريس الخاصة بك والانتقال إلى المظهر »تخصيص الشاشة.
تظهر لوحة معلومات ووردبريس مكان العثور على المظهر – التخصيص
سيؤدي ذلك إلى فتح أداة تخصيص سمة ووردبريس. اعتمادًا على المظهر الذي تستخدمه ، قد ترى خيارات مختلفة قليلاً في القائمة اليمنى هنا:
أداة تخصيص سمة ووردبريس (عرض سطح المكتب)
في الجزء السفلي من الشاشة ، انقر فوق رمز الهاتف المحمول. سترى بعد ذلك معاينة لكيفية ظهور موقعك على الأجهزة المحمولة.
التبديل إلى عرض الجوال في أداة تخصيص السمة
ملاحظة: رموز التحرير الزرقاء موجودة فقط في العارض. لن ترى هذه على موقعك المباشر.
هذه الطريقة لمعاينة إصدار الهاتف المحمول مفيدة بشكل خاص عندما لا تكون قد انتهيت من إنشاء مدونتك ، أو عندما تكون في وضع الصيانة .
يمكنك إجراء تغييرات والتحقق من شكلها قبل عرضها على الهواء مباشرة.
يحتوي متصفح Google Chrome على مجموعة من أدوات المطورين التي تتيح لك إجراء عمليات فحص متنوعة على أي موقع ويب ، بما في ذلك مشاهدة معاينة لكيفية ظهور موقع الويب الخاص بك على الأجهزة المحمولة.
ما عليك سوى فتح متصفح Google Chrome على سطح المكتب وزيارة الصفحة التي تريد التحقق منها.
قد يكون هذا معاينة لصفحة على موقعك ، أو قد يكون موقع منافسيك.
بعد ذلك ، تحتاج إلى النقر بزر الماوس الأيمن على الصفحة وتحديد “فحص”.
تحديد خيار الفحص في Chrome
سيتم فتح جزء جديد على الجانب الأيمن ، مثل هذا:
عرض سطح المكتب الافتراضي عند فحص موقعك في Chrome
في عرض المطور ، ستتمكن من رؤية شفرة مصدر HTML لموقعك.
بعد ذلك ، انقر فوق الزر “تبديل شريط أدوات الجهاز” للتغيير إلى عرض الجوال.
فحص عرض الجوال لموقعك في Chrome
ستلاحظ أن معاينة موقع الويب الخاص بك ستتقلص إلى حجم شاشة الهاتف المحمول.
ستلاحظ أيضًا تغيير مظهر موقع الويب الخاص بك إلى طريقة عرض الجوال. في المثال أعلاه ، انهارت القائمة وانتقلت أيقونة البحث إلى اليسار بدلاً من اليمين من القائمة.
عند تشغيل مؤشر الماوس فوق عرض الجوال لموقعك ، ستصبح دائرة ، على النحو التالي:
مؤشر الماوس الدائري في طريقة العرض “فحص” في Chrome
يمكن تحريك هذه الدائرة بالماوس لتقليد شاشة اللمس على جهاز محمول.
يمكنك أيضًا الضغط باستمرار على مفتاح “Shift” ، ثم النقر وتحريك الماوس لمحاكاة الضغط على شاشة الهاتف للتكبير أو التصغير.
فوق عرض الجوال لموقعك ، سترى بعض الخيارات الإضافية.
خيارات الهاتف المحمول الإضافية لفحص موقعك في Chrome
هذه تتيح لك القيام بالعديد من الأشياء الإضافية. يمكنك التحقق من شكل موقعك على أنواع مختلفة من الهواتف الذكية. يمكنك أيضًا محاكاة أداء موقعك على اتصالات 3G السريعة أو البطيئة. يمكنك حتى تدوير شاشة الهاتف باستخدام أيقونة التدوير.
من المهم أن يكون لموقع الويب الخاص بك تصميمًا سريع الاستجابة ، حتى يتمكن زوار موقعك من التنقل بسهولة إلى موقع الويب الخاص بك.
لكن مجرد امتلاك موقع سريع الاستجابة قد لا يكون كافياً. غالبًا ما يبحث المستخدمون على الأجهزة المحمولة عن أشياء مختلفة عن مستخدمي سطح المكتب.
تتيح لك العديد من السمات والمكونات الإضافية المتميزة إنشاء عناصر يتم عرضها بشكل مختلف على سطح المكتب مقابل الهاتف المحمول. يمكنك أيضًا استخدام مكون إضافي منشئ الصفحات مثل Beaver Builder لتعديل صفحاتك المقصودة في عرض الجوال.
يجب عليك بالتأكيد إنشاء محتوى خاص بالجوال لنماذج توليد العملاء المحتملين. على الأجهزة المحمولة ، يجب أن تطلب هذه الأجهزة الحد الأدنى من المعلومات ، والأفضل أن تكون مجرد عنوان بريد إلكتروني. يجب أن تبدو جيدة أيضًا وأن يسهل إغلاقها.
يعد OptinMonster طريقة رائعة لإنشاء النوافذ المنبثقة الخاصة بالجوال ونموذج إنشاء قوائم العملاء المحتملين . إنه أقوى مكون إضافي منبثق ووردبريس وأداة توليد رائدة في السوق.
لديهم قواعد عرض محددة لاستهداف الأجهزة تتيح لك عرض حملات مختلفة لمستخدمي الجوال مقابل مستخدمي سطح المكتب . يمكنك حتى دمج ذلك مع ميزة الاستهداف الجغرافي لـ OptinMonster وميزات التخصيص المتقدمة الأخرى للحصول على أفضل تحويل.
نأمل أن تساعدك هذه المقالة في تعلم كيفية معاينة تخطيط الجوال لموقعك. قد ترغب أيضًا في إلقاء نظرة على مقالتنا حول أفضل المكونات الإضافية لتحويل موقع ووردبريس إلى تطبيق جوال .
المكافأة: تحقق من اختيارنا لأفضل خدمات هاتف العمل ، حتى تتمكن من إضافة زر “انقر للاتصال” لمستخدمي الهاتف المحمول.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
