Page de login et inscription WordPress personnalisée

Bonjour à tous,

WordPress est un fabuleux outil qui se prête à moult utilisations, dont celle de site pour association.
En quelques clics vous pouvez même rendre une partie visible seulement aux membres connectés de votre association.

Cependant, bien que vous soyez fier que votre site soit propulsé par WordPress, vous préfèreriez voir le logo de votre association sur la page de login (d’inscription et de mot-de-passe perdu) plutôt que celui de WordPress qui risque de faire suivre des membres peu avertis qui pourraient penser avoir été redirigés ailleurs.

Il existe quelques plugins qui permettent de customiser cette page mais bien souvent, ils sont lourds et trop complets.

C’est pourquoi aujourd’hui, je vous propose un petit hack qui permet simplement en agissant sur les CSS de votre page de login, de placer votre image à la place de celle par défaut de WordPress:

  1. span class= »st0″>'<style type="text/css">
  2.        h1 a { background-image: url(‘‘template_directory’).‘/images/votre-logo.png);  }
  3.    </style>’‘login_head’, ‘login_logo’

Ce code est à insérer dans le fichier functions.php de votre thème ou dans votre plugin de personnalisation.

Remarque: Si votre logo se glisse en dessous du formulaire (et que cela vous gêne), adaptez l’apparence en ajoutant un margin-bottom: 10px;

Astuce reprise de: http://www.vooshthemes.com/blog/wordpress-tip/wordpress-hack-add-your-logo-to-the-wordpress-login-screen/

Tags: , , , ,