覆盖wp-login.php样式
我有一个Wordpress CMS网站,大多数标签都需要是白色的。 因此主题包括每个表单标签的以下样式。
.login label { color: #fff; font-size: 14px; }
上面的样式是在/wp-login.php文件中填充的 – 样式本身位于login.min.css中(直接包含在wp-login.php中)
我只需要覆盖忘记密码屏幕。
幸运的是,在这个例子中,我需要为两个标签设置自定义ID选择器。 #pass1 #pass2
我的问题是,我没有访问/wp-login.php
和login.min.css
– 我尝试添加!important
并在header.php
声明这两个选择器,但它们没有被读取。
我需要以某种方式添加; 目前的许可情况。
#pass1 { color: #000 !important; }
#pass2 { color: #000 !important; }
我可以使用header.php
或footer.php
jQuery来追加样式吗? 它会被阅读吗?
编辑任何wp核心文件不是最佳做法,所以我建议不要触摸wp-login.php,因为更新WordPress可以重置一些东西。
相反,将它添加到你的functions.php:
// Custom login function custom_login() { $files = ''; echo $files; } add_action('login_head', 'custom_login');
由于登录和忘记密码屏幕不依赖于主题,因此您的header.php
文件将不会被读取,因此您放入的任何样式都不会影响这些页面。
将其添加到template.php
文件中
function my_login_stylesheet() { wp_enqueue_style( 'custom-login', get_template_directory_uri() . '/style-login.css' ); } add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );
然后将自定义样式添加到style-login.css
login_head
和login_enqueue_scripts
是一个接一个地调用的 ,所以你使用哪一个并不重要……
使用wp_enqueue_style
是最好的做法,但它可以是echo '';
没有问题。
我正在添加一个解决方案,因为这不是你刚刚放到主题functions.php
上的那种代码。 即使我们交换主题,我们也希望保持代码运行。 所以function插件很方便:
.login label {} CSS; echo $CSS; } add_action('login_head', 'custom_login');
检查以下内容以了解用于构建$CSS
字符串的Heredoc sintax:在PHP中使用Heredoc有什么好处?