修改WordPress后台登录页面logo可以让你的WordPress更具个性化.
修改WordPress后台登录页面logo教程
1.打开当前WordPress主题开发的functions.php文件,在<?php下面的?>前面添加如下代码:
//修改WordPress后台登录页面logo //本文链接地址 https://www.23ym.cn/xiugai-wordpress-houtai-logo.html <?php function custom_login() { echo '<link rel="stylesheet" tyssspe="text/css" href="' . get_bloginfo('template_directory') . '/custom_login/custom_login.css" />'; } add_action('login_head', 'custom_login'); ?>
2.在正在使用的WordPress主题的新建一个名称为:
custom_login 的文件夹
–在custom_login文件夹中新建:custom_login.css
–在custom_login文件夹中新建:logo.png
3.修改WordPress后台登录页面logo的custom_login.css文件
custom_login.css参考:
/** 背景及字体 **/ html,body.login{ background:#f2f2f2; font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif; } /** 去掉链接下划线 **/ html a{ text-decoration: none; } /** 登录DIV **/ #login { background:#fff; border: 1px solid #ccc; width:400px; margin: 40px auto 0; padding: 10px 10px 20px 10px; border-radius:3px; box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7); } /** 替换logo **/ .login h1 a{ background: #fff url(logo.png) no-repeat center; width:400px; } /** 提示 **/ .updated, .login .message { background:#fff; border: none; text-align: center; } /** 表单 **/ .login form { box-shadow:none; border: none; } #loginform, #registerform, #lostpasswordform{ background:transparent; border:none; } /** 按钮 **/ .button-primary,.submit .button-primary,#login form .submit input { border-radius:1px; }
4.修改WordPress后台登录页面logo的链接地址
默认的WordPress后台登录页面logo点击会跳转到wordpress的网站,我们可以改为自己的网站:
打开当前WordPress主题开发的functions.php文件,在<?php下面的?>前面添加如下代码:
//修改WordPress后台登录页面logo的链接地址 //本文链接地址: https://www.23ym.cn/xiugai-wordpress-houtai-logo.html function custom_loginlogo_url($url) { return 'https://www.23ym.cn'; } add_filter( 'login_headerurl', 'custom_loginlogo_url' );
WordPress后台相关文章:
WordPress后台自定义增加显示每篇文章浏览量的功能
WordPress后台自定义:移除去掉管理界面右上角的帮助选项
修改删除WordPress后台右下角的WordPress版本字样
WordPress无插件实现后台登录数字计算验证码
WordPress后台删除修改底部感谢使用WordPress进行创作
修改删除WordPress后台标题title里面的WordPress
WordPress主题开发:去掉WordPress后台左上角的图标logo
本文地址: https://www.23ym.cn/xiugai-wordpress-houtai-logo.html
爱上源码下载网 » 自定义修改WordPress后台登录页面logo
常见问题FAQ
- 从网站下载的源码都有安装教程么?不会安装怎么办?
- 本站发布的网站源码和模板资源大部分在压缩包内都有教程,如您不会安装可以联系本站在线技术进行付费安装。
- 爱上源码的所有源码都是亲测能正常运行的么?
- 我手中的优质资源可以在你这换钱或者VIP么?
- 爱上源码除了资源分享还有其他业务没?