2011-10-25 14 views
12

私はプラグインのCSSが私のテーマに干渉しているので、最後にロードする必要があるスタイルシートを持つワードプレスのテーマがあります。主なスタイルシートを最後にテーマに使用できるようにするために使用できる関数がいくつかあるかどうかは疑問でした。Wordpress Stylesheetsを注文しますか?

+0

のためにあなたのページのソースをチェックして、現在の注文を参照してください、あなたは追加あなたの 'css' –

答えて

0

あなたが追加できるCSSの最後に、あなたが他のクラス

を上書きしたい

たとえば「重要!」:

h1 { 
color:red !important; 
} 
+12

を含めている場所を調整!重要なことは決して良い解決策ではありません。 – MarioRicalde

+0

よく!重要なのは「良い解決策」ではないかもしれませんが、私の考えは、特定の順序で異なるCSSファイルを読み込むよりも優れた解決策だということです。 – Sasse

1
あなたは常に他のルールを上書きする !importantを使用することができますが、私がお勧め

次のメソッドを使用して、プラグインスタイルシートが正しく挿入されていることを確認してください。優先順位番号を追加すると、後でレンダリングすることができます。

ヘッダーのタグ内のすべてのスクリプトの前にスタイルシートがロードされていることを確認してください。あなたは、常にスクリプトとワードプレスの前にスタイルシートをロードする必要が

はあなたのfunctions.phpに例えば wp_enqueue_stylewp_enqueue_script

を使用する場合は

add_action('wp_enqueue_scripts', function(){ 
    wp_enqueue_style('main-style','http://yoursite.com/styles/main.css'); 
}, 99); 

を使用する必要があることの世話をしますWordpressはあなたのヘッダーにmain.cssを置き、残りの部分よりも遅く追加することを意味します(デフォルトでは、この関数の優先度は10です)

ヘッダーファイルにwp_head()があることを確認してください。

よろしく

17

、あなたのスタイルシートをエンキュー、高い優先順位を使用して、例えば:

add_action('wp_enqueue_scripts', array(&$this, 'theme_styles'), 99); 

いくつかのプラグインは、「wp_print_styles」のフックを持っている場合は、あなたがwp_print_styles」として、代わりにそれを使用する必要があります'は' wp_enqueue_scripts '、iircの後に書かれます。良い作品wp_print_styles

そして、あなたはあなたのテーマを完全に制御を持っているようにアクションを伴う手間は時間の価値ではない場合、あなたはまた、header.phpのに直接あなたのスタイルを含めることができます...

4

。ただコールに優先順位を追加し、例99

function load_css() { 
 
     wp_enqueue_style('homepage-css', get_stylesheet_directory_uri() . '/css/homepage-css.css', array(), 0.256, 'all'); 
 
} 
 
add_action('wp_print_styles', 'load_css', 99);

関連する問題