一覧デザインテーマ
kintone一覧画面のデザインをまるごとカスタマイズします。
ヘッダー・行・罫線の色、フォント、余白を自由に設定。5種のテンプレートからすぐに適用できます。
こんな課題ありませんか?
- kintoneの標準テーマが会社のイメージや業種と合っていない
- 一覧画面の罫線が多すぎて見づらい、またはもっとくっきりさせたい
- 文字が小さい、行間が狭くて読みにくいと言われる
- セル色分けと組み合わせてもっとモダンな見た目にしたい
- 一覧性を高めるために余分な余白を減らして圧縮表示したい
5種のテンプレート
Modern Clean
MUI風のブルー系ヘッダー、縦線なし、薄い横線。一般的なビジネスアプリに最も馴染むクリーンなデザイン。
Minimal Mono
白背景・極細罫線・コンパクトな余白。アパレルブランドやデザイン事務所など、余計な装飾を嫌う業種に。
Bold & Clear
濃灰色ヘッダー・大きめ文字・太い罫線。工場・現場・物流など、視認性と明確な区切りが重要な業種に。
Colorful Board
ティール系ヘッダー・外枠なし・横線のみ。セル色分けプラグインと組み合わせるとmonday.com風のカラフルなボードに。
Craft & Natural
ベージュ・ブラウン系の温かみある配色。チーズケーキ専門店、古木家具屋、ハンドメイドショップなど、かわいらしいブランドイメージの店舗・企業に。
カスタマイズできる項目
ヘッダー
- • 背景色・テキスト色
- • フォントサイズ・太字
- • 下罫線(色・太さ・ON/OFF)
行
- • 背景色・交互行の色
- • テキスト色
- • フォントサイズ・太字
- • 余白(4段階)
罫線
- • 横罫線(色・太さ・ON/OFF)
- • 縦罫線(色・太さ・ON/OFF)
- • 外枠(色・太さ・ON/OFF)
セル色分けプラグインとの組み合わせ
「Colorful Board」テンプレートに「セル色分けプラグイン」を組み合わせると、 ステータスや優先度に応じて行がカラフルに色分けされ、monday.comやNotionのような モダンなプロジェクト管理画面の雰囲気になります。
セル色分けプラグインを見る →設定方法
テンプレートを選択
5種のテンプレートから近いイメージのものを選ぶと、全設定が自動で入力されます。
プレビューで確認しながら微調整
色や罫線を変更するたびにプレビューが即座に更新されます。
保存して一覧画面を確認
設定を保存すると、一覧画面(表形式)を開いた時点でテーマが自動適用されます。
インストール方法
上のダウンロードボタンからプラグインファイル(.zip)をダウンロードします。
kintoneのシステム管理画面を開き、「プラグイン」メニューから「プラグインの読み込み」をクリックします。
ダウンロードしたzipファイルを選択してアップロードします。
使いたいアプリの設定画面を開き、「プラグイン」タブからこのプラグインを追加します。
プラグインの設定画面でテンプレートを選択し、「保存」をクリックします。
ご利用にあたって
- ●他のプラグインやJavaScriptカスタマイズを行った場合に正しく機能しなくなる場合がございます。
- ●アプリを変更した際には、プラグインの設定変更が必要になる場合があります。
- ●プラグインをご利用いただくにはkintoneスタンダードコースの契約が必要です。