CakePHPでBootstrapを使おう！まとめ - ど素人によるwebサービス開発日記

初心者でもおしゃれ風なサイトを作りたい！ということでBootstrapをCakePHPにBootsrapをインストールすることにしました。

Webサイトのデザインはスタイルシート（CSS）で指示を出します。

なのでざっくりまとめると、BootstrapはCSSが編集しやすくなるように開発されたフレームワーク。

色や形、サイトの配置や大きさなどを決めやすくしてくれるという認識で良いでしょうか。。。

実際にはこんなことが出来るそうです。

↓

手順は以下のサイトを参考に。

↓

Local Hostでの確認は、localhost/ファイル名/twitter_bootstrapで行います。

Bootstrapをインストールしただけで、少しサイトが明るくなった！！（まだまだシンプルすぎるけど）

そもそもCakePHPではどこのフォルダにスタイルシートが入っているのかというと、/app/webroot/css/内に入っています。

独自のスタイルシートを設定する場合も同じ場所にCSSを入れます。

あとは、CakePHPのデフォルトでレイアウトの設定がされているので、それを変更する必要があるようだ。

ログイン画面に独自のCSSを適用させたい！！

使いやすいアイコンなどなど

ダッシュボードのテンプレート

他にも調べれば調べるほど色々出てくるテンプレート。

自分のサイトもこんな風になれるのかしら、と淡い期待を寄せる。。。

初心者の私には神のようなサイトもありました。

ドラッグ&ドロップでサイトを組み立てられたら、テンプレートすら必要なくなるかもしれません。

（初心者にはテンプレートの導入&アレンジすら難しく感じるのです。涙）

ということで、CakePHPでBootstrapを使う時のまとめ、でした。

実際に色々出来るようになったら、さらに詳しく書きたいと思います。