Question

我能够使用我的本地机器创建我正在使用的Wordpress主题。我遇到的问题是将Sass纳入Underscores Starter主题，使用Twitter Bootstrap的Sass和Wordpress。

我正在创建固定顶级引导程序导航栏。我设法在我的functions.php文件中添加了正确的代码以包含WP_Walker_Nav，但这就是我的导航看起来像My Bootstrap Nav。

内容太靠近固定顶部导航，我无法控制正文标记样式，从顶部提供至少60px的填充。

我想知道是否有人可以指导我如何将Twitter Bootstrap的Sass和Font-Awesome的Sass合并到Underscore的Wordpress主题中。

我正在努力适当的工作流程。对于我的Wordpress默认style.css，我要做的就是放

    @import url("css/style.css");

在Wordpress样式表下面的默认评论。

我有一个标记为sass的文件夹（对于我所有的scss文件）和一个文件夹css（对于我所有已编译的css）。在我的style.scss中，我导入了bootstrap和font-awesome的sass文件，我创建了一个单独的scss文件（main.scss）用于我的自定义样式，但是当我在main.scss文件中创建变量时没有任何作用。

我会像这样设置我的style.scss文件：

    @import 'main';
    @import 'bootstrap-sass';
    @import 'font-awesome';

例如：

    $padding10: 10px;
    body {
         padding-top: ($padding10 * 6)
    }

设置我的身体标签时没有任何反应。请告诉我我做错了什么，感谢任何帮助。谢谢！

Answer 1

对于那些想知道如何执行此操作的人：_S下划线主题added direct support，用于在去年生成基于sass的架构的入门主题，我最近才知道。如果您点击下划线主页上的“高级选项”链接，则可以选择_sassify!选项，即可开始使用。从那里，你应该清楚如何连接Bootstrap。新主题中生成的sass/styles.scss文件是一个组织良好且记录在案的导入列表，您可以根据需要添加Bootstrap（通过Bower，直接下载，等等）。

作为旁注，您可以自动执行此操作，并通过wp-cli更加轻松，最近added support为其wp scaffold _s subcommand的sassify选项，它看起来像：< / p>

wp-cli scaffold _s my-sassy-theme --theme_name="My Sassy Theme" --sassify

（请注意，在撰写本文时，尚未发布具有该功能的wp-cli;您可以立即使用它installing the wp-cli nightly。）

如何使用Bootstrap为WordPress将Sass实现为下划线主题？

1 个答案: