Gentallela - プログラマでも美しく管理画面を作成できるBootstrapテーマ

NewImage

Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。

テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。

今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。

ダッシュボード

S 2016 04 09 0 37 01

▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。

フォーム

S 2016 04 09 0 38 27

▲情報の入力に不可欠な入力フォームの画面です。フォームの入力チェックや、ファイルアップロード、ボタン系などさまざまな場面に対応できそうです。

UIエレメント

S 2016 04 09 0 40 37

▲タブやツールチップ、スライダー、ダイアログ、カレンダー、通知など多数のUIエレメントが網羅されています。Font AwesomeやGlyphiconsのアイコンもあらかじめ組み込まれています。

テーブル

S 2016 04 09 0 42 09

▲使いどころの多いテーブのサンプルです。

デモサイトには複雑なグラフのサンプルや、ログイン画面、プライステーブルなどさらに多数のサンプルが実装されています。実際に動かして確認してみることをお勧めします。

まとめ

Gentallelaを使い始める場合、リポジトリに含まれるドキュメントを手がかりに始めるのが良いでしょう。ディレクトリ構造や、CSS/JavaScriptの設定方法、雛形となるempty.htmlの存在など、自作管理画面作成に必要な情報が一通り記載されています。

なおGentallelaはMITライセンスを採用しています。

スポンサーリンク