Sassとcompassをwordpressでも使いたい
SassやHamlはcompassと合わせて「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で大元の台本(Scss)が編集できる。
vi sass/screen.scss
編集後、screen.scssを保存し、
と打つと、cssがコンパイルされる。
compass compile
毎回コマンドを打つのが面倒な場合、
と打つと、scssに変更があるたびにコンパイルしてくれる。
compass watch