在Wordpress中的第三方插件CSS之后加载自定义CSS

时间:2019-01-15 20:11:46

标签: css wordpress

我正在寻找“正确的方式”以在第3方插件加载它们后添加一个custom.css文件。我知道如何在functions.php中注册和排队我的CSS文件。我可以以某种方式为第三方插件样式表添加依赖项吗? 例如,我想在woocomerce插件已加载后加载custom.css文件。我想要这个而不编辑插件。可以在functions.php中完成吗?

1 个答案:

答案 0 :(得分:1)

最正确的方法是使用wp_enqueue_style()将woocommerce的常规样式表用作依赖项。

add_action( 'wp_enqueue_scripts', 'my_woocommerce_styles' );
function my_woocommerce_styles(){
    wp_enqueue_script( 'my-wc-style', 'path/to/my-styles.css', array( 'woocommerce-general' ), '1.0' );
}

Woocommerce在不同的句柄下注册了多个样式表-但您最有可能寻找woocommerce-general

将其用作类似的依赖项仅在已为该特定请求加载woocommerce-general时加载它,然后再加载它。您可能需要根据执行的方式/位置来调整add_action的优先级。您提到了functions.php,所以它不是必需的,但是如果您需要,只需将另一个优先级传递给它,例如:

add_action( 'wp_enqueue_scripts', 'my_woocommerce_styles', 15 );