Wordpress 子主题 CSS 导入答案

【问题标题】：Wordpress Child Theme CSS ImportWordpress 子主题 CSS 导入
【发布时间】：2012-06-06 17:12:49
【问题描述】：

我正在创建一个 Wordpress JigoShop 在线商店。购买了他们的 Jigotheme，我创建了一个子主题并激活它（以 Jigotheme 作为父模板）。

我尝试使用以下方法从 jigotheme 导入样式： @import url("../jigotheme/style.css");

（根据 wordpress 说明）

样式表没有引入 - 除了这个 CSS 导入问题之外，子主题可以正常工作。

我知道样式表中的 @import 代码上方不能有任何代码 - 但它不会因为父 style.css 顶部也有 @import 代码而无法工作吗？他们可能有冲突吗？

任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

按照几个步骤：

将bloginfo('template_directory'); ?> 替换为php bloginfo('stylesheet_directory'); ?>（归功于@WouterB）
检查您的父主题是否使用位于子文件夹下的样式表（例如，theme/css/style.css），在这种情况下，您必须将您的子主题 css 放在该文件夹下。
记得更改路径（可能你必须在上一个 url 之前加上 ../）

【讨论】：

【解决方案2】：

import 语句应该可以工作。仔细检查目录路径和 .css 文件名。如果您使用的是 Chrome，则可以检查网络选项卡以查看父 style.css 是否实际被访问。

【讨论】：

谢谢 Bonnie - 我尝试过放置直接链接、相对链接等。似乎都不起作用，但很高兴代码看起来适合导入。我只是想知道是否因为父样式表也有导入语句是否可能存在冲突。谢谢！

【解决方案3】：

您可以将另一个 <link>element 添加到头部或 enqueue 它。

【讨论】：

额外的不起作用 - 因为它会改变父主题。子主题只是在其中包含一个样式表，并从父模板中提取所有其他信息。如果将来对该主题进行更新，我不想对父主题进行任何更改。谢谢！
但是wp_enqueue_style() 可以在您的子主题中的functions.php 中工作，而不会触及或覆盖父主题中的任何内容。