默认情况下,使用WordPress系统的博客登录页面都比较简单,登陆页面显示的logo是WordPress 的logo,链接也是WordPress的链接,如下图所示:
值得高兴的是,WordPress博客系统为我们提供了很多钩子(hook)来自定义这些信息,比如Logo、链接、提示文字、甚至是自定义登录框等。
修改WordPress的默认登录Logo
修改登录页面默认的Logo使用到的钩子是login_head
,我们可以在这里面自定义logo,如下:
function iteblog_login_logo() { echo '<style type="text/css"> h1 a { background-image:url('. get_bloginfo('url').'/pic/blog_logo.png) !important; background-size: 100% !important; width: 250px !important; height: 60px !important; } </style>'; } add_action('login_head', 'iteblog_login_logo');
这样默认的WordPress的Logo将替换成你自己定义的Logo图片。需要注意的是,我们一定要加上!important
属性,否则将替换不掉。
修改默认Logo的链接
默认情况下,登录Logo的链接地址是https://cn.wordpress.org/,如果我们想将它修改成自己博客的主页,需要使用到login_headerurl
钩子,使用如下:
function iteblog_loginlogo_url($url) { return 'https://www.iteblog.com'; //修改URL地址 } add_filter( 'login_headerurl', 'iteblog_loginlogo_url' );
如果你上面的url地址是你博客的首页,你甚至可以简写成下面方式:
add_filter('login_headerurl', create_function(false,"return home_url();"));
修改默认Logo的title
默认Logo的title是基于WordPress
几个字,我们可以根据自己的需求设置这个title,可以使用login_headertitle
钩子,如下:
add_filter('login_headertitle', create_function(false,"return '大数据技术博客';"));
修改默认的登录和注册方式
我们还可以根据自己的需求自定义登录和注册方式,比如本博客接入了微博、QQ等登录方式,这个可以分别使用register_form
和login_form
钩子,关于如何自定义登录方式,这个我不介绍了,有点复杂。
下面是我自定义登陆页面的最后形式:
本博客文章除特别声明,全部都是原创!原创文章版权归过往记忆大数据(过往记忆)所有,未经许可不得转载。
本文链接: 【如何替换WordPress登录页面的图标链接等】(https://www.iteblog.com/archives/1666.html)