HTMLベタ書きじゃない限りWEBサイトには管理画面がつきものです。
今回はその管理画面を作るにあたってきれいなテンプレートが世の中にたくさんあるので紹介しようと思います。
管理画面はSEOもとくに意識する必要は無いですし、業種のよってデザインが異なるようなものでもありません。
なので1個作れば使いまわせるのですが、そもそも作らなくてもテンプレートが無料で手に入るのでそれを使ったほうがいいでしょう。
多少のデザイン変更は自分で行ってもたいした手間にはなりません。
ちなみに今時は管理画面と言ってもスマホやタブレットにも対応するレスポンシブ仕様のものが多いです。
レスポンシブ対応には bootstrap という Twitter の会社が作ったCSSフレームワークを使うものが多いです。
bootstrap とは簡単に綺麗なデザインのページを作れるもので、WordPressのテーマにも採用されていることがあります。
そして、管理画面にはだいたいサイドメニューがありますが、このサイドメニューにアイコンは Font Awesome というものを使うと便利です。
これから紹介する管理画面のテンプレートにも上記のものが多く使われていますので、興味があれば適当にダウンロードして解析してみるといいです。
個人的に好きなテンプレート
AdminLTE
個人的には一番好きなテンプレートです。
≫ ホーム
≫ デモ
≫ ダウンロード
≫ bootstrap 3
このテンプレートもそうですが、管理画面は美しいデザインよりカスタマイズのし易さが大事です。
そのためにはサイドメニューなどに無駄にグラフとか丸いボタンとか無いほうがいいです。
コンテンツ部分に関しては自分のサイト用に作り直すのでグラフとかあってもどうでもいいです。
アイコンも画像を埋め込まれている場合、自分で管理システムを作るときにメニューに応じてアイコン画像を作成しなくてはいけなくなります。
管理画面はデザインなどあまり求められることは無いです。
男性が合コンに行ったときに派手に着飾っているより最低限のシンプルさで清潔感があり、1ポイント時計などいいものつけてる方が高感度が高いです。(主観)
その方が色々なタイプのオシャレをしてきた女性に合わせやすいですし(笑)
管理画面もシンプルなものを1つ持ってれば看護師専門の求人サイトでも高級不動産検索サイトでも対応できます。
あとはコンテンツエリアのサブタイトルやテーブルのデザインなどが使えそうかを判断します。
綺麗なグラフとか世界地図とか使う場面無いのであまり気にしなくていいです。
そういう意味でAdminLTEは使いやすく、開発時にちょっと自分好みにカスタマイズすればOKなんで便利です。
まとめサイト一覧
AdminLTEさえあれば充分ですが、デザインなど好みの問題もあると思います。
きれいにまとめてくれているサイトがたくさんあるのでご紹介します。
※内容が重複しているものもあります。
調べてみたら思いの外無料のテンプレートがたくさんありました。
これだけあれば自分好みのものも手に入るのではないでしょうか？
管理画面で使えそうな無料の Bootstrap テンプレート
shotetsさん
9種類
個人的に好きなデザインのテンプレートが紹介されています。
bootstrapのバージョンまで書いてあるので、バージョンが気になる方はいいかも。
すべて無料！使いやすい！Bootstrap製ダッシュボード管理画面テンプレート10選
seleqt.netさん
10種類
この方のサイトで紹介されているものは全て無料です！
なにやらカラフルなものまでありますが、これが無料って作った人はどうやってお金稼いでいるんでしょうかね？
2018年版 Bootstrap3 管理画面 無料テンプレート ８選
shiru-web.comさん
8種類
上記のものと重複しているものもありますが一応。
2018年版ってSEOの為に書いてるだけだと思いますがｗ
まとめ
管理画面の
ただ1つ気になるのはどれも英語なんですよね(笑)
僕は世界一周とかしたのに英語全然話せないんですよ。
ドキュメントとかもあって読んでみたいんですけど。
コメントを残す