wordpress自定义后台登录页面(Logo/链接/文本/底部/CSS)

其实网上早已经有关于自定义WP后台登录页面的文章了,比如:自定义logo图片,logo链接,底部文本,css等,正好今天写主题的时候要用到,就顺便记录一下。

下面,分别说一下如何用代码实现自定义的功能~

1、自定义Logo图片

首先你得有一个比如:login_logo.png 的图片,放在主题下的images文件夹里(也可以根据自己的实际修改,只要下面的代码引用的Logo地址正确即可)。

1
2
3
4
5
6
7
8
9
10
11
12
13
//~ 自定义登录页面的LOGO图片
function hbao_custom_login_logo() {
    echo '<style type="text/css">
        .login h1 a {
            background-image:url("这里添加logo图片网址") !important;
            height: 60px; //修改为图片的高度
            width: 250px; //修改为图标的宽度
            -webkit-background-size: 250px; //修改为图标的宽度
            background-size: 250px; //修改为图标的宽度
        }
    </style>';
}
add_action('login_head', 'hbao_custom_login_logo');

2、自定义Logo链接

将Logo的链接改为网站首页链接:

1
2
3
4
5
//~ 自定义登录页面的LOGO链接为首页链接
function hbao_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'hbao_login_logo_url' );

3、自定义Logo提示信息(title)

1
2
3
4
5
//~ 自定义Logo提示信息(title)
function hbao_login_logo_url_title() {
    return get_bloginfo('name'); // 你也可以自己任意写一个文案
}
add_filter( 'login_headertitle', 'hbao_login_logo_url_title' );

4、自定义登录框内容

1
2
3
4
5
//~ 在登录框添加额外的信息
function hbao_login_message() {
    echo '<p>欢迎来到'.get_bloginfo('name').',请登录后下载本站资源</p><br />';
}
add_action('login_form', 'hbao_login_message');

5、自定义底部内容

1
2
3
4
5
//~ 自定义底部信息
function hbao_custom_html() {
    echo '<p style="text-align:center">© copyright ' . get_bloginfo('name').'</p>';
}
add_action('login_footer', 'hbao_custom_html');

6、自定义CSS

要更加灵活地修改登录页面的显示样式,建议添加一个自定义的CSS文件,然后查看登录页面的源代码的html结构,撰写自己的CSS样式。你可以使用下面的代码引入自己的CSS,注意修改代码中的css地址,以下调用的是主题根目录下的login_style.css

1
2
3
4
5
//~ 添加自定义CSS
function hbao_custom_login() {
    echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login_style.css" />';
}
add_action('login_head', 'hbao_custom_login');

小结

通过WordPress的挂钩(hook),可以做很多自定义修改,不仅仅是登录页面哦。对于WordPress主题或插件开发者来说,掌握WordPress的各种挂钩,你就可以很自由地自定义WordPress啦!

本篇完,感谢您的阅读!

人已赞赏
WP实用教程

WordPress文章末尾实现历史上的今天

2019-12-19 17:23:57

WP实用教程

WordPress后台用户列表添加上次登录时间

2019-12-19 17:26:41


版权免责声明

本资源仅用于个人学习测试使用,禁止用于任何商业环境,请于下载后24小时内 删除本资源!

本文所有相关技术/资源内容统一放在下载包里

  1. 1、本网站名称:指点聚源码
  2. 2、本站永久网址:https://www.zhidianju.com
  3. 3、站内所有资源均可通过日常签到等任务进行免费兑换,记得每日来本站签到哦~!(由于模板不是很完善签到 需刷新一下!)。
  4. 4、如果您觉得本站有帮助到您,也想给本站一些帮助。您可以再下方打赏本站。
  5. 5、如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
  6. 6、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
  7. 7、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁 止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支 持你喜欢的作者,谢谢!
  8. 8、本站资源大多存储在云盘,如发现链接失效 【链接失效】 我们会第一时间更新。本站提供的源码、模板、软件工具等其他资源, 都不包含技术服务 请大家谅解!
  9. 9、如遇到加密压缩包,默认解压密码为"www.zhidianju.com",如遇到无法解压的请联系管理员!
  10. 10、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索