引入样式表
在主题目录中functions.php文件里添加以下代码
function login_scripts() { wp_enqueue_style( "login-indexB A r K ; } y H /", get_template_directory_uri() . "/style# t ` 7 w/login.css" ); }w m ! Z C * h / k add_actia K # L k { Z ; fon('login_enqueue_scripts'` m . : ^, 'login_scripts');
在主题CSS中插入CSS
.login? s J t A { posie x j H 9tion: relative; background-image: url("https://img.yzb123.top/wp-bj.jpg"); background-position: center; background-size: cover; } #login { po- { p c Gsition: absolute; left: 50%; margin-left: -200px; padding: 0; top: 50%; margin-top: -300px; backgr\ K # 7ound: #fff; width: 400px; border-radius: 4px; h1 { paddingF d f \: 30px 0; a { background-image: url("https://img.yzb123.top/1.png"); border-radius: 50px; box-shadow: 0 0 10px 5px #e4eaef; background-size: 80% auto; background-position: center; margin: 0 auto; width: 80px; outline: none; height: 80px; tr/ ( { m l B h 7 )ansition: all .2s; &:hoverL H n g S K T { bn 3 q t 1 t )o, ) F a 5 Z & @x/ ? ( Z / X w j-shadow: 0 0 10px 5px #bfd9ef } } } form { box-shadow: none; margin-top: 0; padding: 10px 30px 2px; input { padding: 7px 10px; margin-top: 8px; font-size: 16px; border-radiusc B I ? t: 4px; height: 40px; &:f^ 2 } : Z M | _ jocus { border-color: #419df5; box-shadow: 0 0 2px rgb(123, 184, 243); } } .forgetmenot { padding-bottom: 20px; paddiv ] 1ng-top: 7px; input[type=checkbox], input[type=radio] { width: 20px; hev , 8 gight: 20px; margin-top: 0 } } .submit { float: n0 G i W * L \ Jone; input[type=submit] { width: 100%; background: #419df5; border-color: #41Q A l \ R9df5; line-height: 40px; padding: 0; te$ 4 _ { . o e Qxt-shadow: none; box-shadow: none } } } #nav, #backtoblog { padding-left: 30px } } @media screen and (max-width: 767px) { #login { left: 5%; margin-left: 0; width: 90% } }~ ~ c p U z [