AMG Solution

これは便利! Bootstrapおすすめ拡張機能まとめ 【 テーマ編 】

feels

 
お久しぶりです。
Bootstrap拡張機能紹介の第2回です。

第1回目となる前回はグラフィックアイコンについて紹介しました。

今回は画面の見た目やデザインを簡単に変更することができる、様々なテーマをご紹介します。

Bootswatch

Bootswatch
Bootswatch
これ一つで10種類以上のテーマを拡張できるプラグインです。
様々なバリエーションがありますので、たまに見た目を変えたいというときに使うと良いかもしれません。

使い方も簡単でCSSを置き換えるだけとなっています。

CODEMATICにも取り入れていますので、CSSの設定を変更すれば使うことができます。

metro-bootstrap

metro-bootstrap
metro-bootstrap
Windows8 Metro UIのようなスタイルに変更することができるテーマです。

比較的シンプルなデザインなので、タブレットなどのタッチ操作を行うデバイスで使うサイトに適しているかもしれません。

Bootflat

Bootflat
Bootflat
フラットUIを取り入れたテーマです。

基本カラーがパステル系なので明るくはっきりとした色合いになっています。

Maverix Bootstrap Theme

Maverix-Bootstrap-Theme
Maverix Bootstrap Theme
MacOS風のスタイルにすることができるテーマです。

ボタンなどの画面部品もMacOSのような見た目になっています。
Safariで見るとまさにMac! という感じになるかもしれません。

bootstrap-google-plus

Bootstrap-Google-Plus-Theme
bootstrap-google-plus
Google+風にしてくれるテーマです。

Bootstrapを使っていることがわからないくらい見た目が変わります。

Fbootstrapp

Fbootstrapp
Fbootstrapp
こちらはFacebookのような見た目になるテーマです。

まとめ

いかがでしたでしょうか?

1つのサイトを長く使っていると画面の見た目にどうしても飽きが来てしまうことがあるかもしれません。
そんな時、サイト自体はそのままにテーマだけを変えることで新鮮さを保つことができるのではないかと思います。

また次回をお楽しみに!

《関連記事》
これは便利! Bootstrapおすすめ拡張機能まとめ ~ アイコン編 ~

feels recruit

HORIBE'S BLOG

堀部の記事

堀部の記事の最新情報をお届けいたします。

SAME CATEGORY BLOG

この記事と同様のカテゴリー記事

feelsでSFA・CRM
はじめました。
LOADING