読者です 読者をやめる 読者になる 読者になる

CakePHPのTwitter Bootstrapプラグインの使い方

CakePHPでTwitterBootstrapを使うときはいつもTwitter-Bootstrapプラグインを入れてます。
毎回この作業をやるのですが、毎回忘れて調べてて時間がもったいないので、備忘録として作業を書き残します。。


1.TwitterBootstrapプラグインをapp/Plugin以下に配置する。ディレクトリ名はTwitterBootstrapにしました。

$ cd project
$ git clone git://github.com/slywalker/TwitterBootstrap.git app/Plugin/TwitterBootstrap

2.app/Config/bootstrap.phpの末尾に以下を追記します。

CakePlugin::load(array('TwitterBootstrap'));

3.次にTwitterBootstrap本体をダウンロードします。そして、app/webroot以下のcss、js、imgにそれぞれファイルを配置します。
ここから、ダウンロードします。
http://twitter.github.io/bootstrap/assets/bootstrap.zip

それかgithubからcloneしてください。

4.テンプレートファイルをapp/Plugin/TwitterBootstrap/View/Layouts/default.ctpからコピーして、app/View/Layouts/bootstrap.ctpで保存します。

$ cp app/Plugin/TwitterBootstrap/ViewLayouts/default.ctp app/View/Layouts/bootstrap.ctp

こんな感じでだったはずです。

今回は以下のサイトを参考にしました。ありがとうございました。
CakePHP2のTwitterBootstrapプラグインがかっこいい - なんたらノート第三期ベータ
CakePHPのデザインをTwitter Bootstrapに変更する作業のメモ | asklife
slywalker/TwitterBootstrap · GitHub