将 SASS 用于 WordPress 主题答案

【问题标题】：Using SASS for a WordPress theme将 SASS 用于 WordPress 主题
【发布时间】：2015-11-20 16:57:32
【问题描述】：

我希望将 SASS 与我正在使用的新 WordPress 主题一起使用。

到目前为止，我还无法使用 Windows 在我的本地主机上运行它。我假设这是因为我没有安装 Ruby，它很容易安装。

我的问题是：如果我的主题用户想要在他们的本地主机上开发他们的网站，他们是否还需要安装 Ruby？

如果是这样，有什么办法可以解决这个问题吗？我希望用户只需下载主题并能够在没有任何其他先决条件的情况下使用它。

任何信息将不胜感激。

谢谢！

【问题讨论】：

是的，你需要安装 ruby 来运行 sass。不，没有办法解决这个问题（如果你打算使用 sass）sass-lang.com/install ......一个更好的问题是，你在创建一个儿童主题吗？你打算让你的“购买的主题”保持最新吗？

标签： wordpress

【解决方案1】：

SASS 只是 CSS 的预处理器，因此您只需在系统上使用它即可将 SASS 文件处理为 CSS。

有一点需要注意，如果您决定最小化您的 CSS 以分发您的主题，您将需要使用以下 cmets 对您的根 SASS 文件进行建模：

/*!
Theme Name: {Theme Name}
Theme URI: 
Author: {Your Name}
Author URI: 
Description: 
Version: 0.1
License: GPL-3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Tags: 
*/

“！”在 "/* 之后很重要，因为这将告诉 SASS 该注释很重要，并且无论您希望 CSS 输出如何，它都会保留它。如果您不这样做，SASS 可以删除所有 cmets（您通常想要的）但没有评论标题，WordPress 不会将您的主题识别为有效主题。

【讨论】：

不客气。您也可以考虑使用 Compass 和 Autoprefixer。这些对于使用 Grunt/Gulp/etc 的托管工作流很有用。

【解决方案2】：

您需要在本地开发环境中安装 ruby 来构建您的 SASS 主题。可供下载的主题应该只有版本化的 .css 文件，而不是 .scss 构建文件，尽管包含它们应该没有什么坏处。

【讨论】：

谢谢！欣赏它:)