排队登录页面的样式表，使其出现在head元素中

我尝试在主题中设置登录页面的样式。很简单：

add_action( 'login_enqueue_scripts', function()
{
    wp_enqueue_style( 'TEST', get_template_directory_uri() . '/css/login.css' );
});

不幸的是，它不能按预期工作。该link元素显示在body登录页面的中，时间很晚。

渲染输出：

<link rel='stylesheet' id='TEST-css'  href='http://themes.wp/t5-theme-base/css/login.css?ver=3.9-alpha' type='text/css' media='all' />
<div class="clear"></div>
</body>
</html>

这是错误的，如何在中打印link元素head？

— 福厦
source

对于每个enqueue动作，都有一个相应的print_styles动作：

wp_enqueue_scripts → wp_print_styles
admin_enqueue_scripts → admin_print_styles
customize_controls_enqueue_scripts → customize_controls_print_styles

不适用于登录页面。没有login_print_styles动作或功能，因此您的样式表被丢弃了do_action( 'login_footer' );。

但是有一个简单的解决方法：

if ( ! has_action( 'login_enqueue_scripts', 'wp_print_styles' ) )
    add_action( 'login_enqueue_scripts', 'wp_print_styles', 11 );

WordPress现在将在内置样式表之后的link适当位置打印该页面上注册的所有元素head。

结果：

<link rel='stylesheet' id='dashicons-css'  href='http://git.wp/wp-includes/css/dashicons.min.css?ver=3.9-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='wp-admin-css'  href='http://git.wp/wp-admin/css/wp-admin.min.css?ver=3.9-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='buttons-css'  href='http://git.wp/wp-includes/css/buttons.min.css?ver=3.9-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='colors-fresh-css'  href='http://git.wp/wp-admin/css/colors.min.css?ver=3.9-alpha' type='text/css' media='all' />
<!--[if lte IE 7]>
<link rel='stylesheet' id='ie-css'  href='http://git.wp/wp-admin/css/ie.min.css?ver=3.9-alpha' type='text/css' media='all' />
<![endif]-->
<link rel='stylesheet' id='TEST-css'  href='http://themes.wp/t5-theme-base/css/login.css?ver=3.9-alpha' type='text/css' media='all' />

— 福厦
source