CakePHP2 で Twitter Bootstrap を使ってみた
「どうせなら、簡単に良い感じのデザインで作ってみたいよなぁ~」
はい、そういう事で「Twitter Bootstrap」を選択しました。
今回はコレを CakePHP で利用するにはどうんだろう?ってことで調べました。
まぁ、Google 先生に聞けば教えてくれるわけでありますが・・・。
ぶっちゃけ上記の記事を参考すれば、それとなくできました。
私は Windows 7 (x64) の XAMPP 環境でやりました。
そのとき問題になった点を残しておくでござる。
その1:\app\Config\bootstrap.php の何処に「CakePlugin::load('TwitterBootstrap');」を記述するん?
以下の場所に記述しておいた。(145行目くらい)
あー、フォルダ名を合わしておくっていう地味な罠があったんですが・・・割愛する!
/** * Plugins need to be loaded manually, you can either load them one by one or all of them in a single call * Uncomment one of the lines below, as you need. make sure you read the documentation on CakePlugin to use more * advanced ways of loading plugins * * CakePlugin::loadAll(); // Loads all plugins at once * CakePlugin::load('DebugKit'); //Loads a single plugin named DebugKit * */ CakePlugin::load('TwitterBootstrap');
その2:エラーメッセージが出たけど?
\app\View\Layouts\default.ctp
と
\app\Plugin\TwitterBootstrap\View\Layouts\default.ctp
を入れ替えて localhost:8080/cakephp/ でブラウザで確認すると・・・
君は何なんだね?
入れ替えた私が悪いね・・・orz
んで、ゴニョゴニョした結果・・・
<?php echo $this->Html->css('cake.generic'); ?>
これを入れることで解決!スタイルが読めてなかったのですね。
できた!
以上です。