我正在创建一个新的WordPress主题,基于它们'_s'的基础。
有人可以向我解释如何将我的style.css文件拆分成几个以便更容易管理吗?例如,我想在/ css文件夹中存储layout.css,typography.css和other.css文件。
如何设置它。大概我需要在header.php文件中添加一些内容吗?
答案 0 :(得分:2)
只需通过<link />
模板文件中的header.php
元素添加它们即可。
如果失败,您可以随时使用CSS @import
功能:
<强> theme.css 强>:
@import url("layout.css");
@import url("typography.css");
/* Other styles here: */
body {
margin: 0;
}
答案 1 :(得分:1)
“只需通过header.php模板文件中的元素包含它们(在主样式表之下或之前,具体取决于层次结构)。”
正如第一位回答者所说。
“避免使用@import
指令”
Google网站管理员说;)
[https://developers.google.com/speed/docs/best-practices/rtt#AvoidCssImport]
编辑↓
但是,我建议不要使用多个样式表,因为更多的样式表意味着更多的HTTP请求和更低的页面速度性能。