Changer le logo dans la page de connexion WordPress

Par défaut, WordPress affiche son logo sur la page de connexion de votre site Web. Ce n’est pas un problème pour la plupart des utilisateurs qui gèrent leurs blogs ou sites Web personnels. Si vous avez un site Web WordPress qui permet à plusieurs utilisateurs de se connecter, il est bon de changer le logo WordPress par défaut dans la page de connexion à des fins de branding (l’image de marque). Dans cet article, je vais vous montrer comment remplacer le logo de connexion par un logo personnalisé. Avertissement: cette méthode comprend la modification des fichiers de thème. Effectuez une sauvegarde de votre site Web ou faites une copie du fichier functions.php de votre thème avant de continuer afin de pouvoir le restaurer en cas de problème.

Méthode 1 – Utilisation de l’éditeur de thème intégré

Étape 1: Connectez-vous à votre site WordPress en tant qu’administrateur et accédez à « Médias -> Ajouter nouveau » pour télécharger une nouvelle image et copier l’url de l’image. Vous pouvez également télécharger votre nouveau logo dans le répertoire d’images du thème ou créer un nouveau répertoire pour télécharger le logo. Cela peut être fait à l’aide du panneau de contrôle d’hébergement Web ou FTP.

Étape 2: Accédez au « tableau de bord d’administration -> Apparence -> Éditeur de thème ».

Étape 3: Lorsque l’éditeur s’ouvre, recherchez et sélectionnez functions.php dans la partie droite de la page et ajoutez le code suivant à la fin de la page :

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

Remplacez logo.png par le nom du fichier que vous avez téléchargé. Si vous avez téléchargé le nouveau logo avec WordPress, modifiez la propriété background-image comme indiqué ci-dessous.

background-image: url (URL copiée à l'étape 1);

Méthode 2 – Modification manuelle des fichiers de thème

Étape 1: Téléchargez votre nouveau logo dans le répertoire d’images du thème ou vous pouvez créer un nouveau répertoire pour télécharger le logo. Cela peut être fait à l’aide du panneau de contrôle d’hébergement Web ou FTP.

Étape 2: Accédez au répertoire du thème et ajoutez le code suivant au fichier functions.php du thème.

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

Si vous utilisez un client FTP, téléchargez le fichier sur votre machine et téléchargez-le après modification.

Pourquoi vous ne devriez pas utiliser les plugins WordPress

Bien qu’il existe plusieurs plugins disponibles qui peuvent vous aider à changer le logo sans codage, il est bon d’éviter de les utiliser car utiliser trop de plugins peut ralentir votre site WordPress.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

العربيةEnglishFrançais