^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望可以帮到你
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

完全改造WordPress后台登陆指南

以前小雨分享过一款猫头鹰的后台登陆界面,今天就继续给大家详细分解下各个部位的个性化设置,好让小伙伴可以有需选择:

先来看下效果图对比,

默认的 wordpress 后台登陆界面,丑爆了!

完全改造 WordPress 后台登陆指南

改造后的 wordpress 后台登陆界面,屌爆了!有木有!

完全改造 WordPress 后台登陆指南

下面来逐一的替换吧:

//去登录界面的默认图片
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/logo.png) !important;background-size: 265px !important;width:265px !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');
// 修改默认登录界面的 LOGO 的链接地址为自己网站的地址
function custom_loginlogo_url($url) {
return'https://dedewp.com/'; //在此输入你需要链接到的 URL 地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url');
function custom_register_url($url) {
return'https://dedewp.com/'; //在此输入你需要链接到的 URL 地址
}
add_filter( 'login_registerurl', 'custom_register_url');
// 去 LOGO 的 title 文字
function custom_headertitle ( $title ) {
return __( 'WordPress 一站式建站服务平台' );
}
add_filter('login_headertitle','custom_headertitle');
// 添加登录注册界面的背景图片,修改登录,注册框的样式及按钮样式
function custom_loginbg() {
echo '<style type="text/css">body{background: url('.get_bloginfo('template_directory').'/images/bg2.jpg) center center no-repeat;background-size: cover;}#login{position:absolute;bottom:10%;right:5%;}.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{display:none;}</style>';
}
add_action('login_head', 'custom_loginbg');

注释的很清楚,按需选择哦!

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

如有疑问,请前往问答中心反馈!

反馈
  1. 云落
    add_filter('login_headerurl', create_function(false, "return home_url();")); add_filter('login_headertitle', create_function(false, "return get_bloginfo('name');")); 我擦,你竟然是歪果仁!可惜博主的英文太烂,看不懂你的评论,学会汉字再来评论吧...
    • 陌小雨网站管理员
      @云落 嗯 你这个是简便的写法 之前猫头鹰那篇文章就是这么写的

登录

忘记密码 ?

切换登录

注册