基本操作

画面の基本構成

最終更新:

ログインすると、どのページでも画面の左にサイドメニュー、上部にヘッダーが表示されます。この記事では、画面各部の名称と役割、画面の幅による表示の違いを説明します。

画面全体の構成

ログイン後の画面は、次の3つの領域で構成されます。

ダッシュボードを例にした画面全体の構成
左の赤枠がサイドメニュー、上の赤枠がヘッダーです
名称位置役割
サイドメニュー画面左各ページへ移動します
ヘッダー画面上部表示中のページ名の確認と、アカウントメニューの表示を行います
メイン領域残りの部分各ページの内容を表示・操作します

サイドメニュー

サイドメニューの項目を押すと、各ページに移動します。

メニュー項目表示されるページ
「ダッシュボード」ダッシュボード
「受注」受注ページ
「発注」発注ページ
「企業設定」押すとメニューが開き、「企業情報設定」「ユーザー管理」を選べます
サイドメニューで「企業設定」を開いた状態のダッシュボード

Note

「ユーザー管理」は管理者権限のあるユーザーにのみ表示されます。

各ページでできることはQuick Link EDI とはを参照してください。

サイドメニューの縮小表示

サイドメニュー下部にある丸い矢印ボタンを押すと、サイドメニューがアイコンのみの縮小表示に切り替わり、メイン領域を広く使えます。もう一度押すと元の表示に戻ります。

サイドメニューを縮小した状態のダッシュボード

縮小表示のままでも各ページへ移動できます。アイコンにマウスカーソルを合わせると項目名が表示され、「企業設定」のアイコンでは「企業情報設定」「ユーザー管理」がアイコンの横に表示されます。

縮小表示で「企業設定」のアイコンにカーソルを合わせた状態

ヘッダー

ヘッダーの左側には表示中のページ名が、右側には会社名とログイン中のユーザー名が表示されます。

会社名とユーザー名の部分を押すと、アカウントメニューが開きます。

アカウントメニューを開いた状態のダッシュボード
メニュー項目内容
「アカウント設定」ユーザー情報ページが表示され、自分の登録情報を確認・変更できます
「ログアウト」ログアウトして、ログイン画面に戻ります(ログイン・ログアウトするを参照)

画面の幅による表示の違い

画面の幅に応じて、表示が自動で切り替わります。

画面の幅表示
1200pxより広いサイドメニュー・ヘッダー・メイン領域がすべて表示される、標準の表示です
600px以上1200px以下サイドメニューとヘッダーはそのままで、ページによってはメイン領域の配置が幅に合わせて変わります
600px未満サイドメニューとヘッダーの代わりに、画面上部にメニューボタンとロゴが表示される、スマートフォン向けの表示になります

推奨される画面サイズについては動作環境を参照してください。

スマートフォン向けの表示

画面の幅が600px未満のときは、画面上部の左端にメニューボタンが表示されます。

スマートフォン向け表示のダッシュボード

メニューボタンを押すと、各ページへ移動するメニューが画面左から開きます。

スマートフォン向け表示でメニューを開いた状態
メニュー項目内容
「Top」ダッシュボードが表示されます
「受注」受注ページが表示されます
「発注」発注ページが表示されます
「企業設定」押すとメニューが開き、「企業情報設定」「ユーザー管理」を選べます
「ログアウト」ログアウトして、ログイン画面に戻ります

Note

スマートフォン向けの表示では、ヘッダーのアカウントメニューが表示されません。ログアウトはメニューの「ログアウト」から行います。

関連記事

お探しの情報は見つかりましたか?

解決しない場合やご不明な点は、利用者向けお問い合わせよりお気軽にご連絡ください。