{"id":2054,"date":"2012-06-25T17:29:50","date_gmt":"2012-06-25T15:29:50","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=2054"},"modified":"2012-06-25T17:29:50","modified_gmt":"2012-06-25T15:29:50","slug":"modifier-la-page-de-connexion-a-votre-admin-wordpress","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/modifier-la-page-de-connexion-a-votre-admin-wordpress\/","title":{"rendered":"Modifier la page de connexion \u00e0 votre admin WordPress"},"content":{"rendered":"<div class=\"message warning\">\n<p><strong>Attention:<\/strong> Les informations de ce billet sont susceptibles d'&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans.<\/p>\n<p><strong>Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div><p>Comment modifier la page de connexion \u00e0 votre zone d&#8217;administration de votre site qui tourne sous WordPress.<\/p>\n<ol>\n<li>Rendez-vous sur le site de <a title=\"Customizing the Login Form\" href=\"http:\/\/codex.wordpress.org\/Customizing_the_Login_Form\" target=\"_blank\">wordpress pour d\u00e9couvrir les fonctions et le CSS \u00e0 utiliser<\/a>.<\/li>\n<li>Cr\u00e9er une feuille de style externe qu&#8217;on nommera <code>login.css<\/code> et qui r\u00e9sidera dans le dossier de votre th\u00e8me, pour ne pas encombrer inutilement <code>function.php<\/code><\/li>\n<li>En vous basant sur le point 1 soyez cr\u00e9atif et remplissez <code>login.css<\/code>. Pour le coup j&#8217;ai fait ceci:\n<pre>* { -moz-box-sizing:border-box; box-sizing:border-box; }\r\nhtml { margin:0; padding:0; }\r\nbody.login { margin:0 auto; padding:0; background:#222 url(images\/sogeking.jpg) no-repeat top left scroll; color:#999;  background-size:cover; }\r\nbody.login form { margin:0 auto 5px; width:90%; background-color:rgba(255, 255, 255, .7); color:#222; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; border:1px solid #f1f1f1; }\r\nbody.login label { color:#222; }\r\nbody.login input[type=text],\r\nbody.login input[type=password]\t\t{ border:1px solid #aaa; background-color:rgba(255, 255, 255, .5); }\r\nbody.login input[type=submit]\t\t{ padding:5px; border-radius:3px; background-color:#222; background-image:-webkit-linear-gradient(#444, #222); background-image:-moz-linear-gradient(#444, #222); background-image:-o-linear-gradient(#444, #222); background-image:linear-gradient(#444, #222); color:#fff; border:none; font-weight:normal; text-shadow:none; }\r\nbody.login input[type=submit]:hover { background-image:-webkit-linear-gradient(hsl(0, 80%, 50%), hsl(0, 80%, 30%)); background-image:-moz-linear-gradient(hsl(0, 80%, 50%), hsl(0, 80%, 30%)); background-image:-o-linear-gradient(hsl(0, 80%, 50%), hsl(0, 80%, 30%)); background-image:linear-gradient(hsl(0, 80%, 50%), hsl(0, 80%, 30%)); }\r\n\r\nbody.login .message,\r\nbody.login #login_error\t\t{ width:100%; margin:0 auto 10px; padding:8px; border:none; color:#fff; font-size:1.2em; background:rgba(0,0,0,.2); }\r\nbody.login .message a,\r\nbody.login #login_error a\t{ color:#c41d1d; }\r\n\r\nbody.login #login { padding-top:250px; }\r\nbody.login #login h1,\r\nbody.login #nav, \r\nbody.login #backtoblog { display:none; }<\/pre>\n<\/li>\n<li>Ouvrir le script <code>function.php<\/code>dans votre \u00e9diteur favori et ajoutez-y le code suivant:\n<pre>add_action('login_enqueue_scripts', 'nyamsprod_login_style');\r\nfunction nyamsprod_login_style() {\r\n    echo &lt;link rel=\"stylesheet\" href=\"', get_stylesheet_directory_uri() ,'\/login.css\"&gt;', PHP_EOL;\r\n}<\/pre>\n<\/li>\n<li>Souriez &#8230; <a title=\"Ma nouvelle page de connexion\" href=\"http:\/\/www.nyamsprod.com\/blog\/wp-login.php\" target=\"_blank\">votre nouvelle page de connexion est active<\/a> et surtout vous n&#8217;avez jamais touch\u00e9 \u00e0 la page de connexion en tant que telle \ud83d\ude42<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Personnalisez votre page de connexion Wordpress en 5 \u00e9tapes<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"aside","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[135,735,412,574],"class_list":["post-2054","post","type-post","status-publish","format-aside","hentry","category-web","tag-css","tag-hook","tag-php","tag-wordpress","post_format-post-format-aside"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=2054"}],"version-history":[{"count":5,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2054\/revisions"}],"predecessor-version":[{"id":2062,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/2054\/revisions\/2062"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=2054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=2054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=2054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}