CakePHPでBootstrapを使う方法

CakePHPでTwitter Bootstrapを簡単に使えるようにプラグインを作成された方がいらっしゃいます。

Twitter Bootstrapプラグインの導入方法をまとめました。

1.Twitter Bootstrap本体をダウンロードする

以下のURLから、bootstrap.zipをダウンロードし、解凍します。

http://twitter.github.com/bootstrap/

cssファイル、imgファイル、jsファイルをそれぞれwebroot以下のフォルダに配置します。

2.TwitterBootstrapプラグインをPlugin以下に配置します。

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

もしくは以下からzipファイルをダウンロードします。

https://github.com/slywalker/TwitterBootstrap

ダウンロードしたTwitterBootstrap-master.zipを解凍します。

解凍されたTwitterBootstrap-masterディレクトリをapp/Plugin以下にコピーします。

コピー後のディレクトリ名をTwitterBootstrapにします。

cd /your_app_path
cp TwitterBootstrap-master app/Plugin/TwitterBootstrap

3.プラグインを読み込むように設定します。

app/Config/bootstrap.phpの最後に以下を追加します。

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

4.default.ctpファイルを配置します。

app/Plugin/TwitterBootstrap/View/Layouts/default.ctpをapp/View/Layouts/bootstrap.ctpとしてコピーします。

以下のサイトを参考にさせて頂きました。

otukutunの日記 – CakePHPのTwitter Bootstrapプラグインの使い方

ASKLIFE – CakePHPのデザインをTwitter Bootstrapに変更する作業のメモ

  1. コメントはまだありません。

  1. 2014年 5月 9日
  2. 2014年 5月 19日
コメントするには、 [ ログイン ] する必要があります。