सभी सीएसएस नियमों को ओवरराइड करने के लिए हेड टैग के बहुत नीचे सीएसएस को प्रदर्शित करने के लिए wp_enqueue_style को कैसे बल दें?

Question

मैं वर्तमान में कैसे प्लग-इन के माध्यम से Wordpress प्रशासन खाका बनाने के लिए पर अध्ययन कर रहा हूँ, और Wordpress Wiki को आप इस तरह के हुक का उपयोग कर सकते admin_head, wp_admin_css, और/या login_head के रूप में मैन्युअल रूप से अपने लिंक HTML टैग गूंज के अनुसार :

echo "<link rel="stylesheet" type="text/css" href="' . get_option('siteurl') . '/wp-content/plugins/blue-steel/login.css" />'."\n"; 

उदाहरण स्पष्ट रूप से एक बुरी बात क्योंकि जिस तरह से लिंक टैग php तर्क अंदर hardcoded है है।

आदर्श सीएसएस डालने के लिए wp_enqueue_style() का उपयोग करना आदर्श है। हालांकि, इसका का अपना विचार है जब सीएसएस डाला गया है, और केवल इसे पसंद किए गए हुक पर प्रतिक्रिया करता है। उदाहरण के लिए, wp_enqueue शैली admin_head के अंदर अच्छी प्रतिक्रिया नहीं देती है। अब तक मैं केवल wp_print_styles और init अंदर उपयोग कर सकते हैं, लेकिन फिर आप वास्तव में सीएसएस प्रदर्शित नहीं कर सकता के बाद सभी डिफ़ॉल्ट सीएसएस लोड हो जाने:

<link rel='stylesheet' href='http://localhost/wordpress/wp-admin/load-styles.php?c=0&amp;dir=ltr&amp;load=plugin-install,global,wp-admin&amp;ver=9e478aac7934ae559830ecb557b6511d' type='text/css' media='all' /> 
<link rel='stylesheet' id='pinq-admin-css' href='http://localhost/wordpress/wp-content/themes/ardee/css/pinq-admin.css?ver=3.0.1' type='text/css' media='all' /> 
<link rel='stylesheet' id='thickbox-css' href='http://localhost/wordpress/wp-includes/js/thickbox/thickbox.css?ver=20090514' type='text/css' media='all' /> 
<link rel='stylesheet' id='colors-css' href='http://localhost/wordpress/wp-admin/css/colors-fresh.css?ver=20100610' type='text/css' media='all' /> 

मैं सिर्फ pinq-admin- चाहते सीएसएस हेड टैग के रॉक-तल पर प्रदर्शित करने के लिए (अधिमानतः बंद होने से पहले) ताकि यह लोड हो चुके सभी वर्डप्रेस से संबंधित सीएसएस को ओवरराइड कर सके।

इस पर कोई विचार?

Answer 1

अरे। wp_enqueue_style के लिए $deps नामक एक तर्क है, आपको इसे आज़माएं। आप यह उल्लेख करने में सक्षम हो सकते हैं कि आपकी स्टाइलशीट बाकी सभी पर निर्भर करती है, इस प्रकार इसे दूसरों के नीचे डाल देती है। इसके अलावा, आप !important के साथ आगे भी जा सकते हैं। निर्भरताओं पर अधिक जानकारी: http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Answer 2

मुझे पता है कि यह प्राचीन है, लेकिन यहां कुछ वास्तविक कोड है, मेरी साइट से काटा और चिपकाया गया है। यह मेरे बच्चे विषय के functions.php फ़ाइल में है:

add_action('init', 'add_custom_styles', 99); 
function add_custom_styles() { 
wp_enqueue_style('custom-styles', get_stylesheet_directory_uri() .'/custom.css', array('storefront-style', 
'wc-bundle-style','storefront-child-style')); 
} 

'कस्टम शैलियों' बस एक फ़ाइल शीर्षक से बच्चे विषय निर्देशिका जो मैं चाहता हूँ मेरे सभी कस्टम शैलियों को शामिल में "custom.css" है आखिरी लोड किया जाना चाहिए।

इसके अलावा, तकनीक यहां उल्लिखित का उपयोग स्टाइलशीट है कि आप अपने custom.css स्टाइलशीट ऊपर होना चाहता हूँ के हैंडल को खोजने के लिए,:

http://crunchify.com/how-to-print-all-loaded-java-scripts-and-css-stylesheets-handle-for-your-wordpress-blog/