هل تريد إخفاء عنصر واجهة مستخدم WordPress محدد لمستخدمي الهاتف المحمول؟
الأدوات هي محتوى ديناميكي يتم إضافته غالبًا إلى الشريط الجانبي لموقع الويب أو تذييله. في بعض الأحيان ، قد تظهر الأداة بشكل جيد على أجهزة سطح المكتب ، ولكن يمكنك إخفاؤها على الأجهزة المحمولة.
في هذه المقالة ، سنوضح لك كيفية إخفاء عنصر واجهة مستخدم WordPress بشكل مشروط على الأجهزة المحمولة (دون كتابة أي رمز).
ملاحظة: في أكثر سمات WordPress استجابةً ، يظهر الشريط الجانبي أسفل المحتوى عندما تكون على الأجهزة المحمولة. هذا هو السبب وراء رغبة مالكي مواقع الويب في كثير من الأحيان في إخفاء عناصر واجهة مستخدم معينة على الهاتف المحمول لتسريع سرعة موقع الويب الخاص بهم.
كيفية إخفاء عنصر واجهة مستخدم على الهاتف المحمول في WordPress
من أجل هذا البرنامج التعليمي ، سنخفي أداة البحث على موقع الويب التجريبي الخاص بنا ، ولكن يمكنك أيضًا استخدامها لإخفاء أي عنصر واجهة مستخدم في WordPress.
على موقع الويب التجريبي الخاص بنا ، تظهر أداة البحث أعلى التذييل الخاص بنا ، وتعمل بشكل رائع على سطح المكتب.
ومع ذلك ، تظهر أدوات الشريط الجانبي على الهاتف أسفل المحتوى بدلاً من الشريط الجانبي:
سنقوم بإخفاء أداة البحث بحيث تظهر فقط على أجهزة سطح المكتب ، وليس على الأجهزة المحمولة.
ملاحظة : في هذا البرنامج التعليمي ، يشمل مصطلح "الكمبيوتر" أجهزة الكمبيوتر المحمولة وكذلك أجهزة الكمبيوتر المكتبية.
بادئ ذي بدء ، تحتاج إلى تثبيت وتنشيط البرنامج المساعد خيارات القطعة . لمزيد من التفاصيل، تحقق من دليلنا خطوة بخطوة حول كيفية تثبيت مكون WordPress الإضافي.
بعد التنشيط ، انتقل إلى الصفحة المظهر »القطع في منطقة إدارة WordPress الخاصة بك.
في هذه الصفحة ، سترى عناصر واجهة المستخدم النشطة موضوعة في المناطق الجاهزة لعناصر واجهة المستخدم في موقع الويب الخاص بك.
دعنا نذهب ونعدل أداة البحث من خلال النقر على اسم القطعة:
في إعدادات عنصر واجهة المستخدم ، ستتم إضافة قسم جديد بواسطة المكون الإضافي Widget مزيد من الخيارات. هنا ، ما عليك سوى النقر فوق رمز الهاتف المحمول الصغير ثم اختيار الجهاز الذي تريد إخفاء الأداة.
لا تنس النقر فوق الزر "حفظ" لحفظ التغييرات.
اذهب الآن واعرض موقع الويب الخاص بك على جهاز محمول. لن تظهر هذه الأداة بعد الآن في منطقة الأداة الخاصة بك:
ولكن ، ماذا لو كنت تريد إخفاء أداة على أجهزة سطح المكتب ، ولكنك تريد إظهارها على الهواتف المحمولة؟
دعونا نلقي نظرة على كيفية القيام بذلك.
كيفية إنشاء نسخة محمولة من عنصر واجهة مستخدم في WordPress
في بعض الأحيان ، قد ترغب في الحصول على إصدار واحد من الأداة لزوار سطح المكتب وآخر لزوار الجوال.
على سبيل المثال ، يمكنك عرض خمسة أحدث المنشورات على سطح المكتب ، ولكن هناك ثلاث مشاركات فقط على أجهزة الجوّال.
من السهل أيضًا القيام بذلك باستخدام المكون الإضافي Widget Options. يمكنك فقط إنشاء عنصرين وتعيين عنصر واجهة مستخدم واحد للعرض فقط على سطح المكتب ، والآخر للعرض فقط على الأجهزة المحمولة.
أولاً ، قم بإضافة أو فتح الأداة التي تريد عرضها uniquement على سطح المكتب. ثم اضغط على أيقونة الجوال الصغيرة. بعد ذلك ، ما عليك سوى تحديد المربعات " لوح ' و" التليفون المحمول" لإخفاء الأداة على هذه الأجهزة:
لا تنس النقر على الزر سجّل لتخزين التغييرات الخاصة بك.
قم الآن بإضافة أو فتح الأداة التي تريد عرضها فقط على الأجهزة المحمولة. كرر نفس العملية ، ولكن هذه المرة انقر فوق مربع الاختيار 'سطح المكتب' لإخفاء الأداة على أجهزة سطح المكتب:
هنا. لديك الآن إصدار سطح المكتب وإصدار محمول من عنصر واجهة المستخدم الخاص بك.
اكتشف أيضًا بعض السمات والإضافات الإضافية لبرنامج WordPress
يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين التعامل مع مدونتك أو موقعك على الويب.
نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.
1. ووردبريس سرعة تحسين البرنامج المساعد
هل تكافح من أجل إدارة العديد من المكونات الإضافية لتحسين سرعة موقع الويب؟ هل أنت قلق من أنهم يعرقلون سرعة تنفيذ موقع الويب الخاص بك؟ إذن ، سيكون هذا المكون الإضافي WordPress هو الحل النهائي لجميع مخاوفك.
تم تصميم هذا البرنامج المساعد ليمنحك ما يقرب من 6 إلى 8 ميزات الإضافات وورد مختلف. ما عليك سوى تثبيته وتكوينه لرؤية تحسن ملحوظ في تحميل صفحاتك.
نود أن نشير إلى أن هذا ليس ملف البرنامج المساعد ذاكرة التخزين المؤقت أو CDN، ولكن النتيجة التي يقدمها مع ذلك رائعة. لا تتردد في تجربة هذا البرنامج المساعد WordPress لمعرفة ما هو قادر على ذلك.
تحميل | عرض | استضافة المواقع
2. Social Share & Locker Pro
تم تصميم المكون الإضافي Social Share & Locker Pro لمساعدة موقع الويب الخاص بك على الظهور بشكل أكبر على الشبكات الاجتماعية. بنقرات قليلة فقط ، يمكنك إما تعيين موضع الرموز الاجتماعية الخاصة بك أو قفل المحتوى الخاص بك عن طريق طلب المشاركة على إحدى الشبكات الاجتماعية التي تقدمها.
لديك سمات محددة مسبقًا من 10 وهذا يجب أن يغطي أكثر الرغبات شيوعًا. جميع مواضيعها هي شبكية العين وعجائب العمل.
بالإضافة إلى ذلك ، باستخدام Social Share & Locker Pro ، ستتمكن من عرض الاسم الكامل للشبكات الاجتماعية أو الرمز فقط. سيعتمد ذلك على التصميم الخاص بك أو المساحة المتاحة أو رغباتك.
تحميل | عرض | استضافة المواقع
3. ووردبرس] صور قوات الدفاع الشعبي Lightbox
WordPress Image PDF Lightbox هو ملف إضافة WordPress Premium الذي يسمح لك بإنشاء عارضين لملفات PDF. عارض PDF هو عبارة عن مجموعة من الصور التي يمكن حفظها كملفات PDF.
باستخدام هذا الامتداد ، يمكنك إنشاء العديد من عارضات PDF كما تريد. لكل عارض ، يمكن للمسؤول تعيين بعض الخيارات مثل:
- صورة الغلاف: والتي ستتم إضافتها كصفحة أولى من ملف PDF الذي أنشأه المستخدم
- الحد الأقصى للصور لكل عارض
- صورة العلامة المائية: يتم تطبيقها على صفحات PDF
- الإرسال عبر البريد الإلكتروني: إذا تم تنشيط هذه الميزة ، أ نموذج الاتصال سيتم عرضه بعد معرض الصور مباشرة. من خلال هذا النموذج ، سيتمكن المستخدمون من إرسال ملف PDF الذي تم إنشاؤه إلى أي شخص بالبريد الإلكتروني.
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.
- كيفية إضافة اثنين عامل التوثيق على وورد
- كيفية بناء موقع كامل باستخدام Elementor
- 10 أدوات أتمتة لتسويق الأعمال الصغيرة
- أوصى 5 كندي لتعزيز أداء وورد الخاص بك بلوق
وفي الختام
هنا ! هذا كل شيء في هذا البرنامج التعليمي. نأمل أن تساعدك هذه المقالة في تعلم كيفية إخفاء عنصر واجهة مستخدم على الأجهزة المحمولة. يمكنك أيضا أن ترى لدينا الدليل النهائي حول كيفية تسريع أداء WordPress للمبتدئين.
ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق.
لا تتردد في شارك مع أصدقائك على الشبكات الاجتماعية المفضلة لديك. وإذا كان لديك أي اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.
...
