로그인 페이지의 스타일 시트를 큐에 넣고 헤드 요소에 표시


10

내 테마에서 로그인 페이지의 스타일을 지정하려고합니다. 매우 간단합니다 :

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>

이것은 잘못되었습니다. 링크 요소를 어떻게 인쇄 할 수 head있습니까?

답변:


26

모든 enqueue조치에 대해 해당 print_styles조치가 있습니다.

  • wp_enqueue_scriptswp_print_styles
  • admin_enqueue_scriptsadmin_print_styles
  • customize_controls_enqueue_scriptscustomize_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' />
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.