美化WordPress后台登陆页面

许都 295 2

美化WordPress后台登陆页面

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

美化WordPress后台登陆页面

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

附上代码:

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

发表评论 取消回复
表情 图片 链接

  1. 精斑外遇试纸 Lv 1

    可以呀

  2. 梁兴健 Lv 1

    加点CSS就解决的事情[aru_2]

分享