php - 如何在 wordpress 子主题中注册/加载样式 css 文件？

Question

我使用的代码不会更改登录页面...

function olab_login_stylesheet() 
{
    wp_register_style('olab-login', get_template_directory_uri().'/css/login-style.css');
    wp_enqueue_style( 'olab-login'); 
}   
add_action( 'login_enqueue_scripts', 'olab_login_stylesheet' );

Answer 1

这是因为wp_print_styles()在登录页面上永远不会调用（直接或通过操作）。如果您查看 的源代码login_header()，您会看到核心样式表呈现如下：

wp_admin_css( 'wp-admin', true );
wp_admin_css( 'colors-fresh', true );

所以代替wp_enqueue_style( 'olab-login' ), use wp_print_styles( 'olab-login' )，它将立即输出样式表。

纯粹为了语义，我还建议改用login_head动作，（两者一个接一个地调用，所以没有真正的区别）。

function olab_login_stylesheet() {
    wp_register_style( 'olab-login', get_template_directory_uri() . '/css/login-style.css' );
    wp_print_styles( 'olab-login' );
}

add_action( 'login_head', 'olab_login_stylesheet' );