Personnaliser le logo de connexion WordPress sans plugin - PHP

Si vous avez un site WordPress, vous savez probablement que la page de connexion a un logo et un formulaire de connexion par défaut.

Cependant, si vous souhaitez personnaliser cette page pour qu'elle corresponde davantage à votre branding, vous pouvez le faire en utilisant PHP et sans avoir besoin d'ajouter un plugin supplémentaire. Dans ce guide, vous apprendrez comment personnaliser le logo de connexion WordPress sans plugin en utilisant du code PHP.

Étape 1 : Créer un nouveau fichier PHP

La première étape est de créer un nouveau fichier PHP et de l'enregistrer dans votre thème. Pour ce faire, suivez les étapes suivantes :

1. Ouvrez votre éditeur de code préféré.
2. Cliquez sur Fichier > Nouveau.
3. Copiez-collez le code suivant dans le fichier nouvellement créé :

<?php
function custom_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png);
            height:65px;
            width:320px;
            background-size: 320px 65px;
            background-repeat: no-repeat;
            padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'custom_login_logo' );
?>

Étape 2 : Charger le logo personnalisé

Dans la fonction custom_login_logo(), vous pouvez constater que l'on charge le logo personnalisé dans l'attribut background-image en utilisant get_stylesheet_directory_uri().

Cela signifie que le fichier image doit être placé dans un répertoire images de votre thème.

Un nom de fichier logo.png est également utilisé dans cet exemple, mais vous pouvez le remplacer par le nom de votre propre fichier.

Étape 3 : Personnaliser les propriétés CSS

Vous pouvez également utiliser la même fonction pour définir les propriétés CSS de l'élément h1 a qui contient le logo. Dans cet exemple, nous avons défini la hauteur et la largeur de l'image, ainsi que la propriété background-size.

Si vous voulez personnaliser davantage le formulaire de connexion, vous pouvez modifier les propriétés CSS associées à l'élément #login, form, label, input[type=text] et input[type=password].

Étape 4 : Sauvegarder et uploader

Enregistrez maintenant le fichier PHP sous le nom de functions.php et enregistrez-le dans le répertoire de votre thème. Vous pouvez maintenant uploader le fichier sur votre serveur en utilisant FTP ou en utilisant l'éditeur de thème WordPress.

Conclusion

Voilà comment vous pouvez personnaliser le logo de connexion WordPress sans plugin en utilisant du code PHP. Il est important de noter que tout changement effectué dans le fichier de thème functions.php sera annulé lors de la mise à jour de WordPress ou de votre thème.

Pour éviter cela, vous pouvez utiliser un plugin dédié à la personnalisation du login ou créer un thème enfant pour effectuer vos personnalisations.