Il est toujours intéressant de pouvoir personnaliser au maximum ses outils de travail. Et pour cela, WordPress est un merveilleux outil qui se module dans tous les sens. Je vais vous expliquer comment personnaliser la page de connexion de votre blog WordPress en y intégrant votre propre logo.

Pour cela, nous allons simplement ajouter une fonction à notre fichier functions.php de votre thème WordPress.

Ce fichier se situe à l’emplacement suivant : http://www.votre_site.com/wp-content/themes/votre-thème.
Sinon vous pouvez le modifier directement dans votre tableau de bord WordPress en allant dans Apparence / Editeur et dans la colonne de droite chercher et sélectionner le fichier functions.php.
Ajouter ce code en début ou fin de fichier en prenant soin de ne pas ajouter des lignes vides.

<?php // Personaliser son logo de connexion WordPress
function my_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo-perso.png) !important; }
</style>';
}
add_action('login_head', 'my_custom_login_logo');?>

Il faut ensuite nommer votre image logo-perso.png ou modifier la ligne de code correspondante ( ligne 4 ).

Conseil : l’image doit faire au maximum les dimensions 320×80, sinon votre image sera tronquée.

Placer votre image dans le répertoire suivant : http://www.votre_site.com/wp-content/themes/votre-thème/images

Voici le résultat pour mon blog :

Laisser un commentaire