如何正确地结合ZURB基金会和罗盘来配置一个WordPress主题的SASS变量？ 我一直在使用基金会来创建一个WordPress主题，通过在网站上创建一个定制的构建，包括我的主题中所需的文件。

主题结构简化如下：

Theme Root
|-- 404.php
|-- _
|   |-- inc
|   |   |-- css
|   |   |   |
|   |   |   `-- foundation.min.css
|   |   |-- images
|   `-- js
|       |-- foundation.min.js
|       `-- modernizr.js
|-- theme.css
|-- theme.scss

我的问题是我想定制SCSS变量，例如：

/* Background color for the top bar */
$topbar-bg: #111;

并试图包括必要的组成部分：

@import "foundation/components/topbar";
$include-html-top-bar-classes: $include-html-classes; 

显然，它找不到类，因为没有compass项目或适当的SCSS文件要导入/包含，所以这就是我的问题所在

我安装了基础GEM，我可以创建一个新的指南针项目，但我只是想知道如何构造东西和设置/更新我的WordPress主题作为一个指南针项目，这样我就可以设置变量。

---

我只是有点困惑，“基础”的方法是如何把它融入到WordPress主题中，这样我就可以定制必要的SCSS变量，同时保持一个标准的WordPress主题结构？

取决于你要寻找的集成级别，你需要在你的主题中创建基础项目。模板目录。我主要使用基础4、SCSS& SMACSs，这里有一个快速的CL片段，我有这个：

compass create templatename -r zurb-foundation --using foundation; cd templatename/sass; mkdir {functions,layouts,mixins,modules,vendor}; open ../;

现在，也就是说，如果主题已经存在，那么您将希望使用它创建templatename。因为这意味着使用你已经在的文件夹。我没有一个很好的方法来做基础5，因为我的大多数项目仍然依赖于IE兼容性。希望这能让您朝着正确的方向前进，但是通过compass create，您将能够使用watch&compile和导入不同的东西

---

<如果你对SMACSS感兴趣，那是很棒的签出< /P> OK，通过把我的想法改写为基础，把重点放在罗盘+ WordPress上，我从Chris Coyier那里遇到了。我成功地得到了一个我很满意的设置，它主要归结为按照您想要的方式设置config.rb。