كيفية جعل موضوع ووردبريس للجوال مستجيبًا في 5 خطوات

بافتراض أنك تريد دليلًا تفصيليًا حول كيفية جعل سمة WordPress للجوال متجاوبة: 1. افتح دليل سمة WordPress وتوجه إلى ورقة الأنماط الرئيسية للموضوع الخاص بك. 2. في ورقة الأنماط الخاصة بك ، سترغب في البدء بإضافة علامة meta viewport. تُستخدم هذه العلامة لتوسيع نطاق محتوى موقع الويب الخاص بك لعرض الجهاز. بدون هذه العلامة ، سيكون موقعك غير قابل للقراءة على جهاز محمول. 3. الشيء التالي الذي تريد القيام به هو تحديد موقع حاوية المحتوى الرئيسية لموقع الويب الخاص بك. هذا عادةً ما يكون div مع معرف #content أو #main. 4. بمجرد العثور على حاوية المحتوى الخاصة بك ، سترغب في منحها أقصى عرض. سيمنع هذا المحتوى الخاص بك من الامتداد كثيرًا على الشاشات الأكبر حجمًا . 5. الخطوة الأخيرة هي إضافة استعلامات الوسائط إلى ورقة الأنماط الخاصة بك. تُستخدم استعلامات الوسائط لتغيير أنماط موقع الويب الخاص بك بناءً على عرض الشاشة. هذا هو! باتباع هذه الخطوات البسيطة ، يمكنك جعل أي سمة من سمات WordPress للجوال تستجيب.

كيف أجعل موقع ووردبريس الخاص بي على الجوال مستجيبًا؟

هناك عدة طرق مختلفة يمكنك من خلالها جعل موقع WordPress الخاص بك على الهاتف المحمول مستجيبًا. إحدى الطرق هي استخدام مكون إضافي مثل WPtouch أو Jetpack. ستنشئ هذه المكونات الإضافية تلقائيًا إصدارًا متوافقًا مع الجوّال من موقعك. هناك طريقة أخرى لجعل موقع WordPress الخاص بك يستجيب للجوّال وهي اختيار سمة تستجيب بالفعل للجوّال. تم تصميم العديد من السمات في الوقت الحاضر لتكون مستجيبة للجوّال ، لذلك من المؤكد أن هذا شيء يجب البحث عنه عند اختيار سمة لموقعك. أخيرًا ، يمكنك أيضًا جعل موقع WordPress للهاتف المحمول الخاص بك يستجيب يدويًا عن طريق تحرير CSS الخاص بالسمات الخاصة بك. هذا خيار أكثر تقدمًا ولا ينصح به للمبتدئين.

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

يمكنك الحصول مجانًا على أكثر من 30 سمة StudioPress مميزة عند استضافة موقعك على Flywheel. إذا كنت تبدأ من الصفر ، فإنني أوصي باستخدام Local لتثبيت موقع WordPress محلي فورًا. معظم نماذج الاشتراك في البريد الإلكتروني سهلة الاستخدام على جهاز محمول (بافتراض أن النموذج سهل الاستخدام ومقاييس). من ناحية أخرى ، تعد النوافذ المنبثقة شيئًا مختلفًا تمامًا. تقوم Google بتجربة الإعلانات البينية المتطفلة ، والمعروفة أيضًا باسم Opt-ins ، على مواقع الويب ، من أجل معاقبتهم على وجود محتوى متطفل. من الأهمية بمكان عدم وضع النوافذ المنبثقة على تصميم الهاتف المحمول لموقع WordPress الخاص بك حتى يكون متوافقًا مع الجوّال. استحوذت أجهزة الهاتف المحمول على 60٪ من عمليات البحث على الإنترنت في يوليو 2018 ، وفقًا لمكتب الإحصاء الأمريكي.

أصبح أداء موقعك على جميع الأجهزة أكثر أهمية من أي وقت مضى. بالإضافة إلى الصور ، يلعب مضيف WordPress والرمز دورًا مهمًا في كيفية أداء موقعك. للتأكد من أن جميع المكونات الإضافية الموجودة على موقعك قد تم تثبيتها بشكل صحيح ، قم بإجراء جرد وحذف أي مكونات لم تعد تخدم غرضًا مفيدًا. من الجيد أن تأخذ بعض الوقت والمال (إذا لزم الأمر). يستضيف Flywheel موقع الويب الخاص بك ويوفر لك الوصول إلى سمات StudioPress و Genesis Framework. نظرًا لتصميمها سريع الاستجابة وسهولة التخصيص ، فإن السمات تجعل من السهل إنشاء موقع ويب متوافق مع الأجهزة المحمولة.

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

هل WordPress Mobile مستجيب؟

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

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

يجب أن تفكر في استخدام مكون إضافي مختلف إذا كان زر المشاركة الاجتماعية على جهازك المحمول لا يعمل بشكل صحيح. يمكن أن تساعدك المكونات الإضافية المنبثقة في زيادة عدد المشتركين في قائمة البريد الإلكتروني الخاصة بك. منذ عام 2011 ، تعمل WooCommerce و WooThemes على إنشاء سمات سريعة الاستجابة. تم دمج Optin Forms ، وهو مكون إضافي مجاني ، مع Optin Forms ، مما يسمح للمستخدمين بإنشاء نماذج تفاعلية يمكن الوصول إليها عبر أجهزتهم المحمولة. يتكامل HubSpot مع HubSpot CRM (قاعدة بيانات جهات الاتصال) في HubSpot CRM ، مما يسهل إدارة العملاء المتوقعين. يجب تحديد عرض وارتفاع فيديو التضمين على YouTube ، لذلك إذا كنت تستخدم الرسوم البيانية أو تضمين مقاطع الفيديو ، فيجب تعيين الأبعاد. عندما يكون موقع الويب الخاص بك بطيئًا ، فسيؤدي ذلك إلى إضعاف تجربة تصفح زوار موقعك على أجهزة الكمبيوتر والأجهزة المحمولة العادية.

ستتمكن من تسريع موقع الويب الخاص بك إذا قمت بتقليل عدد المكونات الإضافية التي تستخدمها وضغط الصور قبل تحميلها على الموقع. ستلاحظ أيضًا تحسنًا كبيرًا في وقت التحميل إذا قمت بتثبيت مكون إضافي للتخزين المؤقت بالإضافة إلى مزود استضافة جيد. يسعى مشروع Accelerated Mobile Project (AMP) من Google إلى تحسين الويب عبر الأجهزة المحمولة عبر المصدر المفتوح. بسبب إطار عمل AMP HTML ، يمكن إنشاء نوع جديد من صفحات الويب يكون خفيف الوزن. تم اعتماد هذه المبادرة من قبل Twitter و Pinterest و Adobe Analytics و LinkedIn وغيرها. يمكن للناشرين إنشاء محتوى ويمكن للمستخدمين رؤيته كمستند HTML5 سيتم تحسينه لاستخدام الهاتف المحمول عند زيارتهم لمقالات Facebook الفورية. من خلال إنشاء مكون إضافي ، يعمل Facebook على تسهيل إنشاء مقالات فورية. للتأكد من أن موقع WordPress الخاص بك متوافق مع الأجهزة المحمولة ، يجب عليك اتباع النصائح والممارسات الموضحة في هذه المقالة.

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