将sass导入下划线主题

时间:2019-06-27 作者:user55555

我正在用下划线开发一个新主题。我正在开始从已经构建的html/css站点迁移代码的过程。我用的是。scss文件,不确定在我的主样式中复制到哪里。我看到下划线中已经有一个Sass目录,但我是否仍然需要对其进行enque。scss文件。

对不起,我显然有点困惑如何处理sass和wordpress。。。。非常感谢您的帮助。

谢谢

1 个回复
SO网友:Jacob Peattie

下划线主要用于将样式style.css. 此样式表是从位于的主SASS文件编译而成的sass/style.scss. 此外,woocommerce.css 编译自sass/woocommerce.scss.

如果您想自己利用SASS,可以将您的样式添加到sass/style.scss, 或者将具有您的样式的文件导入其中。您可以看到,它已经从sass/ 目录,例如。

但是,您不应该将。scss文件。浏览器无法读取SASS,因此。需要将scss文件编译为样式。css文件。下划线并没有提供任何工具来实现这一点,因此您需要添加自己的构建工具来编译SAS,以便sass/style.scss 可编译为style.css. 如果您以前的HTML站点是用SASS构建的,那么您用来编译样式表的任何过程都可以在这里工作。

相关推荐

在实时WordPress服务器上使用/编译Foundation Sass

到目前为止,我已经在我的许多网站上广泛使用了LESS和BootStrap。然而,我决定开始使用Zurb Foundation,因为它看起来更强大,尤其是最新版本(5)。用更少的资源,我一直在做的就是安装WP-Less, 使用PHPLES库编译的插件.less 通过查看.less 文件已使用wp_enqueue_style() 在我的WordPress主题中起作用。如果我在我的主页上做任何编辑.less 文件及其依赖项/包含项等,并将其上载到我的服务器上,WP Less会注意到这一点,并为我重新编译一个新的