Stellen Sie ein Stylesheet für die Anmeldeseite in die Warteschlange und lassen Sie es im Kopfelement

Question

Stellen Sie ein Stylesheet für die Anmeldeseite in die Warteschlange und lassen Sie es im Kopfelement

10

5479 2013-12-28

erscheinen

Ich versuche,die Anmeldeseitein meinem Thema zugestalten.Sehreinfach:

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

Leiderfunktioniertesnicht wieerwartet.Das Element link wird sehr spätim body der Anmeldeseite angezeigt.

Gerenderte Ausgabe:

 <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>

Dasistfalsch. Wie kannich das Linkelementim head drucken?

I try to style the login page in my theme. Very simple:

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

Unfortunately, it doesn’t work as expected. The link element appears in the body of the login page, very late.

Rendered output:

<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>

This is wrong, how can I print the link element in the head?

Quelle
fuxia

1 Antworten

Stimmen

fuxia · Accepted Answer · 2013-12-28

26

2013-12-28

Fürjede enqueue -Aktiongibt eseine entsprechende print_styles -Aktion:

wp_enqueue_scripts → wp_print_styles
admin_enqueue_scripts → admin_print_styles
customize_controls_enqueue_scripts → customize_controls_print_styles

Nichtfür die Anmeldeseite. Esgibt keine Aktion oder Funktion login_print_styles,daher werden Ihre Stylesheets auf do_action( 'login_footer' );.

ausgegeben

Aberesgibt eineeinfache Lösung:

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

WordPress drucktjetzt allefür diese Seite registrierten link -Elemente an der richtigen Stelle,dem head -Element,direktnach denintegrierten Stylesheets.

Ergebnis:

 <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' />

For every enqueue action, there is a corresponding print_styles action:

wp_enqueue_scripts → wp_print_styles
admin_enqueue_scripts → admin_print_styles
customize_controls_enqueue_scripts → customize_controls_print_styles

Not for the login page. There is no login_print_styles action or function, so your stylesheets are thrown out on do_action( 'login_footer' );.

But there is a simple fix:

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

WordPress will now print all link elements registered for that page at the proper place, the head element, right after the built-in stylesheets.

Result:

<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' />

Quelle
fuxia