لتعديل صفحة تسجيل الدخول في الوردبريس WordPress ، يجب اتباع الخطوات التالية:
1- تسجيل الدخول إلى لوحة التحكم في الوردبريس WordPress.
2- انتقل إلى القائمة على اليسار واضغط على Appearance -> Theme Editor .
3- اختر ملف functions.php و اضف الكود التالي في نهاية الملف ثم احفظ التعديلات:
function custom_login_css() {
wp_enqueue_style(‘custom-login’, get_stylesheet_directory_uri() . ‘/custom-login.css’);
}
add_action(‘login_enqueue_scripts’, ‘custom_login_css’);
4- اختر الملف المسمى custom-login.css ثم اضف الكود التالي لتحديد تصميم صفحة الدخول:
body.login {
background: #f1f1f1;
}
#login h1 a {
background-image: url(‘http://example.com/path/to/image.png’);
background-size: contain;
width: 100%;
}
#login form {
background: #fff;
padding: 2rem;
}
#login form input[type=”text”],
#login form input[type=”password”] {
width: 100%;
margin-bottom: 1rem;
padding: 0.5rem;
border: none;
border-bottom: 2px solid #ccc;
}
#login form input[type=”submit”] {
background: #000;
border: none;
color: #fff;
padding: 0.75rem 1rem;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
5- احفظ التغييرات واذهب إلى صفحة تسجيل الدخول من خلال الرابط: example.com/wp-login.php .ستظهر لك صفحة تسجيل الدخول بالتصميم الذي قمت بعمله.