Tüm CSS kurallarını geçersiz kılmak için wp_enqueue_style başlık etiketinin en altındaki CSS'yi görüntülemek için nasıl zorlanır?

Question

Şu anda eklentileri aracılığıyla Wordpress yönetim şablonları oluşturmak için nasıl okuyan ve Wordpress Wiki için elle bağlantı html etiketi yankılanmaya admin_head, wp_admin_css ve/veya login_head gibi kanca kullanabilirsiniz göre ediyorum

:

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

örnek açıkçası çünkü bağlantı etiketi php mantığı içine kodlanmış yol Kötü bir Şey olduğunu.

İdeal, CSS eklemek için wp_enqueue_style() kullanmaktır. Ancak, CSS takılı olduğu WHEN'un kendi fikri vardır ve sadece hoşlandığı kancalara tepki verir. Örneğin, wp_enqueue stili, admin_head içinde iyi yanıt vermez. Şimdiye kadar sadece init wp_print_styles ve içerisinde kullanabilirsiniz, ancak tüm varsayılan CSS yüklendikten sonra tekrar gerçekten CSS gösteremiyor:

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

Sadece pinq-idaresini üstlenen istiyorum css başlık etiketinin alt kısmında (tercihen kapanış kafasından hemen önce) görüntülenir, böylece yüklenmiş olan tüm Wordpress ile ilgili CSS'yi geçersiz kılabilir.

Bunun hakkında herhangi bir düşünce var mı?

Answer 1

Hey. wp_enqueue_style için $deps adlı bir argüman var, denemelisiniz. Stil sayfanızın geri kalanına bağlı olduğundan ve diğerlerinin altına düştüğünden bahsedebilirsiniz. Bunun dışında, !important ile devam edebilirsiniz. Bağımlılıklar hakkında daha fazla bilgi: http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Answer 2

Bunun eski olduğunu biliyorum, ancak işte sitemden kesilmiş ve yapıştırılmış bazı gerçek kodlar.

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')); 
} 

'özel stiller' basitçe tek istediğim benim özel stilleri için bulunduğu alt tema dizininde bir başlıklı dosyası "custom.css" dir: Bu benim çocuğum teması functions.php dosyasında olduğunu son yüklenmelidir.

Ayrıca, teknik burada özetlenen kullanın, size custom.css stylesheet üstünde olmasını istediğiniz stil saplarının bulmak için:

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