如何阻止WordPress主题加载edits.css样式文件？

要阻止WordPress加载ID为edits-css的edits.css样式表，你可以利用WordPress自带的样式管理API来实现，具体操作如下：

• 添加自定义代码到主题或插件：
  你可以选择打开自定义主题的functions.php文件，或者使用自定义代码插件（比如Code Snippets）添加以下代码：

  // 移除并注销edits.css样式表
  function remove_edits_css_style() {
      // 从加载队列中移除目标样式
      wp_dequeue_style( 'edits-css' );
      // 彻底注销该样式的注册信息，防止后续被重新加载
      wp_deregister_style( 'edits-css' );
  }
  // 将函数挂载到wp_enqueue_scripts钩子，设置较高优先级确保执行时机正确
  add_action( 'wp_enqueue_scripts', 'remove_edits_css_style', 100 );
  

• 代码作用说明：

  • wp_dequeue_style('edits-css')：把目标样式表从WordPress的前端加载队列中移除，直接阻止它被输出到页面代码里。
  • wp_deregister_style('edits-css')：彻底清除该样式表的注册记录，避免后续有其他代码重新将它加入加载队列。
  • 钩子wp_enqueue_scripts是WordPress处理样式、脚本加载的核心钩子，设置优先级100是因为多数主题和插件会用默认的10优先级加载资源，更高的优先级能确保我们的移除操作在样式入队之后执行，保证生效。

• 额外注意点：

  • 如果直接修改主题的functions.php，建议先备份文件，避免代码错误导致网站无法正常访问。
  • 使用自定义代码插件的话，无需修改主题文件，更安全，也不会因为主题更新丢失这段自定义代码。

内容的提问来源于stack exchange，提问作者Adam Scot