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 挂钩/函数为正在处理的样式表设置低优先级。这样您就可以保证在 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 提高到其他更高的数字，以便将其优先级降低并稍后加载。