Personnaliser par une fonction le logo et lien du Login WordPress

Ce que nous allons obtenir avec ce hook

Vous allez pouvoir automatiquement afficher un logo, un titre et un lien différent du traditionnel logo WordPress sur la page de login de votre site :

L’astuce est très simple et il ne vous faudra que quelques instants pour y arriver.

Pourquoi utiliser une fonction

Bien entendu, vous pourriez facilement localiser le logo (logo-login.gif) de WordPress, modifier le css et le fichier wp-login pour arriver à vos fins. Mais créer une fonction dans votre thème vous permettra de passer outre les éventuels mise à jour qui écraseraient vos modifications.

Le hook WordPress

Ouvrez le fichier functions.php de votre thème (www/wp-content/themes/votre-theme/functions.php) et ajoutez les lignes suivantes en gardant le commentaire pour pouvoir retrouver ce hook (modifiez la ligne « votre-image.gif » et remplacez-la par un lien vers votre image. Vous pouvez garder les dimensions esthétiques du départ de 310×70 pixels .

/**/
/* hook diapo.com : changer le logo du login */
// Logo personnalsie
function logoperso() {
    echo '<style type="text/css">
        h1 a { background-image:url("http://VOTRE-IMAGE.GIF") !important; }
    </style>';
}
add_action('login_head', 'logoperso');
//Lien et titre login personnalise
function loginurlperso() {
echo bloginfo('url');
}
function logintitleperso() {
echo get_option('blogname');
}
add_filter('login_headerurl', 'loginurlperso');
add_filter('login_headertitle', 'logintitleperso');
/**/

Et voilà, votre page /wp-login est maintenant personnalisée, le lien mène vers votre site et le titre est le nom de votre blog.

Gardez les mentions WordPress sur votre site

Pour le développement de WordPress, nous vous suggérons dans vos mentions ou sur une page d’indiquer que votre site utilise WordPress, cela incitera d’autres personnes à l’utiliser et ainsi assurer sa pérennité.