首页 问答 正文

如何使用WordPress修改登录页面

注册会员 / 悠然自学 / 2023-06-12/ 浏览 147 次

要修改WordPress登录页面,可以通过以下步骤:

  1. 创建一个名为“functions.php”的文件,并将其放置在主题文件夹中。

  2. 添加以下代码段:

function custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image: url('.get_stylesheet_directory_uri().'/images/login-logo.png) !important; }
    </style>';
}
add_action('login_head', 'custom_login_logo'); 

这将更改登录页面的WordPress标志,并在登录页顶部添加自定义图像。

  1. 要添加自定义背景图像,请添加以下代码段:
function custom_login_bg() {
    echo '<style type="text/css">
    body.login { background-image: url('.get_stylesheet_directory_uri().'/images/login-bg.jpg) !important; }
    </style>';
}
add_action('login_head', 'custom_login_bg'); 

可以把login-bg.jpg替换成你自己的背景图像。

  1. 要更改登录表单的外观,请添加以下代码段:
function custom_login_form() {
    echo '<style type="text/css">
    #loginform { background-color: #f5f5f5; }
    #user_login, #user_pass { background-color: #ffffff; border: 1px solid #dddddd; }
    input[type="submit"] { background-color: #0085ba; border-color: #0073aa; box-shadow: none; text-shadow: none; }
    input[type="submit"]:hover { background-color: #0073aa; border-color: #005a8d; }
    </style>';
}
add_action('login_head', 'custom_login_form'); 

这将更改表格以及提交按钮的颜色。

  1. 保存文件并刷新登录页面即可看到更改。

注意,以上示例仅供参考,具体修改方式要根据你的主题和需求而定。

大家谈论
    我的见解