覆盖wp-login.php样式
我有一个Wordpress CMS网站,大多数标签都需要是白色的。因此,主题包括以下每个表单标签的样式覆盖wp-login.php样式,php,jquery,css,wordpress,Php,Jquery,Css,Wordpress,我有一个Wordpress CMS网站,大多数标签都需要是白色的。因此,主题包括以下每个表单标签的样式 .login label { color: #fff; font-size: 14px; } 上述样式是从/wp-login.php文件中填充的——样式本身位于login.min.css中(直接包含在wp-login.php中) 我只需要在忘记密码屏幕上覆盖此选项 幸运的是,在本例中,我需要黑色的两个标签都有自定义ID选择器#密码1#密码2 我的问题是,我无法访问/wp lo
.login label {
color: #fff;
font-size: 14px;
}
上述样式是从/wp-login.php文件中填充的——样式本身位于login.min.css中(直接包含在wp-login.php中)
我只需要在忘记密码屏幕上覆盖此选项
幸运的是,在本例中,我需要黑色的两个标签都有自定义ID选择器<代码>#密码1#密码2
我的问题是,我无法访问/wp login.php
和login.min.css
——我尝试添加!重要信息
并在header.php中声明这两个选择器,但未读取它们
我需要以某种方式补充;以目前的许可情况
#pass1{color:#000!重要;}
#pass2 { color: #000 !important; }
我可以使用header.php
或footer.php
中的jQuery来附加样式吗?它会被读取吗?编辑任何wp核心文件都不是最佳做法,因此我建议无论如何不要触摸wp-login.php,因为更新WordPress会重置内容
而是将以下内容添加到functions.php中:
// Custom login
function custom_login() {
$files = '<link rel="stylesheet" href="'.get_bloginfo('template_directory').'/css/login.css" />';
echo $files;
}
add_action('login_head', 'custom_login');
//自定义登录
函数自定义_登录(){
$files='';
echo$文件;
}
添加操作(“登录头”、“自定义登录”);
由于登录和忘记密码屏幕不依赖于主题,因此不会读取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\u head
和login\u enqueue\u脚本
中,因此使用哪种脚本都无所谓
使用wp_enqueue_样式
是最佳实践,但也可以是echo'代码>没有问题
我添加了一个解决方案,因为这不是那种只需放到主题functions.php
中的代码。即使交换主题,我们也希望保持代码运行。因此,一个简单的方法很方便:
<?php
/*
Plugin Name: Login CSS
*/
function custom_login() {
$CSS = <<<CSS
<style>
.login label {}
</style>
CSS;
echo $CSS;
}
add_action('login_head', 'custom_login');
正如其他人所说,您不应该修改/wp admin/或/wp includes/中的任何文件。当Wordpress更新时,它们都会被覆盖。您希望保留/wp content/中的所有更改。很可能在主题的目录中。