在WordPress中使用多个样式表

Question

我目前正在基于他们的'_s'创建一个新的WordPress主题。

有人可以向我解释我如何将我的style.css文件分成几个文件，以便于管理？例如，我想在/ css文件夹中保存一个layout.css，typography.css和other.css文件。

我该如何设置它。据推测我需要添加一些东西到header.php文件？

Answer 1

只需在header.php模板文件中通过<link />元素包含它们即可。

如果做不到这一点，你可以随时使用的CSS @import功能：

theme.css：

@import url("layout.css"); 
@import url("typography.css"); 

/* Other styles here: */ 
body { 
    margin: 0; 
} 

Answer 2

“只是通过在的header.php模板文件中的元素包括他们（下或之前主样式表，取决于层次结构）。“

作为第一个回答者说。

“避免@import指令”

由于谷歌网站管理员说;）

[https://developers.google.com/speed/docs/best-practices/rtt#AvoidCssImport]

编辑↓

不过，我不建议使用一个以上的样式表，因为更多的样式表，意味着更多的HTTP请求，并意味着更低的页面速度性能。