Haml/Sass的WordPresspress

Question

在使用Haml和Sass幾個Rails項目之後，我發現它們極大地加快了我的前端開發。然而，我還沒有發現Rails博客平臺與Wordpress一樣強大或對客戶來說很熟悉，所以這仍然是我需要一個輕量級網站的基本CMS /博客功能的項目。 （我已經研究過Radiant，Mephisto等，雖然我當然非常感謝Rails博客引擎的建議，但這並不是我想要回答的問題。）

我真的很想能夠在Wordpress網站的上下文中使用Haml和Sass，並且當我意識到various PHP implementations的存在時，大多數似乎不活躍或錯誤。有沒有人有過使用Haml和Sass的Wordpress網站的成功經驗？我在Wordpress模板文件（支持Wordpress主題的.php文件）和Wordpress編輯器的HTML編輯模式中都提出這個問題，儘管後者遠不那麼重要。

注意：我知道我只需要安裝合適的ruby gems並從Haml/Sass源代碼編譯我自己的HTML/CSS;我正在尋找的東西更多的是我習慣於Rails的功能，其中編譯的HTML/CSS是基於每個請求自動生成的（緩存行爲也很好，但肯定不是必需的）。

在此先感謝！

Answer 1

對於定製需求低的網站，我與此同舟共濟。我很習慣Haml和Sass，回到HTML和CSS似乎很痛苦。 PHamlP得到了一些好評，尤其是因爲它支持Sass：（http://code.google.com/p/phamlp/）。但是，真實的東西是無法替代的。

如果是我的項目，我會考慮Compass，只是在做出更改時做一個指南針更新。薩斯太好了，不能過關。 Haml是你每天的麪包和黃油，但Sass可以真正幫你製作歌曲。它建議你可能從來沒有想過的樣式表重構。

Answer 2

Haml在運行時需要Ruby。所以你將無法使用Wordpress模板。因此，你必須依靠一個PHP實現。

對於Sass，您可以使用控制檯工具Sass --watch進行自動編譯。請參閱this blog post。此外，還有Compass App，它提供了一個方便的OSX應用程序中的所有Compass features。

Answer 3

對於HAML現在有http://haml-to-php.com。 phamlp太破碎了。如果不從頭開始改變它，你就無法使它工作。見github.com/MarcWeber/phamlp。最終還將創建一個體面的SASS實施。

Answer 4

如果你不怕邊緣，你可以試試這個WordPress插件：https://github.com/sxua/HAML-SASS-for-Wordpress。 即將在Github上的更多細節。

Answer 5

不像在每個請求的基礎上在服務器上運行它，但FWIW，我建立了一個腳本來自動編譯我的開發機器上的haml/sass，所以至少我可以使用haml/sass輕鬆地生成我的Wordpress模板和CSS：https://gist.github.com/1169586享受！

Answer 6

你可能想看看無言0​​https://github.com/welaika/wordless

這是一個WordPress的插件，帶有指南針/上海社會科學院，CoffeScript和Haml的。

Answer 7

這是一個新的插件我剛剛發佈：http://wordpress.org/extend/plugins/wordpress-sass/

它使用PHamlP，其所有的疣，但至少它不需要指南針在服務器上。

插件是非常簡單的實現，並自動重新生成您的的style.css每當style.scss文件（或任何你選擇將它命名）進行更新。

更多信息：http://blogrescue.com/2011/12/sass-for-wordpress/

埃德

Answer 8

我創建了一個開發工具包使用HAML，PHP和上海社會科學院與WordPress主題微風之作。它也編譯你的JavaScript！一切都最終編譯成一個WordPress主題。當我遇到這個問題時，這是我的解決方案。我希望這有助於位：

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

Answer 9

我意識到這是一個較舊的線程，但我在這裏登陸，以便其他人可能也。有許多gulp和grunt插件可以做到這一點，但是如果你在OSX上，CodeKit是非常方便的。

而這個SO thread上的人們提供了關於如何在PHP文件中編譯haml的建議。