完全美化WordPress后台登陆页面指南

完全美化WordPress后台登陆页面指南

默认的wordpress后台登录界面,毫无特色可言,很平庸………

完全美化WordPress后台登陆页面指南

改造后的wordpress后台登陆界面,档次瞬间不一样了……..

附上代码:

  1. //去登录界面的默认图片  
  2. function custom_loginlogo() {  
  3. echo ‘<style type=“text/css”>  
  4. h1 a {background-image: url(‘.get_bloginfo(‘template_directory’).’/images/logo.png) !important;background-size: 265px !important;width:265px !important; }  
  5. </style>’;  
  6. }  
  7. add_action(‘login_head’, ‘custom_loginlogo’);  
  8. // 修改默认登录界面的LOGO的链接地址为自己网站的地址  
  9. function custom_loginlogo_url($url) {  
  10. return‘http://www.dedewp.com/’; //在此输入你需要链接到的URL地址  
  11. }  
  12. add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’);  
  13. function custom_register_url($url) {  
  14. return‘http://www.dedewp.com/’; //在此输入你需要链接到的URL地址  
  15. }  
  16. add_filter( ‘login_registerurl’, ‘custom_register_url’);  
  17. // 去LOGO的title文字  
  18. function custom_headertitle ( $title ) {  
  19. return __( ‘WordPress一站式建站服务平台’ );  
  20. }  
  21. add_filter(‘login_headertitle’,’custom_headertitle’);  
  22. // 添加登录注册界面的背景图片,修改登录,注册框的样式及按钮样式  
  23. function custom_loginbg() {  
  24. 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>’;  
  25. }  
  26. add_action(‘login_head’, ‘custom_loginbg’);  

注释都标的很清楚,看自己的需求修改即可。

文章链接:https://www.sbkko.com/1-53.html
文章标题:完全美化WordPress后台登陆页面指南
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
在线工具文章

短链接URL生成,可自定义域名并设置访问密码

2018-2-26 11:10:13

在线工具文章网站笔记

分享6个网站制作过程中涨姿势的功能网站,记得收藏哟!

2018-3-3 15:34:34

2 条回复 A文章作者 M管理员
  1. 你这个放哪个文件里了?

  2. 溜溜哒

    谢谢分享

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索