在WordPress中使用多个样式表

时间:2013-04-09 14:06:16

标签: css wordpress themes wordpress-theming

我正在创建一个新的WordPress主题,基于它们'_s'的基础。

有人可以向我解释如何将我的style.css文件拆分成几个以便更容易管理吗?例如,我想在/ css文件夹中存储layout.css,typography.css和other.css文件。

如何设置它。大概我需要在header.php文件中添加一些内容吗?

2 个答案:

答案 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请求和更低的页面速度性能。