Bootstrapで手軽にかっこいいサイトを作りたいときにオススメの無料テーマ8選
Contents
Bootstrapで手軽にかっこいいサイトを作りたいときにオススメの無料テーマ8選
デザイン性が高いサイトを手軽に作りたいときには、Bootstrapのテーマを活用するのがおすすめ。レスポンシブ対応されているので、スマホ用、タブレット用とレイアウトに頭を悩ませる必要もありません。
Bootstrapってなに?どうやって使うの?という方は「レスポンシブWebサイトを素早く簡単に制作する「Bootstrap」の導入メリットと使い方」をご参照ください。
それでは、Bootstrapサイトに使える最新テーマをご紹介します。
1、TIMBER FREE ONE PAGE BOOTSTRAP TEMPLATE
PC
スマホ
斜めに配した背景画像がスタイリッシュ。ギャラリーも備えた1枚ものの多機能テーマです。「PROJECTS」のLoad More Projectsボタンをクリックすると、コンテンツが読み込まれる仕組みも実装済み。
2、NINESTARS
PC
スマホ
ファーストビューは画面いっぱいの背景画像。メニューが左上からスライドで出てきます。スマホにしたときのレイアウトも美しく、シンプルなので使い勝手がとてもいいテーマです。
3、Corlate
PC
スマホ
スクロールするとコンテンツが次々とフェードインで読み込まれていきます。ファーストビューで人物が後からフェードインするエフェクトも、アイデア次第で他の商品やサービスに使えそうですね。メニューはモバイルではドロップダウン形式に変わります。
4、link
PC
スマホ
グリッドレイアウトのギャラリーがあるテーマ。スクロールしてもメニューボタンが右上に固定されているので、使いやすいです。スクロールするとアニメーションしながら読み込まれるコンテンツも、動きが気持ちいい。
5、Landing Flask
PC
スマホ
トップページに登録用フォームが付いたテーマ。PCでは左サイドメニュー、スマホではタップでスライドして出てくるメニューになっています。ファーストビューのくるくる回るアイコンが印象的です。
6、mPurpose
PC
スマホ
通常のコーポレートサイトとしてはもちろん、商品(サービス)ページ、ポートフォリオ、ブログ、パスワードリセット、404ページと、ありとあらゆるタイプのテンプレートを含むテーマで、マルチに使えます。ショッピングカート用のデザインもあるので、ECサイトとしても使えます。
ダウンロード(http://bootstrapzero.com/bootstrap-template/mpurpose)
デモ(http://www.dragdropsite.com/demo/mpurpose-free-multipurpose-twitter-bootstrap-3-template/)
7、SB Admin
PC
スマホ
管理ページやウェブアプリのUIとして活躍できるテーマ。グラフやテーブルなどの集計機能に優れたプラグインを利用して作られており、マウスオーバーでデータを表示するなど、使いやすいデザインになっています。ボタンやパネル、ドロップダウンのスタイルがあらかじめ定義されているので、お好みで変更ができるのも魅力。
8、Brushed Template
PC
スマホ
ポートフォリオサイトにピッタリの、1ページもののテーマ。マウスホバー時や画像の並び替え時のアニメーションがきれいです。また、アラートのスタイルやタブ、レスポンシブ対応の動画などがショートコードで使える便利なテーマです。
以上、最新のBootstrapテーマをご紹介しました。
簡単なコーポレートサイトであれば、一瞬にしてスマホ対応サイトが出来上がってしまいます。コストをかけられないときの強い味方になりますね。ぜひチェックしてみてください。