سفارشی‌سازی رنگ دکمه‌ها

این راهنما نحوه سفارشی‌سازی رنگ دکمه‌های WSMS (ورود با پیامک، دکمه‌های 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	دکمه ورود با پیامک
.request-otp-button	دکمه درخواست OTP
.verify-sms-otp	دکمه تایید OTP

مرتبط

• تنظیمات احراز هویت دو مرحله‌ای و ورود - پیکربندی گزینه‌های ورود با پیامک