全百科精品资源分享
免费优质资源下载平台

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

播放按钮
文章目录

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

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

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

代码很简单,跟全百科一起来设置实现吧。

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

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

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

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

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

// 修改默认登录界面的 LOGO 的链接地址为自己网站的地址
function custom_loginlogo_url($url) {
return'http://www.quanbaike.com/'; //在此输入你需要链接到的 URL 地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url');
function custom_register_url($url) {
return'http://www.quanbaike.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('.get_bloginfo('template_directory').'/img/login_bg.jpg) 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('.get_bloginfo('template_directory').'/img/logo.png) !important;
            height: 60px;
            width: 250px;
            background-size: 250px;}
    </style>';}
add_action('login_head', 'my_custom_login_logo');

注意:更换里面的链接和图片地址即可!

Download Premium WordPress Themes Free
Download Nulled WordPress Themes
Download Premium WordPress Themes Free
Download Premium WordPress Themes Free
udemy paid course free download
download lava firmware
Download Premium WordPress Themes Free
udemy free download

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 纯代码美化WordPress登陆页 非常简单
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏