在 wordpress 中的插件 css 之后加载自定义 css

【问题标题】：Load custom css after plugin css in wordpress在 wordpress 中的插件 css 之后加载自定义 css
【发布时间】：2015-09-22 21:24:57
【问题描述】：

我正在尝试将 CSS 添加到我的 wordpress 主题上的推荐滑块（第 3 方插件）。但是我的自定义 CSS 文件在插件 CSS 文件之前加载。

有没有办法让我的自定义 CSS 在插件 CSS 之后加载？

我不想对插件代码进行任何更改。

编辑：我注意到该插件正在使用“wp_print_styles”来加载它的 css 文件。

【问题讨论】：

如何添加插件css和自定义css文件？
请粘贴您的代码以添加自定义 css 和插件 css
入队脚本时可以设置优先级对吗？ add_action('wp_enqueue_scripts','testfunction',10); 将任意值从 1 更改为任意值越小优先级越高
我正在使用第 3 方插件。我还没有构建插件。我使用 wp_enqueue_style() 来加载我的 css 文件。

标签： css wordpress plugins

【解决方案1】：

您需要更新您的插件代码才能以我认为的“正确方式”执行此操作。

由于您需要最后加载它，我将采用使用wp_enqueue_scripts 钩子/函数的通用路径来为其处理设置低优先级。这样，您可以保证 HTML 保持有效，并且您在 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 提高到其他更高的数字。

【讨论】：