带有 Haml/Sass 的 Wordpress
Posted
技术标签:
【中文标题】带有 Haml/Sass 的 Wordpress【英文标题】：Wordpress with Haml/Sass 【发布时间】：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 是根据每个请求自动生成的（缓存行为也很好，但肯定不是必需的)。
提前致谢！
【问题讨论】：
【参考方案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。
更多信息：http://blogrescue.com/2011/12/sass-for-wordpress/
埃德
【讨论】：
【参考方案8】：我创建了一个开发工具包，让使用 HAML、PHP 和 SASS 的 WordPress 主题变得轻而易举。它还编译你的 javascript！一切最终都编译成一个 WordPress 主题。当我遇到这个问题时，这就是我的解决方案。我希望这会有所帮助：
https://github.com/zachfeldman/wordpress-haml-sass
【讨论】：
【参考方案9】：我意识到这是一个较旧的线程，但我登陆这里是为了让其他人也可以。有许多 gulp 和 grunt 插件可以做到这一点，但是如果你在 OSX 上，CodeKit 非常方便。
还有这个SO thread 的人，提供有关如何在php 文件中编译haml 的建议。
【讨论】：
以上是关于带有 Haml/Sass 的 Wordpress的主要内容，如果未能解决你的问题，请参考以下文章
带有多个链接的 NSAttributedString 的 UILabel，带有行限制，显示尾部截断，带有未见文本的 NSBackgroundColorAttributeName