פונקציה לעיצוב עמוד ההתחברות של וורדפרס

מסך ההתחברות, כמו גם מסך איפוס סיסמה, הגנרי של וורדפרס, לא חייב להישאר אפור ומשעמם כמו שאנחנו רגילים אליו.
ניתן “לדרוס” את העיצוב הרגיל עם פונקציה פשוטה שמשתילה כמה שורות css, בינהן גם הלוגו אותו אנחנו רוצים להציג במקום הלוגו של וורדפרס.

אז הרשימו את הלקוחות שלכם עם מסך התחברות מותאם אישית!

את הקוד הבא יש להוסיף לקובץ functions.php של תבנית הבת שלכם.

//Custom WP login page
function saglix_custom_login() {
    echo '<style type="text/css">
        .wp-core-ui{
            background: #e7f5f7;
        }
        #login h1 a, .login h1 a {
            background-image: url(https://s.w.org/style/images/about/WordPress-logotype-alternative.png);
            height:30px;
            width:150px;
            background-size: contain;
            background-repeat: no-repeat;
            padding-bottom: 30px;
        }
        .wp-core-ui .button-primary{
            background: #712dec!important;
            border-color: #712dec!important;
        }
        .login .notice{
            border-color: #712dec!important;
        }
    </style>';
}
add_action('login_enqueue_scripts', 'saglix_custom_login');

התאמות שיש לבצע: