2011年8月19日金曜日

rails wep-app-themeを試してみた

このエントリーをブックマークに追加 このエントリーを含むはてなブックマーク
ビジュアルを重視しなければシンプルですっきりとしたレイアウトを簡単に設定できる。
実際web製作ではビジュアルも大事だけど、こういうのがあると場所によっては楽できそう

・web-app-theme→シンプルでカラーのテーマを簡単に選択してつけることができる。


rails 3.0.10
ruby1.9
rake 0.87

・まずはgemfileに記述
gem 'web-app-theme'
bundle install

必要なライブラリをインストールしてくれる
(rake web_app_theme:dependences:installはしなくてもいけた。)

・テスト用のpostを作成
rails g scaffold post title:string body:text
・これは共用レイアウトすべてテーマを設定
rails g web_app_theme:theme
ここでweb-app-themeのテンプレートが適用される。
適用されるのはapplication_controllerなのですべてのビューに適用される

個別のコントローラービューに設定する場合
とりあえずadminのビューを作成
rails g controller admin index
指定のコントローラービューにテーマを設定
rails g web_app_theme:theme admin
指定コントローラービューのテーマを変更
rails g web_app_theme:theme admin --theme="blue"

でadmin/indexを見るとblueのテンプレートが適用されている。(postはデフォルトのthemeのまま)

その他コマンド
こうするとおそらくサインイン用のレイアウトになっているんだろう。たぶん
rails g controller sign index login logout
rails g web_app_theme:theme sign --layout-type=sign

これをするといい感じにかっこよくなる(デフォルトはtext?よくわからない)
rails g web_app_theme:theme sign --layout-type=crud

使いこなせたら簡単に以下のデモのようなスタイルが作れるみたい。





0 件のコメント:

コメントを投稿