管理画面のユーザーインターフェイス

管理画面の基本デザイン

管理画面はシンプルでコンテンツに集中できる1カラム、スマートフォン / タッチデバイスファーストのレスポンシブデザインです。管理画面では、以下のライブラリを使用しています。

メニュー

メニューの表示位置はモデルの設定で変更できます。「モデルの基本」ページの「メニュータイプ」の項 を参照してください。

メニューの表示位置

一覧画面

ページの一覧画面


一覧画面の画面オプション

一覧画面の「画面オプション」では、表示するカラム / 件数 / ソート順 / 検索タイプを指定できます

ページ一覧画面のフィルタ

一覧画面の「フィルタ」では、さまざまな条件でオブジェクトをフィルタリング指定できます

スマートフォンサイズでの一覧画面

スマートフォンなど画面幅の狭いデバイスでも操作可能なレスポンシブ画面になっています


作成・編集画面

ページ編集画面


ページ編集画面の「画面オプション」

作成・編集画面の「画面オプション」でカラムの表示・非表示、表示順をカスタマイズ可能です

スマートフォンでのページ編集画面

スマートフォンなど画面幅の狭いデバイスでも操作可能なレスポンシブ画面になっています