查询WordPress中添加custom.css导入语句的文件

嘿，我来帮你理清这个问题～ 不同主题加载custom.css的方式不太一样，主要有这几个常见位置，按规范程度排序给你说：

• 首选：主题的functions.php文件
  这是WordPress官方推荐的样式加载方式，大部分正规主题都会用wp_enqueue_style()函数来注册并加载custom.css。你可以打开主题目录下的functions.php，搜索关键词wp_enqueue_style，找到加载custom.css的那段代码，比如看起来可能是这样：

  wp_enqueue_style('theme-custom-styles', get_template_directory_uri() . '/css/custom.css', array(), '1.0.0');
  

  你只需要在这段代码后面，添加加载你新CSS文件的代码就行。如果希望新CSS在custom.css之后加载（保证样式优先级），可以把custom.css的handle（就是第一个参数，比如上面的theme-custom-styles）放到依赖数组里：

  // 加载你的新CSS文件，依赖custom.css
  wp_enqueue_style('my-new-custom-style', get_template_directory_uri() . '/css/你的新文件.css', array('theme-custom-styles'), '1.0.0');
  

• 次选：主题的style.css文件
  有些老主题或者小众主题会直接在主样式文件里用@import导入custom.css。你可以打开style.css，搜索@import，找到类似这样的行：

  @import url('css/custom.css');
  

  直接在这行下面加一行新的导入语句就行：

  @import url('css/你的新文件.css');
  

  不过要注意，这种@import的方式会影响页面加载性能，能不用就尽量不用哈。

• 少数情况：主题的header.php文件
  极少数主题会直接在头部模板里写<link>标签引入样式。你可以打开header.php，搜索<link rel="stylesheet"，找到引入custom.css的标签，然后在后面加一个新的<link>标签：

  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/custom.css">
  <!-- 新增的你的CSS文件 -->
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/你的新文件.css">
  

最后提醒一句：修改主题文件前最好先备份，或者用子主题来做修改，不然主题更新后你的改动就没啦～

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