css - Wordpress 插件 CSS 顺序

Question

我想我疯了......

几年前我写了一个 WP 插件。它由几个小部件、一些短代码和一个完整页面的代码组成。没有火箭科学，真的。

我正在快速重写并开始遇到一个问题，即网站主题的 CSS 在插件 CSS 之后加载。当然，这使得无法微调插件。

它到底为什么要这么做？这是用于排队 css 的代码。

**wp_enqueue_style("aa_remote", "http://domaind.com/css/site.css", false, "1.0");**

已经工作两年了!而现在它没有。

我做了一些挖掘，发现我可以使用依赖项，所以我像这样加载了主题的样式表。

**wp_enqueue_style("aa_remote", "http://domaind.com/css/site.css", (array) get_stylesheet_uri(), "1.0");**

但这惨遭失败。

我留了一些头发，但我担心它有危险!

我确信我遗漏了一些基本的东西......任何/所有建议都值得赞赏! (走开不是一种选择!)。

Answer 1

您可以采用的另一种方法是利用 wp_enqueue_scripts Hook /函数为正在处理的样式表设置低优先级。通过这种方式，您可以保证在 WordPress 插件代码中的所有默认样式之后加载样式:

 function my_plugin_unique_style() {
     $base = get_stylesheet_directory_uri();
     wp_enqueue_style( 'style-my-plugin-style', $base.'/styles.css' );
 }
 add_action('wp_enqueue_scripts', 'my_plugin_unique_style', 11 );

当然，您必须修改它以使用插件的 css 文件名，但这是一种控制站点样式加载顺序的方法。值得一提的是，如果它仍然在页面 HEAD 中的另一个 CSS 文件之前加载，您应该将数字从 11 提高到其他更高的数字，以降低优先级并稍后加载。