مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

معاينة إصدار الجوال لموقع ووردبريس بطريقتين

بواسطة | سبتمبر 5, 2020 | ووردبريس

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

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

لماذا يجب عليك معاينة إصدار الجوال لموقعك:

يستخدم أكثر من 50٪ من زوار موقعك على الويب هواتفهم المحمولة للوصول إلى موقعك. حوالي 3٪ سيستخدمون جهاز لوحي. هذا يعني أن وجود موقع يبدو رائعًا على الجوال أمر ضروري. في الواقع ، يعد الجوّال مهمًا جدًا لدرجة أن جوجل تستخدم الآن فهرس “الجوال أولاً” لخوارزمية ترتيب مواقع الويب الخاصة بهم.

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

1. استخدام مُخصص قوالب ووردبريس :

يمكنك استخدام أداة تخصيص سمة ووردبريس لمعاينة إصدار الجوال لموقع ووردبريس الخاص بك. ما عليك سوى تسجيل الدخول إلى لوحة معلومات ووردبريس الخاصة بك والانتقال إلى المظهر »تخصيص .

معاينة إصدار الجوال

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

انماط الهاتف المحمول

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

2. استخدام وضع DevTools في جوجل كروم ل معاينة إصدار الجوال :

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

مشاهدة الكود عن طريق الكروم

سيتم فتح جزء جديد على الجانب الأيمن مثل هذا

معاينة إصدار الجوال في الكروم

انقر فوق الزر “تبديل شريط أدوات الجهاز” للتغيير إلى عرض الجوال. ( شعار الجهاز اللوحي اعلي الصفحة )

اختيار نمط الجوال

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

عندما تمرر مؤشر الماوس فوق طريقة عرض الجوال لموقعك ، ستصبح دائرة .

يمكن تحريك هذه الدائرة بالماوس لتقليد شاشة اللمس على جهاز محمول. يمكنك أيضًا الضغط مع الاستمرار على مفتاح “Shift” ، ثم النقر وتحريك الماوس لمحاكاة الضغط على شاشة الهاتف للتكبير أو التصغير.

فوق عرض الجوال لموقعك ، سترى بعض الخيارات الإضافية

حجم الشاشة

هذه تتيح لك القيام بالعديد من الأشياء الإضافية. يمكنك التحقق من كيفية ظهور موقعك على أنواع مختلفة من الهواتف الذكية. يمكنك أيضًا محاكاة أداء موقعك على اتصالات 3G السريعة أو البطيئة. يمكنك حتى تدوير شاشة الهاتف باستخدام أيقونة التدوير.

كيفية إنشاء محتوى خاص بالجوال في ووردبريس :

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

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: