首页 问答 正文

如何修改WordPress后台登录页面的样式?

注册会员 / 悠然自学 / 2023-07-11/ 浏览 142 次

在WordPress后台登录页面中修改样式,可以通过添加自定义CSS的方式实现。

  1. 在WordPress主题的文件夹中,找到functions.php文件并打开。

  2. 在functions.php文件中,添加以下代码来加载自定义样式文件:

    function custom_login_styles() {
     wp_enqueue_style( 'custom-login-styles', get_stylesheet_directory_uri() . '/custom-login-styles.css' );
    }
    add_action( 'login_enqueue_scripts', 'custom_login_styles' ); 
  3. 创建一个名为custom-login-styles.css的新文件,并将其放在主题文件夹中。

  4. 在custom-login-styles.css文件中,可以使用CSS样式来修改后台登录页面的外观。以下是一个示例代码,来修改登录页背景颜色、Logo大小和居中对齐:

    
    body.login {
     background-color: #f1f1f1;
    } 

.login h1 a {
background-image: url('path_to_your_logo.png');
background-size: 150px 150px;
width: 150px;
height: 150px;
display: block;
margin: 0 auto;
}



5. 保存修改并刷新后台登录页面,即可看到样式的修改效果。

注意:在代码中的`path_to_your_logo.png`应替换为你自己的Logo图片路径。此外,你也可以根据自己的需求进行其它样式的修改。 
大家谈论
    我的见解