Question

我一直在使用基础来开发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;

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

我已经安装了基础gem，并且能够创建一个新的Compass项目，但我只是想知道如何构建和设置/更新我的Wordpress主题作为Compass项目，所以我可以在{中设置变量{1}}？

关于如何将“基础”方法融入Wordpress主题以便我可以自定义必要的SCSS变量同时保持标准的Wordpress主题结构，我感到有点困惑？

Answer 1

根据您要查找的集成级别，您需要在主题的模板目录中创建基础项目。我使用Foundation 4，SCSS＆amp; SMACSS主要是这里的一个快速CL片段：

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

现在，如果主题已经存在，你会想要创建templatename。因为这意味着使用你已经在的文件夹。我还没有很好的CL方式来做基础5，因为我的大多数项目依赖于IE兼容性。希望这可以让你朝着正确的方向前进，但是使用指南针创建你将能够使用手表和编译并导入不同的东西。

此外，如果您对SMACSS感兴趣（这很棒），请查看http://smacss.com

如何正确合并Zurb Foundation＆amp;指南针为Wordpress主题配置SASS变量？

1 个答案: