wordpress中自定义WordPress登录页面

wordpress中自定义WordPress登录页面

假设你看腻了Wordpress默许登录界面，或许想将Wordpress的logo交流为本人网站logo，并扭转其外观，可能参考此文，打造一个个性化的登录页面。
　　一、将下面代码加到主题functions.php模版文件的最后。
　　
　　<?php 
　　function custom_login() { 
　　echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; } 
　　add_action('login_head', 'custom_login'); 
　　?> 
　　二、在所用主题中新建一个称号为：custom_login 的文件夹，并在其中新建：custom_login.css及制造好的网站LOGO： logo.png也放出来。
　　三、将下面代码减少到custom_login.css中。
　　/** 背景及字体 **/
　　html,body.login{ 
　　background:#f2f2f2; 
　　font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif; 
　　} 
　　/** 去掉链接下划线 **/
　　html a{ 
　　text-decoration: none; 
　　} 
　　/** 登录DIV **/
　　#login { 
　　background:#fff; 
　　border: 1pxsolid#ccc; 
　　width:400px; 
　　margin: 40pxauto 0; 
　　padding: 10px10px20px10px; 
　　border-radius:5px; 
　　   box-shadow:0 4px10px -1px rgba(200, 200, 200, 0.7); 
　　} 
　　/** 交流logo **/
　　.login h1 a{ 
　　background: #fffurl(logo.png) no-repeatcenter; 
　　width:400px; 
　　} 
　　/** 揭示 **/
　　.updated, .login .message { 
　　background:#fff; 
　　border: none; 
　　text-align: center; 
　　} 
　　/** 表单 **/
　　.login form { 
　　   box-shadow:none; 
　　border: none; 
　　} 
　　#loginform, #registerform, #lostpasswordform{ 
　　background:transparent; 
　　border:none; 
　　} 
　　/** 按钮 **/
　　.button-primary,.submit .button-primary,#login form .submit input { 
　　width:83px; 
　　height:25px; 
　　font-weight: bold; 
　　border:none; 
　　} 
　　上面只列举了登录界面几个根本因素的样式修正。可能利用火狐扩充Firebug查看各局部DIV抉择器称号停止具体修正