centos7.2 + Apache2.4 + php7 + cakephp3 + mysql5.6 で管理画面を作ります。その4

cakephpにbootstrapテーマを適用します。メモとして書きます。

"bootstrap無料テーマ"とか検索したら、良さそうなテーマあるので、
今回は”SB Admin 2”ってやつを使います。シンプルで良さそう。
github.com

テーマをダウンロードして、展開する。

/pages/index.htmlをベースに使えそう。

/distと/vendorにjsとcssが格納されている。

cakephpでは/src/Template/Layout/default.ctpがデフォルトレイアウトファイルとして使われる。

/src/Template/Layout/default.ctp

<div class="container clearfix">
　　　　<?= $this->fetch('content') ?>
</div>

"fetch('content') ?>"で各Actionで指定したテンプレート(index.ctp)が描画される。
”SB Admin 2”のindex.htmlをコードdefault.ctpに貼り付けて、メインエリアに下記を貼り付けたら、
いい感じになった。

<div class="container clearfix">
　　　　<?= $this->fetch('content') ?>
</div>

ただし、index.htmlをそのまま貼り付け場合は、不要なダッシュボードのウィジェットがあるのでhtmlタグを削除するのと、cssやjsのパスをcakephp(/webroot)用に変更してあげる必要がある。
今回のテーマ以外でも上記の作業をしてあげれば、使えそう。

bigmac-jp blog