読者です 読者をやめる 読者になる 読者になる

Sinatraのあらかると

記録することで、環境構築で悩まない。

テーマの4点 + 1

Web-app-themeのテーマを変えよう。

bootstrapはWindowsでレイアウトを変えるのは少し辛いかもしれない。

ある程度、修正できたら併用しよう。

Gemfileに追加

gem 'web-app-theme'

コマンドラインで以下を実行する

rails g web_app_theme:theme --theme="amro"

rails g web_app_theme:theme

初回はapplication.html.erbを書き換えてよいか聞いてくるのでYを選ぶ...

2回目以降は、nを選ぶ...

・amro

・Bec

・blue

・red

・デフォルト

調べてみて、4点 +1 のテーマを発見した。(以下※とマーク付け)

紹介サイトを見つけた

※Default・Activo 2・※Red・※Amro・※BecBec-Green・Blue・Djime-Cerulean・Drastic Dark・Kathleene・Olive・Orange・Greenish・Warehouseの14種類

www53.atwiki.jp

これで、すべてのレイアウトを試せる...

※テーマをすべて、generateしてstylesheetで切り替えるのもありです。

切り替え方は後ほど...

また、追加したりレイアウトの画像をのせたりするかもしれない。

自作の観察日記システム、レイアウトイメージ...

~レイアウトの切り替え方~

app/views/layouts/application.html.erb

タイトルの前にスタイルシートの設定タグがあるはず...

web-app-theme/themes/amro(ここを変更してレイアウトが変わる)/style

<%= stylesheet_link_tag "web-app-theme/base", "web-app-theme/themes/amro/style", "web-app-theme/override", :cache => true %>

ぜひ、bootstrapと併用して使おう...

amro(おすすめです、愛用してます)

f:id:emerald00:20160519222104p:plain

Bec

f:id:emerald00:20160519222158p:plain

blue

f:id:emerald00:20160519222218p:plain

red

f:id:emerald00:20160519225142p:plain

デフォルト

f:id:emerald00:20160519222238p:plain

Copyright © 2007-2017 Takayuki Kamiyama. All Rights Reserved.