纯代码美化WordPress登陆页 非常简单

前言

众所周知,WordPress 登陆页不是很美观,安然也忍了很久了,终于下定决心改一改!

代码很简单,跟安然一起来设置实现吧。

如果觉得不错的小伙伴,可以自己小小的折腾一下!

正文

纯代码美化WordPress登陆页成品演示

https://www.a0yi.com/wp-content/uploads/2020/08/b8280b19d8f6.png

废话不多说直接放代码,把下面代码复制到主题文件的 function.php 中:

// 修改默认登录界面的 LOGO 的链接地址为自己网站的地址
function custom_loginlogo_url($url) {
return'https://www.a0yi.com/'; //在此输入你需要链接到的 URL 地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url');
function custom_register_url($url) {
return'https://www.a0yi.com/'; //在此输入你需要链接到的 URL 地址
}
add_filter( 'login_registerurl', 'custom_register_url');

// 去 LOGO 的 title 文字
function custom_headertitle ( $title ) {
return __( '安然联盟 | 权威资讯平台' );
}
add_filter('login_headertitle','custom_headertitle');

// 添加登录注册界面的背景图片,修改登录,注册框的样式及按钮样式
function custom_loginbg() {
    echo '<style type="text/css">
        body{background: url(https://www.a0yi.com/api/1/) center center no-repeat;background-size: cover;}
        #login{position:fixed;right:5%;padding: 2% 0 0;}
        .login #nav{font-size:16px;}
        .wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {height: 35px;width: 100%;margin: 10px auto;line-height: 32px;padding: 0 12px 2px;}
        #backtoblog a{font-size: 16px;}
        .login #nav, .login #backtoblog {text-shadow: none;float: right;margin: 0 31px 0 31px;padding: 16px 0px 0 0px;}
    </style>';}
add_action('login_head', 'custom_loginbg');

//自定义登录页面的LOGO图片
function my_custom_login_logo() {
    echo '<style type="text/css">
        .login h1 a {
            background-image:url(https://icon.qiantucdn.com/20200827/9b43c94a96ccf8a16518a662fc09cd1e2) !important;
            height: 60px;
            width: 250px;
            background-size: 250px;}
    </style>';}
add_action('login_head', 'my_custom_login_logo');

?>

是安然的随机图片api,不喜欢的朋友可以换自己的链接

© 版权声明
THE END
喜欢就支持以下吧
点赞4.5W+赞赏
分享
评论 抢沙发

请登录后发表评论