加入终身会员

您现在的位置:主页 > CMS学院 > WordPress教程

WordPress如何自定义登录注册界面样式或LOGO?

来源:本站原创 发布时间:2023-01-08 15:16:22 热度:765℃

  WordPress自带的登录页面基本可以满足基础的用户登录功能,但是很多人觉得这个页面并不是太美观,那么如何自定义一个用户登录页面呢?下面教大家实现自定义登录注册界面样式或LOGO更改方法。

原来的登录界面如下:

WordPress如何自定义登录注册界面样式或LOGO

  首先要明确的是我们不能修改WordPress源代码,因为如果WordPress有版本更新的操作后,那么自定义的效果就会被更新覆盖掉,所以我们需要在主题下面修改:

1. 在主题目录下新建一个login文件夹,然后新建icon.css文件,编码为UTF-8,然后将我们自定义的LOGO放入login文件夹,命名为logo.png

2. 在functions.php文件中添加以下代码,来引入刚刚新建的icon.css文件
function custom_login(){
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/login/icon.css">';
}
add_action('login_head','custom_login');
这样就引入了login目录下的icon.css样式表。

3.在icon.css文件中加入样式代码:
.login h1 a{
background-image:url('logo.png');
height:100px;
width:230px;
background-size:230px;
}

以上就是关于WordPress如何自定义登录注册界面样式或LOGO?的详细内容,更多请关注WordPress教程栏目其它相关文章!

转载请注明来源网址:https://www.51zmb.com/cmsxy/wpjc/1963.html