2017-02-25 3 views
2

私はWordPressテーマで作業しています。Wordpress - いくつかのスタイルシートをエンキュー時に優先順位を付ける方法

私のテーマは、ブートストラップと別のフレームワーク、さらにカスタムCSSを使用しています。

スタイルシートの順番を決める方法があるかどうかを知りたいのですが、自分のカスタムCSSがベンダーのものの後にいつもロードされるようにするためです。

私は周りを見ていましたが、この質問も基本的に私が(Ordering Wordpress Stylesheets?)と同じことを尋ねていますが、問題はそれが私の意見では良いと清潔な解決策ではないということです。

私はオーバーライドするためにすべてを重要なものにしたくありません。私は手動で自分のスタイルをheader.phpに追加したくありません(wp_enqueue_style関数が理由でそこにあります。代わりにその関数)。

ドキュメントを読むと、わずかに関連しているのはdeps配列の使用だけですが、私が必要とすることはできません。ここ

は、マニュアルまたはご参照へのリンクです:私は今、私のスタイルシートをエンキューhttps://developer.wordpress.org/reference/functions/wp_enqueue_style/

方法はかなり基本的なものです:私のfunctions.phpで

function hw_resources() 
{ 
    wp_enqueue_style('fontawesome-css', '/wp-content/themes/hwTheme/assets/css/font-awesome.min.css'); 
    wp_enqueue_style('bulma-css', '/wp-content/themes/hwTheme/assets/css/bulma.css'); 
// wp_enqueue_style('bootstrap-css', '/wp-content/themes/hwTheme/assets/css/bootstrap.css'); 
    wp_enqueue_style('animate-css', '/wp-content/themes/hwTheme/assets/css/animate.min.css'); 
    wp_enqueue_style('hw-css', '/wp-content/themes/hwTheme/assets/css/hw.css'); 
    wp_enqueue_script('hw-js', '/wp-content/themes/hwTheme/assets/js/hw.js', array(), false, false); 
} 

add_action('wp_enqueue_scripts', 'hw_resources', 0); 

スタイルシートがあります含まれていますが、私のもの(hw.css)は最後のものではないので、Bulma(下に行く)は私のカスタムスタイルのいくつかを上書きします。

提案がありますか?デプスアレーはこのような理由で便利ですか?どのように私はそれを使用するのですか?

おかげ

+0

あなたがページスピードのために、とにかくあなたのスタイルシートを結合する必要がありPROB!また、非同期読み込みは同期よりも速いと見なされます。 – David

答えて

1

さて、あなたのhw.cssdependencyとしてあなたbulma.cssを設定することができます。 まず、wp_register_styleであなたのCSSを登録してから、wp_enqueue_styleを使用してください。そのよう

function hw_resources() 
{ 
wp_register_style('hw-css', get_template_directory_uri() . '/hw.css', array(), '1.0', 'all'); 
wp_register_style('bulma-css', get_template_directory_uri() . '/bulma.css', array('hw-css'), '1.0', 'all'); 
wp_enqueue_style('hw-css'); 
} 

add_action('wp_enqueue_scripts', 'hw_resources'); 
関連する問題