تخصيص ألوان الأزرار

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

إضافة CSS مخصص

أضف هذا الكود إلى ملف functions.php الخاص بقالبك أو إضافة مخصصة:

function wp_sms_custom_button_css() {
    echo '<style type="text/css">
        button.wpsms-button,
        button.login-with-sms-btn,
        button.request-otp-button,
        button.verify-sms-otp {
            background: #0073aa !important;
            color: #fff !important;
        }
    </style>';
}
add_action('wp_head', 'wp_sms_custom_button_css');
add_action('login_head', 'wp_sms_custom_button_css');

تخصيص الألوان

عدّل قيم CSS لتتناسب مع علامتك التجارية:

الخاصية	الوصف	مثال
background	لون خلفية الزر	#0073aa، blue، rgb(0,115,170)
color	لون نص الزر	#fff، white، #000000

فئات الأزرار

الفئة	الاستخدام
.wpsms-button	أزرار WSMS العامة
.login-with-sms-btn	زر تسجيل الدخول عبر SMS
.request-otp-button	زر طلب OTP
.verify-sms-otp	زر التحقق من OTP

ذات صلة

• إعدادات 2FA وتسجيل الدخول - تكوين خيارات تسجيل الدخول عبر SMS