欢迎关注Hadoop、Spark、Flink、Hive、Hbase、Flume等大数据资料分享微信公共账号:iteblog_hadoop
  1. 文章总数:1033
  2. 浏览总数:13,371,823
  3. 评论:4083
  4. 分类目录:108 个
  5. 注册用户数:6786
  6. 最后更新:2019年6月12日
过往记忆博客公众号iteblog_hadoop
欢迎关注微信公众号:
iteblog_hadoop
大数据技术博客公众号bigdata_ai
Hadoop技术博文:
bigdata_ai

如何替换WordPress登录页面的图标链接等

  默认情况下,使用WordPress系统的博客登录页面都比较简单,登陆页面显示的logo是WordPress 的logo,链接也是WordPress的链接,如下图所示:


如果想及时了解Spark、Hadoop或者Hbase相关的文章,欢迎关注微信公共帐号:iteblog_hadoop

  值得高兴的是,WordPress博客系统为我们提供了很多钩子(hook)来自定义这些信息,比如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的链接地址是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_formlogin_form钩子,关于如何自定义登录方式,这个我不介绍了,有点复杂。

下面是我自定义登陆页面的最后形式:


如果想及时了解Spark、Hadoop或者Hbase相关的文章,欢迎关注微信公共帐号:iteblog_hadoop
本博客文章除特别声明,全部都是原创!
转载本文请加上:转载自过往记忆(https://www.iteblog.com/)
本文链接: 【如何替换WordPress登录页面的图标链接等】(https://www.iteblog.com/archives/1666.html)
喜欢 (4)
分享 (0)
发表我的评论
取消评论

表情
本博客评论系统带有自动识别垃圾评论功能,请写一些有意义的评论,谢谢!