Module de connexion

Tout d’abord, vous pouvez vous baser sur ma personnalisation personnelle à cette adresse. À mettre dans le dossier de votre thème WordPress. Pour mieux comprendre cette personnalisation, voici les éléments à personnaliser dans votre feuille de style.
[code]
/* Personnsalisation HTML + Logo */
html {
background:#F1F1F1!important;
}

h1 a {
background:url(mon_image.png) 14px 17px no-repeat;
width:280px;
height:70px;
}

a {
text-decoration:none;
}

/* Taille du bloc + message d’alerte/erreurs */
#login {
width:430px;
}

div.updated,.login .message {
border:1px solid #E5E5E5;
background:white;
font-size:14px;
color:#777;
}

/* Modification du bouton « Se connecter » */
.submit input {
background: #444;
color: white;
}

.submit input:hover {
background: #EEE;
color: #444;
}

.submit input:focus,.submit input:active {
background: #444;
color: white;
}

/* Liens */
#nav {
color:#DEDEDE;
float:right;
margin:-5px;
}

.login #nav a {
color:#7c8991;
}

.login #nav a:hover {
color:#6f7a81;
}
[/code]

L’administration de WordPress 3.2

Cette nouvelle interface change beaucoup de chose.Si vous aussi vous voulez simplement modifier quelques éléments tels que les boutons, les typographies utilisées et le style graphique des modules, vous pouvez vous appuyer sur une simple et rapide personnalisation à télécharger et à installer dans votre thème WordPress. Elle modifie :

Appliquer les modifications

Une fois les feuilles de styles déposées dans le dossier de votre thème WordPress, il faut maintenant les connecter à l’administration WordPress pour exécuter les changements. Pour cela, ouvrez le fichier « functions.php » de votre thème et placez-y ces codes.

[code]
function gk_ui_wp32_login() {
echo ‘‘;
}

function gk_ui_wp32_admin() {
echo ‘‘;
}

add_action(‘login_head’, ‘gk_ui_wp32_login’);
add_action(‘admin_head’, ‘gk_ui_wp32_admin’);
[/code]

Bonus

Vous pouvez également modifier l’adresse du logo de connexion, présent sur la page de connexion. Pour cela, nous avons ce code (toujours dans functions.php)
[code]
function gk_url_login() {
return ‘https://www.geekeries.fr’;
}

add_filter(‘login_headerurl’, ‘gk_url_login’);
[/code]

11 réponses

  1. Bonjour et merci, article d’une grande utilité !

    Question au sujet du bonus : ya t-il une combine pour modifier également le titre « Propulsé par WordPress » au survol via functions.php ?

    1. #MVIRY
      un truc du style ?

      function change_wp_login_title() {
      echo get_option(‘blogname’);
      }
      add_filter(‘login_headertitle’, ‘change_wp_login_title’);

  2. Petite erreur (de frappe, je suppose) : « Pour cela, nou avons ce code (toujours dans functions.php). »
    C’est « nous » et non « nou »…

    Sinon, très bon tuto, pratique, merci !

Laisser un commentaire

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