Ajouter une feuille de style à la page de connexion de votre blog WordPress !
La fonction
<?php
//Nom de la fonction
function logingk() {
//Lien dynamique (thème) + fichier .css
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login.css"/>';
}
//Ajout de l'action
add_action('login_head', 'logingk');
?>
Cette fonction est à insérer dans le fichier “functions.php” de votre thème WordPress.
La feuille de style
/* Personnsalisation du fond, du logo (H1) et de la barre horizontal du haut */
html { background:#bccad3 url(http://www.geekeries.fr/wp-content/themes/obs/images/backgroundlogin.png) repeat-x; }
h1 a { background:url(http://www.geekeries.fr/wp-content/themes/obs/images/LoginGK.png) 14px 17px no-repeat; width:280px; height:70px; }
body.login { border-top-color:#bccad3; }
/* Barre du haut - Lien */
.login p#backtoblog a:link,.login p#backtoblog a:visited { color:#6c7880; }
/* Barre du haut - Effet de survol*/
.login p#backtoblog a:hover,.login p#backtoblog a:active { color:#6c7880; text-decoration:underline; }
/* Modification de la taille du bloc "Connexion" */
#login { width:400px; margin:7em auto; }
/* Modification de bouton "Se connecter" et des autres liens*/
#login form .submit input { border-color:#bccad3!important; font-weight:bold; color:#FFF!important; background:#bfcdd4; }
#login form .submit input:hover { border-color:#808c95!important; color:#FFFFFF!important; }
.login #nav a { color:#7c8991!important; }
.login #nav a:hover { color:#6f7a81!important; }
Vous devez créer un fichier “login.css” contenant les lignes suivantes. À mettre dans le dossier de votre thème WordPress !
add_action('right_now_content_table_end', 'Snippets');function Snippets() { $types = 'codes';if (!post_type_exists(''.$types.'')) { ...
En savoir plus
define ('WP_POST_REVISIONS', 3);WordPress sauvegarde les modifications que vous pouvez apporter sur les articles ou les pages ...
En savoir plusPublicité
En savoir plus
function GkFavicon() { echo ''; } add_action('wp_head', 'GkFavicon');Ajoutez le code ci-dessus dans votre fichier "functions.php", et placez votre image ...
En savoir plus#Interdire l'accès Order Allow,Deny Deny from 127.0.0.1 Deny from 127.0.0.2 Allow from allCe bout de code est à coller dans ...
En savoir plus
2 commentaires !
billboc says:
juil 8, 2011
A l’aide !! cela ne focntionne plus depuis le passage à WP 3.2 !!
c’est quoi la nouveauté qui fait exploser la personnalisation de ma page de connexion ?
merci pour le coup de main
billboc says:
juil 8, 2011
oups pardon
http://www.geekeries.fr/snippet/personnaliser-interface-ui-wordpress-3-2/
Qu'est-ce que vous en pensez ? :)