Skip to content

إظهار زر الرسائل حسب نوع الجهاز

إظهار أو إخفاء زر الرسائل بناءً على نوع الجهاز باستخدام CSS.

يشرح هذا الدليل كيفية التحكم في ظهور زر الرسائل في WSMS على أجهزة مختلفة باستخدام CSS.

الإظهار على الهاتف المحمول فقط

لعرض زر الرسائل على الأجهزة المحمولة فقط:

  1. انتقل إلى Appearance → Customize
  2. اختر Additional CSS
  3. أضف هذا الكود:
.wpsms-chatbox {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .wpsms-chatbox {
        display: block !important;
    }
}
  1. انقر على Publish

الإظهار على سطح المكتب فقط

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

.wpsms-chatbox {
    display: block !important;
}

@media only screen and (max-width: 600px) {
    .wpsms-chatbox {
        display: none !important;
    }
}

ضبط نقطة التوقف

600px هي نقطة توقف شائعة للأجهزة المحمولة. اضبط هذه القيمة لتتوافق مع متطلبات التصميم المتجاوب لقالبك.

مواضيع ذات صلة

آخر تحديث: ٢٦ ديسمبر ٢٠٢٤