【CakePHP】TwitterBootstrapプラグイン導入
CakePHPにTwitterBootstrapプラグインを導入するための手順を備忘録として書いていきます。
手順1.
Bootstrap本体を下記のURLからダウンロードします。
http://getbootstrap.com/2.3.2/index.html
app/webroot以下にあるフォルダcss、jsにダウンロードしたcss、jsのファイルを移動します。
手順2.
app/Plugin以下にTwitterBootstrapプラグイン配置します。
$ git clone git://github.com/slywalker/TwitterBootstrap.git app/Plugin/TwitterBootstrap
または、下記のURLからダウンロードし、zipを解凍します。
https://github.com/slywalker/TwitterBootstrap
解凍されたTwitterBootstrap-masterディレクトリをapp/Plugin以下にコピーします。
手順3.
ディレクトリ名をTwitterBootstrapに変更します。
$ cp TwitterBootstrap-master app/Plugin/TwitterBootstrap
手順4.
プラグインの読み込み設定をします。
app/Config/bootstrap.phpの最後に以下を追加します。
CakePlugin::load(array('TwitterBootstrap'));
手順5.
app/Plugin/TwitterBootstrap/View/Layouts/default.ctpからテンプレートファイルをコピーして、app/View/Layouts/bootstrap.ctpにして保存します。
$ cp app/Plugin/TwitterBootstrap/View/Layouts/default.ctp app/View/Layouts/bootstrap.ctp
手順6.
コントローラに以下のコードを書くことでレイアウトが適用されます。
public $layout = 'bootstrap';
以上でTwitterBootstrapが適用されるようになります。