在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請求，並意味着更低的頁面速度性能。