带有 Haml/Sass 的 Wordpress答案

【问题标题】：Wordpress with Haml/Sass带有 Haml/Sass 的 Wordpress
【发布时间】：2011-05-01 22:07:51
【问题描述】：

在一些 Rails 副项目中使用过Haml 和Sass，我发现它们极大地加快了我的前端开发速度。但是，我还没有找到像 Wordpress 一样强大或客户熟悉的 Rails 博客平台，因此对于需要具有基本 CMS / 博客功能的轻量级网站的项目，这通常仍然是我的首选。（我研究过 Radiant、Mephisto 等，虽然我当然很欣赏 Rails 博客引擎的建议，但这并不是我想要在这里回答的问题。）

我真的很希望能够在 Wordpress 网站的上下文中使用 Haml 和 Sass，虽然我知道 various PHP implementations 的存在，但大多数似乎不活跃或有问题。这里有没有人成功使用 Haml 和 Sass 和 Wordpress 网站？我在 Wordpress 模板文件（为 Wordpress 主题提供动力的 .php 文件）和 Wordpress 编辑器的 HTML 编辑模式中都提出了这个问题，尽管后者远不那么重要。

注意：我知道我可以安装适当的 ruby gem 并从 Haml/Sass 源代码编译我自己的 HTML/CSS；我正在寻找的是更符合我在 Rails 中习惯的功能，其中编译的 HTML/CSS 是根据每个请求自动生成的（缓存行为也很好，但肯定不是必需的)。

提前致谢！

【问题讨论】：

标签： php wordpress haml sass

【解决方案1】：

对于定制需求较低的网站，我的看法是一样的。我已经习惯了 Haml 和 Sass，以至于回到 HTML 和 CSS 似乎很痛苦。 PHamlP 获得了一些好评，特别是因为它支持 Sass：(http://code.google.com/p/phamlp/)。不过，没有什么可以替代真品。

如果这是我的项目，我会考虑 Compass，并在我进行更改时进行指南针更新。 Sass 太好了，不容错过。 Haml 是您的日常面包和黄油，但 Sass 确实可以帮助您让页面唱歌。它建议进行样式表重构，否则您可能从未想过。

【讨论】：

【解决方案2】：

Haml 在运行时需要 Ruby。因此，您将无法将其用于 Wordpress 模板。因此，您必须依赖 PHP 实现。

对于 Sass，您可以使用控制台工具 Sass --watch 进行自动编译。见this blog post。此外，还有Compass App，它在一个方便的 OSX 应用程序中为您提供了所有Compass features。

【讨论】：

【解决方案3】：

对于 HAML，现在有 http://haml-to-php.com。 phamlp 太坏了。如果不从头开始重写它，您将无法使其工作。请参阅 github.com/MarcWeber/phamlp。最终也会创建一个体面的 SASS 实现。

【讨论】：

【解决方案4】：

如果你不怕边缘，你可以试试这个 Wordpress 插件：https://github.com/sxua/HAML-SASS-for-Wordpress。更多详细信息很快在 Github 上。

【讨论】：

【解决方案5】：

不像基于每个请求在服务器上运行它那么酷，但是 FWIW，我构建了一个脚本来在我的开发机器上自动编译我的 haml/sass，所以至少我可以使用 haml/sass 轻松生成我的 Wordpress 模板和 CSS：https://gist.github.com/1169586 享受！

【讨论】：

【解决方案6】：

您可能想查看 WORDLESS https://github.com/welaika/wordless

这是一个 Wordpress 插件，附带 compass/SASS、CoffeScript 和 Haml。

【讨论】：

【解决方案7】：

这是我刚刚发布的一个新插件：http://wordpress.org/extend/plugins/wordpress-sass/

它确实使用了 PHamlP，但它至少不需要在服务器上安装 Compass。

该插件实现起来非常简单，只要 style.scss 文件（或您选择的任何名称）更新，它就会自动重新生成您的 style.css。

埃德

【讨论】：

【解决方案8】：

我创建了一个开发工具包，让使用 HAML、PHP 和 SASS 的 WordPress 主题变得轻而易举。它还编译你的 JavaScript！一切最终都编译成一个 WordPress 主题。当我遇到这个问题时，这就是我的解决方案。我希望这会有所帮助：

https://github.com/zachfeldman/wordpress-haml-sass

【讨论】：

【解决方案9】：

我意识到这是一个较旧的线程，但我登陆这里是为了让其他人也可以。有许多 gulp 和 grunt 插件可以做到这一点，但是如果你在 OSX 上，CodeKit 非常方便。

还有这个SO thread 的人，提供有关如何在php 文件中编译haml 的建议。

【讨论】：