「Gentellela」はBootstrap 3を使った無料の管理画面用テンプレートです。デフォルトスタイルのBootstrap 3をベースとして多数のパワフルなjQueryプラグインやツールを組み込んだもので、美しい管理用パネルやダッシュボードを簡単に作成することができます。
テーマにはチャートや、カレンダー、フォーム検証ライブラリ、ウィザードスタイルのインターフェイス、ナビゲーションメニュー、テキストフォーム、スライダー、プログレスバー、通知メニューなどたくさんの有用なライブラリが組み込まれています。
今回はオンライン上で確認できるデモサイトを元に、どのような画面が実現できるのかスクリーンショットとともに紹介したいと思います。
ダッシュボード
▲ダッシュボードのデモでは多様なチャートが表示できることが確認できます。テーマはレスポンシブ対応で画面サイズに応じて適切に描画されます。
フォーム
▲情報の入力に不可欠な入力フォームの画面です。フォームの入力チェックや、ファイルアップロード、ボタン系などさまざまな場面に対応できそうです。
UIエレメント
▲タブやツールチップ、スライダー、ダイアログ、カレンダー、通知など多数のUIエレメントが網羅されています。Font AwesomeやGlyphiconsのアイコンもあらかじめ組み込まれています。
テーブル
▲使いどころの多いテーブのサンプルです。
デモサイトには複雑なグラフのサンプルや、ログイン画面、プライステーブルなどさらに多数のサンプルが実装されています。実際に動かして確認してみることをお勧めします。
まとめ
Gentallelaを使い始める場合、リポジトリに含まれるドキュメントを手がかりに始めるのが良いでしょう。ディレクトリ構造や、CSS/JavaScriptの設定方法、雛形となるempty.htmlの存在など、自作管理画面作成に必要な情報が一通り記載されています。
なおGentallelaはMITライセンスを採用しています。
