PAGETOP

Bootstrapで手軽にかっこいいサイトを作りたいときにオススメの無料テーマ8選

2016年6月3日

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テーマをご紹介しました。
簡単なコーポレートサイトであれば、一瞬にしてスマホ対応サイトが出来上がってしまいます。コストをかけられないときの強い味方になりますね。ぜひチェックしてみてください。