ウェブと食べ物と趣味のこと

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

ウェブと食べ物と趣味のこと

格安SIMのこと、windows10、迷惑メールネタ、写真ネタなど。困った方の参考になる記事を心掛けます。

【CSSフレームワーク】Bootstrap3のLP用テンプレートまとめ【全部無料】

サイト運営 テンプレート HTML/CSS/JS

スポンサードリンク

こんにちは。Webデザインはあまり得意ではないケーです。(今月2回目)

先日のBootstrapのテンプレ記事をたくさんの方に見ていただきました。

www.weblog-life.net

Bootstrapのテンプレといえば管理画面用テンプレートよりポートフォリオや商品ページなどで使える、LP(ランディングページ)のテンプレートがより需要があるんじゃないかと思います。

個人的にはこの手のテンプレは普段使うシーンが少ないのですが今後のためにまとめてみたいと思います。

Stylish Portfolio

オフキャンバスナビゲーションとカスタムトグルメニュー。フッターのGoogleマップも印象的。

f:id:photoblg:20160619184036p:plain

f:id:photoblg:20160619184102p:plain

f:id:photoblg:20160619184144p:plain

ライセンス

MIT ライセンス

デモ

http://blackrockdigital.github.io/startbootstrap-stylish-portfolio/

ダウンロード

https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/archive/v1.0.4.zip

Agency

フルレスポンシブ。Aboutセクションにあるタイムライン形式の表示がおしゃれ。TEAMセクションのプロフィール画像、ソーシャルボタンリンク、Contactセクションのフォームと有用なパーツが揃っている。

f:id:photoblg:20160619185302p:plain

f:id:photoblg:20160619185323p:plain

f:id:photoblg:20160619185418p:plain

ライセンス

MITライセンス

デモ

http://blackrockdigital.github.io/startbootstrap-agency/

ダウンロード

https://github.com/BlackrockDigital/startbootstrap-agency/archive/v1.0.6.zip

AppStation

フルレスポンシブ。スライダー、プライスリストや動画セクション、問い合わせフォーム、Google Mapなど一通り揃っている便利テンプレート。

f:id:photoblg:20160621210114p:plain

f:id:photoblg:20160621210146p:plain

f:id:photoblg:20160621210211p:plain

ライセンス

CC 4.0

デモ

http://wpfreeware.com/preview/appstation/

ダウンロード

http://www.wpfreeware.com/download/9040/

Simple

1枚LPではないですが、その名の通りシンプルなテンプレート。ページテンプレート4枚+フォームがあるので簡単なサイトを用意するぐらいなら充分。

f:id:photoblg:20160621212259p:plain

f:id:photoblg:20160621212316p:plain

f:id:photoblg:20160621212357p:plain

ライセンス

CC3.0

デモ

http://freehtml5.co/demos/simple/

ダウンロード

http://freehtml5.co/download/?item=simple-free-website-template-using-bootstrap

Flow App Landing Page

フルレスポンシブ。アプリ向けランディングページ。写真をマウスオーバーするとメッセージが出るなど細かな部分がおしゃれ。

f:id:photoblg:20160621214126p:plain

f:id:photoblg:20160621213736p:plain

f:id:photoblg:20160621213801p:plain

ライセンス ?

デモ

http://demo.tb3.co.in/bootstrap/flow-app/

ダウンロード(SNSにシェアで無料ダウンロード)

https://www.xtendify.com/en/themes/bootstrap/landing-pages/957-flow-app-landing-page

SpicyX

フルレスポンシブのレストラン向けテンプレート。メニューやギャラリーがタブになっており、いろいろ流用できそう。カラーバリエーションも10個あり幅が広がりますね。

f:id:photoblg:20160621214928p:plain

f:id:photoblg:20160621215010p:plain

f:id:photoblg:20160621215028p:plain

ライセンス

CC4.0

デモ

http://www.markups.io/preview/spicyx/

ダウンロード

http://www.markups.io/download/325/

Mobirise

3種類のヘッダー+テーマとブログ用テーマがが1つに入ったテンプレート。使えそうなパーツが多数あるので必要なものを取捨選択して使いたいところ。

ONE PAGE

f:id:photoblg:20160621220431p:plain

f:id:photoblg:20160621220501p:plain

f:id:photoblg:20160621220606p:plain

SLIDER

f:id:photoblg:20160621220642p:plain

VIDEO BG

f:id:photoblg:20160621220835p:plain

BLOG

f:id:photoblg:20160621220907p:plain

f:id:photoblg:20160621220944p:plain

ライセンス

FREE LICENSE

デモ

https://mobirise.com/bootstrap-template/one-page.html

ダウンロード

https://mobirise.com/bootstrap-template/mobirise-free-template.zip

Oleose

アプリ向けに最適化されたテンプレート。アイキャッチ、カラーなどを3パターンの中から選べる。

f:id:photoblg:20160621222015p:plain

f:id:photoblg:20160621222049p:plain

f:id:photoblg:20160621222233p:plain

f:id:photoblg:20160621222126p:plain

f:id:photoblg:20160621222357p:plain

f:id:photoblg:20160621222146p:plain

f:id:photoblg:20160621222208p:plain

f:id:photoblg:20160621222428p:plain

f:id:photoblg:20160621223042p:plain

ライセンス

MIT License

デモ

http://www.scoopthemes.com/templates/Oleose/

ダウンロード

https://github.com/ScoopThemes/Oleose/archive/master.zip

Launch Me Up

モーダルウィンドウのログイン画面付きのシンプルなテンプレート。会員向けのちょっとしたコンテンツに使えそう。

f:id:photoblg:20160621224456p:plain

f:id:photoblg:20160621224509p:plain

f:id:photoblg:20160621224532p:plain

ライセンス

オープンソース

デモ

http://www.codeply.com/render/ENOq39Ddsc

ダウンロード

http://www.codeply.com/download/ENOq39Ddsc

Alissa

カミングスーンLP。簡易ですがニュースレター購読用スクリプト(フォーム送信すると指定したEメールに届く)も用意されているので、何かのユーザー募集などにも使えそう。

f:id:photoblg:20160621225448p:plain

f:id:photoblg:20160621225754p:plain

ライセンス

デモ

http://azmind.com/demo/alissa-coming-soon/v2-0/

ダウンロード

http://azmind.com/wp-content/plugins/download-monitor/download.php?id=79

最後に

いかがでしたでしょうか。レスポンシブで1枚もののLP用テンプレートはスマホアプリ向けのようなデザインが多いですが、画像を差し替えればアプリ以外のサイトにも使えます。

ほとんど場合ダウンロードをすると、デモと同じ状態で表示できますので、まずは不要な部分の削除、修正をして進めてみてください。

見ての通りクオリティの高いテンプレートが多いので手間をかけずに見た目が良いサイトを作ることができます。デザインも大事ですがサイト運営は集客がキモなので、空いた時間は集客に力を入れたいですね。

スポンサードリンク