Home / Admin / PHP – Custom login
Duplicate Snippet

Embed Snippet on Your Site

PHP – Custom login

Code Preview
php
<?php
// === CUSTOM LOGIN PAGE ===
add_action('login_enqueue_scripts', function () {
    echo '
    <style>
        /* Appliquer un flou léger à l\'image de fond uniquement */
        body.login {
            background: url("https://www.mdf.nc/preprod/wp-content/uploads/2023/10/photo-Centre-de-Vacances-Poe-20-min.jpg") no-repeat center center fixed;
            background-size: cover;
     
        }
        /* Mettre un carré blanc autour du logo */
        .login h1 a {
            background-image: url("https://www.mdf.nc/ookrasha/2024/04/logomdfvertrvbs.png") !important;
            background-size: contain !important;
            width: 120px !important;
            height: 120px !important;
            display: block;
            margin: 0 auto;
            padding: 20px;
            background-color: #ffffff; /* Fond blanc autour du logo */
            border-radius: 8px; /* Coins arrondis */
        }
        /* Supprimer le flou du logo pour qu\'il soit net */
        body.login .login h1 a {
            filter: none !important;
        }
        /* Style du formulaire de connexion */
        .login form {
            background: rgba(255, 255, 255, 0.95);
        }
        /* Style du bouton de connexion */
        .login .button-primary {
            background-color: #005aab !important;
            border: none !important;
            color: #fff !important;
            text-shadow: none !important;
        }
    </style>
    ';
});
// === LIEN DU LOGO DE CONNEXION ===
add_filter('login_headerurl', fn() => 'https://www.mdf.nc');
add_filter('login_headertext', fn() => 'MDF NC');

Comments

Add a Comment