WordPress自定义登录页面 美化登录界面

WordPress默认登录页面过于简洁，想要美化一下。找了一圈插件，好用的、好看的都要钱。还是自己简单改改CSS吧

步骤：

登录WordPress后台-外观-主题编辑器，右边的主题文件中选择functions.php，在文件内容中翻到最下面，添加下面的代码：

//自定义登录页面的背景图和LOGO图片
 
function my_custom_login_logo() {
echo '
	<style>
	.login {
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		background-image: url(/wp-content/uploads/2022/01/1843432erw.jpg);/* 背景图片地址 */
		padding-left: 30px;
		padding-right: 30px;
	}
	.login h1 a{
		/* background-image: url(/wp-content/uploads/2022/01/20ddqq4.png);  /* logo图片地址 */ */
		background-size: 100%;
	    width: 62%;
	}
	.login .message, .login .success {
		border-left: 4px solid #72aee6;
		padding: 12px;
		margin-left: 0;
		margin-bottom: 20px;
		background: rgba(255,255,255,.5);
		backdrop-filter:blur(10px);
		box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
	}
	.login form {
		margin-top: 20px;
		margin-left: 0;
		padding: 26px 24px 34px;
		font-weight: 400;
		overflow: hidden;
		border: 0px solid #c3c4c7;
		box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
	}
	#loginform {
		background: rgba(255,255,255,.5);
		backdrop-filter:blur(10px);
		border-radius: 10px;
	}
	</style>';
}
add_action('login_head', 'my_custom_login_logo');

//更改login-logo的链接为网站首页
add_filter('login_headerurl', create_function(false,""));

添加完成后点击更新文件，再次打开登陆界面，就会显示出新的样式。

完成效果：