自定义WordPress登录界面元素

2019年12月12日21:22:28 发表评论热度542 ℃

我们在平时使用wordpress的时候，有可能希望将登录页面开放给访客，那么就涉及到了页面定制，但传统方法的定义，改CSS\JS\PHP，往往意味着版本更新，就要重新来过，太繁琐，不过可以通过简短的方式实现。

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面

//自定义登录LOGO
function custom_loginlogo() {
$UAZOH_PLUGIN_URL = WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));
echo'<style type="text/css">.login h1 a {background-image: url('.$UAZOH_PLUGIN_URL.'/logo.svg) !important;-webkit-background-size: 120px;background-size: 120px;width: 120px;height: 120px; }body{background:none;}#nav,#backtoblog{display:none;}</style>';
}
add_action('login_head', 'custom_loginlogo');
//自定义登录LOGO的超级链接
function custom_loginlogo_url($url) {
return 'http://www.uazoh.com';
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.

通过下面的定义登录背景色变成淡灰色，登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式

//自定义登录页面风格
function uazoh_custom_login_page() {
echo'<style type="text/css">html {background: #d1d1d1 !important;} .wp-core-ui .button-primary {background: #121212;border-color: #000000;}</style>';
}
add_action('login_head', 'uazoh_custom_login_page');

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.
使用到的的jQuery插件下载：jquery.backstretch.min.js

需要在你主题下面建立一个login_page_bg文件夹，也可以修改下面var imgsrc部分代码，改成自己的地址

//自定义登录页面风格（图片轮换背景）
function uazoh_custom_login_page_imgbackground() {
echo ' <script type="text/javascript" src="/wp-includes/js/jquery/jquery.js?ver=1.11.1"></script>
<script src="'.get_bloginfo('template_directory').'/js/jquery.backstretch.min.js"></script>
<script>
jQuery(function(){
var imgsrc = "'.get_bloginfo('template_directory').'/login_page_bg";
var listArr = [imgsrc+"/1.jpg",imgsrc+"/2.jpg",imgsrc+"/3.jpg",imgsrc+"/4.jpg"];
jQuery(\'.login\').backstretch(listArr, {fade: 1000,duration: 5000});});</script>';
}
add_action('login_head', 'uazoh_custom_login_page_imgbackground');

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面

修改完成后，登录页的地址就是http://域名/wp-login.php?usr=Ga6ges2vo ，没有usr=Ga6ges2vo字段的登录地址就无法访问，会跳转到下面定义的地址

这个方法对于高手来说有很严重的漏洞

//修改登录界面地址
function Uazoh_login_url_crk(){
$uel_f='usr';//等号前的内容
$uel_b='Ga6ges2vo';//等号后的内容
if($_GET{$uel_f} != $uel_b)header('Location: http://www.2zzt.com');//如果还用原来的登录地址，会自动跳转到博客首页
}
add_action('login_enqueue_scripts','Uazoh_login_url_crk');