लॉगिन पृष्ठ के लिए एक स्टाइलशीट संलग्न करें और इसे हेड एलिमेंट में प्रदर्शित करें

Question

मैं अपनी थीम में लॉगिन पेज को स्टाइल करने की कोशिश करता हूं। बहुत आसान:

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?

Answer 1

प्रत्येक 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 );

वर्डप्रेस अब 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' />