Asterisk - アスタリスク -

説明するほどでもないブログ

CakePHP2 で Twitter Bootstrap を使ってみた

「どうせなら、簡単に良い感じのデザインで作ってみたいよなぁ~」

はい、そういう事で「Twitter Bootstrap」を選択しました。
今回はコレを CakePHP で利用するにはどうんだろう?ってことで調べました。

まぁ、Google 先生に聞けば教えてくれるわけでありますが・・・。

CakePHPにTwitter Bootstrapプラグインを導入する

ぶっちゃけ上記の記事を参考すれば、それとなくできました。
私は 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/ でブラウザで確認すると・・・

f:id:binder:20130127213646j:plain

君は何なんだね?

入れ替えた私が悪いね・・・orz

んで、ゴニョゴニョした結果・・・

    <?php echo $this->Html->css('cake.generic'); ?>

これを入れることで解決!スタイルが読めてなかったのですね。

できた!

f:id:binder:20130127230010j:plain

以上です。