লগইন পৃষ্ঠার জন্য একটি স্টাইলশিট সজ্জিত করুন এবং এটিকে প্রধান উপাদানটিতে প্রদর্শিত করুন

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