Bootstrapって便利ですよね
でも、たまには違うデザインテンプレートを使いたい気持ちに駆られることがあります。
そんなときにちょっと試してみたのが、
Googleが作ってるMDL(Material Design Lite)
これをYii2で使うための設定をメモ
まずはnode.jsをインストール
brew install node.js
バージョンを確認
node -v
続いてbowerのインストール
node install bower -g
バージョンを確認
bower -v
Yii2がインストールされているディレクトリへ移動
cd yii
Material Design Liteをインストール
bower install material-design-lite --save
vendor/bower/material-design-liteがあることを確認
yii/vendor/yiisoft/yii2/web/JqueryAsset.php
を元に該当箇所をMaterialDesignLiteに適した形で修正し、
MaterialDesignLiteAsset.phpを作成
frontend/assets/AppAsset.phpに
public $depends = [
'yii\web\MaterialDesignLiteAsset',
];
追記
これでfrontend側でMDLが呼び出されるようになった。
backendで使う場合はbackend/assets/AppAsset.phpに
上記frontendと同じ設定でOK