إظهار زر الرسائل حسب نوع الجهاز
إظهار أو إخفاء زر الرسائل بناءً على نوع الجهاز باستخدام CSS.
يشرح هذا الدليل كيفية التحكم في ظهور زر الرسائل في WSMS على أجهزة مختلفة باستخدام CSS.
الإظهار على الهاتف المحمول فقط
لعرض زر الرسائل على الأجهزة المحمولة فقط:
- انتقل إلى Appearance → Customize
- اختر Additional CSS
- أضف هذا الكود:
.wpsms-chatbox {
display: none !important;
}
@media only screen and (max-width: 600px) {
.wpsms-chatbox {
display: block !important;
}
}
- انقر على Publish
الإظهار على سطح المكتب فقط
لعرض زر الرسائل على أجهزة سطح المكتب فقط:
.wpsms-chatbox {
display: block !important;
}
@media only screen and (max-width: 600px) {
.wpsms-chatbox {
display: none !important;
}
}
ضبط نقطة التوقف
600px هي نقطة توقف شائعة للأجهزة المحمولة. اضبط هذه القيمة لتتوافق مع متطلبات التصميم المتجاوب لقالبك.
مواضيع ذات صلة
- إعدادات زر الرسائل - إعداد زر الرسائل
آخر تحديث: ٢٦ ديسمبر ٢٠٢٤