it-swarm-ja.com

ブートストラップ後にカスタムCSSをロードする

これはfunctions.phpにあります。カスタムcssがbootsrap.min.cssの後に読み込まれるように変更するにはどうすればよいですか?

function register_css() {
    wp_register_style( 'bootstrap.min', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'register_css' );

これ しかし動作しませんし、phpについてはあまり知りませんが、wp_register_style部分が欠けていると思います。

2
Barbara

上記は正しいように見えますが、3番目の依存関係パラメータにbootstrap-minハンドルを追加して、ブートストラップの後にエンキューするスクリプトを指定する必要があります。

function register_css() {
    wp_register_style( 'bootstrap-min', get_template_directory_uri() . '/css/bootstrap.min.css' );
    wp_register_style( 'custom-css', get_template_directory_uri() . '/css/custom.min.css', 'bootstrap-min' );
    wp_enqueue_style( 'bootstrap-min' );
    wp_enqueue_style( 'custom-css' );
}
add_action( 'wp_enqueue_scripts', 'register_css' );

詳しくは wp_register_style をご覧ください。

あるいは、コールバック関数内からファイルをすぐにエンキューする必要があることがわかっている場合は、wp_enqueue_styleと同じようにwp_register_styleを使用することもできます。 wp_enqueue_style

3
userabuser