كيفية إخفاء أداة ووردبريس على الهاتف المحمول (سهل للمبتدئين)

هل تريد إخفاء عنصر واجهة مستخدم ووردبريس محدد لمستخدمي الهاتف المحمول؟

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

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

إخفاء عنصر واجهة مستخدم ووردبريس على الأجهزة المحمولة

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

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

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

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

الحاجيات التي تظهر في الشريط الجانبي على سطح المكتب

ومع ذلك ، في الهاتف المحمول ، يتم عرض أدوات الشريط الجانبي أسفل المحتوى بدلاً من عرضها بجانبه:

يتم عرض أداة البحث أسفل المحتوى على الهاتف المحمول

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

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

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Widget Options . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .

عند التنشيط ، انتقل إلى المظهر »Widgets في منطقة إدارة ووردبريس الخاصة بك.

قسم الأدوات في مسؤول ووردبريس

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

دعنا نمضي قدمًا ونقوم بتحرير أداة البحث من خلال النقر على اسم الأداة:

قم بتوسيع عنصر واجهة المستخدم الخاص بك لعرض الخيارات

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

إخفاء عنصر واجهة مستخدم على الأجهزة المحمولة والأجهزة اللوحية

لا تنس النقر فوق الزر “حفظ” لحفظ التغييرات.

الآن ، انطلق وتحقق من موقعك باستخدام جهاز محمول. لن تظهر هذه الأداة بعد الآن في منطقة عنصر واجهة المستخدم الخاصة بك:

لقد اختفت أداة البحث الآن من إصدار الجوال لموقع الويب

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

دعونا نلقي نظرة على كيفية القيام بذلك.

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

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

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

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

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

عرض القطعة على أجهزة سطح المكتب فقط

لا تنس الضغط على زر حفظ لحفظ التغييرات.

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

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

هذا كل شيء. لديك الآن إصدار سطح المكتب وإصدار محمول من عنصر واجهة المستخدم الخاص بك.

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

خدمات مميزة لآجلك

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

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..