Sassとcompassをwordpressでも使いたい

SassやHamlcompassと合わせて「Rails三兄弟」なんて言われているようですが、Rails以外でも使えます。
導入もおどろくほど簡単。

作業ディレクトリ(例えばwordpressでtwentyelevenというテーマを適用している場合なら、wp-content/themes/twentyeleven)で


gem install compass
と打つ。
場合によっては

ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions into the /Library/Ruby/Gems/1.8 directory.
と怒られる。その場合、めげずに

sudo gem install compass
と応酬する。
また、gemコマンドを使うのであるから、rubyもインストールされていることは前提であることも、念のため。
まずSassを入れてからcompassじゃないの?と思う方もおられるかもしれないが(私自身そう思った)このように、compassのほうだけをインストールすればSassもcompassも両方使えるようになるので、心配は無用だ。

Successfully installed compass-0.12.2
1 gem installed
と出ればインストール成功。
これを確認後、

compass init
と打てば、

Congratulations! Your compass project has been created.
となる。
これで台本となるファイルやディレクトリが作られた。

vi sass/screen.scss
でviで大元の台本(Scss)が編集できる。
編集後、screen.scssを保存し、

compass compile
と打つと、cssコンパイルされる。
毎回コマンドを打つのが面倒な場合、

compass watch
と打つと、scssに変更があるたびにコンパイルしてくれる。

http://compass-style.org/help/tutorials/command-line/