5.1 カスタマイズホームの設定方法

※動画URLをご契約組織外へ展開することは禁止です。発覚した場合、ご担当者様に連絡いたします。

ホーム画面をカスタマイズできます。
受講者用のホーム画面とスタッフ用のホーム画面とを、それぞれ設定できます。
※本機能はご契約のプランによって利用できない場合がございます。
(契約プラン Entry:オプション機能、Standard または Department 以上:標準機能)

Point	受講者のホーム画面を、パーツの組み合わせによりカスタマイズすることで、ロゴ・メイン画像・特定コースグループ等を表示したり、自社イントラネットへのリンクを設置する等により、アクセス導線を向上することが可能です。

5.1.1 完成イメージ（受講者用）

カスタマイズホームでは、受講可能なコースの並び順を固定したり、コースグループで表示したりなど、サイト管理者が任意に設定できます。カスタマイズホームの完成イメージは以下のとおりです。

エリア名・項目名		内容
Ⓐ	サイトバナー	ロゴ画像が表示されます。
Ⓑ	メインビジュアル	外部リンクの設定もできます。
Ⓒ	メニュー設定	外部リンクやコースグループが表示されます。
Ⓓ	スケジュール	受講登録されたコースのうち、期限が設定されたチャプターを含むコースがある場合、いつまでの締め切りで何件あるのかが表示されます。
Ⓔ	お知らせ	サイト全体のお知らせが表示されます。
Ⓕ	コースグループ	任意のコースグループが表示されます。表示されるコースの詳細は、以下をご参照ください。 参照:5.1.2 各種パーツの使い方（受講者用）＞補足「コースグループ」パーツについて
Ⓖ	マイコース	受講登録されたコース（マイコース）が表示されます。

5.1.2 各種パーツの使い方（受講者用）

カスタマイズホーム設定画面の各種パーツの使い方や画像サイズ、挿入ルールについて説明します。

エリア名・項目名		内容
Ⓐ	サイトバナー	・JPG/PNGファイルを設定エリアにドラッグ＆ドロップします。	参考）完成イメージの画像サイズ：横240×縦160px 最大サイズ：横960×縦540px
Ⓑ	メインビジュアル	・JPG/PNGファイルを設定エリアに ドラッグ＆ドロップします。 ・リンクを追加できます。コースグループのリンクはプルダウンから選択します。外部リンクはURLを入力します。	縦横比 1：4 参考）完成イメージの画像サイズ：横1349縦333px 最大サイズ：横1920×縦1080px
Ⓒ	メニュー設定	・JPG/PNGファイルを設定エリアに ドラッグ＆ドロップします。左上詰めで設定してください。 ・リンクを追加できます。コースグループのリンクはプルダウンから選択します。外部リンクはメニュー名とURLを入力します。	縦横比 1：1 参考）完成イメージの画像サイズ：横256縦256px 最大サイズ：横960×縦540px
Ⓓ	スケジュール	・カスタマイズホーム設定画面の左側メニューから選択します。
Ⓔ	お知らせ	・JPG/PNGファイルを設定エリアに ドラッグ＆ドロップします。 ・スケジュールを表示する場合は、JPG/PNGファイルを設定できません。	縦横比 1：4 参考）完成イメージの画像サイズ：横375縦109px
Ⓕ	コースグループ	・プルダウンから表示するコースグループ名を選択します。
Ⓖ	マイコース	・カスタマイズホーム設定画面の左側メニューから選択します。

補足

「コースグループ」パーツについて ・ホーム画面に表示可能なコースグループ数は最大10件です。 ・コースグループ内のコース表示は、コースID順に並びます。「マイコース」のように受講状況には依存しません。 ・コースグループ内には最大10個のコースが表示されます。［全て表示］をクリックすると、コース一覧に遷移し、対象コースグループ指定で検索した状態で表示されます。 ・コースグループはプレビューと実際のカスタマイズホーム画面とでは、表示ルールが異なります。プレビューでは、受講や管理の操作対象を問わず全て表示されます。 実際のカスタマイズホームでは、下記のいずれかの条件を満たさないと表示されません。 ①ユーザが対象のコースグループに受講の権限があること ②ユーザが対象のコースグループ内のいずれかのコースに受講の権限があること ・パーツとして選択できるのは、「カスタマイズホーム 表示可否」が「表示」に設定されているコースグループのみです。参照:4.1 コースグループを活用する ※動画URLをご契約組織外へ展開することは禁止です。発覚した場合、ご担当者様に連絡いたします。

補足	「メニュー設定」パーツに登録したコースグループの表示について ・リンクをクリックすると、登録したコースグループを検索条件に指定した状態の「コース一覧」画面に遷移されます。 ・登録したコースグループに含まれる一部のコースの受講権限しか持たないユーザは、受講権限を持つコースのみ表示されます。 ・登録したコースグループの受講権限を持たないユーザ、コースグループに含まれるいずれかのコースの受講権限を持たないユーザは、 「コース一覧」画面でコースグループの検索条件を「全て」で選択した状態の画面に遷移されます。 参照:受講者向け 3.3 コースを検索する

5.1.3 受講者用カスタマイズホームの作成～公開まで

カスタマイズホームの内容を設定し、公開します。

カスタマイズホームの作成

1.

サイトメニューの下のアイコンが［ ］になっているのを確認し、［サイト情報管理］をクリックします。
→サイト情報管理画面が表示されます。
［カスタマイズホーム設定］をクリックします。

2.

［受講者用カスタマイズホーム］をクリックします。

3.

受講者用カスタマイズホーム作成画面が表示 されます。
左側のメニューをクリックし、入力エリアを表示 します。

4.

カスタマイズホームに表示させたいサイトバナー、メインビジュアル、メニュー設定、スケジュール、お知らせ、コースグループ、マイコースを設定し、［プレビュー］をクリックします。

補足	［プレビュー］をクリックすると、編集内容が一時保存されます。［保存］をクリックすることで、カスタマイズホーム画面がサイトに反映されます。

5.

プレビュー画面が新しいタブで表示されます。

補足	プレビュー画面では、設定した外部リンクなどへの遷移が確認できます。Cloud Campus内で遷移する場合は、遷移先へのロール権限が必要です。

6.

確認後、カスタマイズホーム設定画面に戻り、［保存］をクリックします。

補足	・設定の保存、公開／非公開操作は即時反映されます。再サインインは不要です。 ・プレビュー画面は新しいタブで表示されます。確認後は閉じてください。

7.

確認画面が表示されます。
［OK］をクリックします。

補足	一時保存したデータは、再度カスタマイズホーム設定画面を開いた際に「読み込み」または「破棄」を選択できます。 ※破棄するまで消えません。

8.

完了画面が表示されます。
［閉じる］をクリックします。

カスタマイズホームの公開

1.

［受講者用カスタマイズホームを公開する］にチェックを付けます。

2.

公開確認画面が表示されます。
［OK］をクリックします。

3.

［受講者用カスタマイズホームを公開する］にチェックが付きます。

Point	カスタマイズホームの公開／非公開は即時反映です。［保存］のクリックは必要ありません。

4.

受講者に設定したカスタマイズホームが反映されます。

5.1.4 完成イメージ（スタッフ用）

スタッフ用カスタマイズホームは「コースレビュー」ボタンの代わりに表示されます。
また、スタッフ用カスタマイズホームが表示されるロールは「サイト管理者」「コース管理者」「コース制作者」です。
※「コース制作者」は対象コースのいずれかの管理権限が設定されている必要があります。
カスタマイズホームの完成イメージは以下のとおりです。

エリア名・項目名		内容
Ⓐ	サイトバナー	ロゴ画像が表示されます。
Ⓑ	メインビジュアル	外部リンクの設定もできます。
Ⓒ	メニュー設定	外部リンクやコースグループが表示されます。
Ⓓ	メモ	コースレビュー時に入力されたメモの内容が表示されます。
Ⓔ	お知らせ	管理者向けのお知らせ、サイト全体のお知らせが表示されます。
Ⓕ	コースグループ	任意のコースグループが表示されます。表示されるコースの詳細は、以下をご参照ください。 参照:5.1.2 各種パーツの使い方（受講者用）＞補足「コースグループ」パーツについて ［全て見る］ボタンを押下し、［］をクリックして検索すると、カスタマイズホーム画面に表示していないコースのレビューも可能です。

5.1.5 各種パーツの使い方（スタッフ用）

カスタマイズホーム設定画面の各種パーツの使い方や画像サイズ、挿入ルールについて説明します。

エリア名・項目名		内容
Ⓐ	サイトバナー	・JPG/PNGファイルを設定エリアにドラッグ＆ドロップします。	参考）完成イメージの画像サイズ：横240×縦160px 最大サイズ：横960×縦540px
Ⓑ	メインビジュアル	・JPG/PNGファイルを設定エリアに ドラッグ＆ドロップします。 ・リンクを追加できます。コースグループのリンクはプルダウンから選択します。外部リンクはURLを入力します。	縦横比 1：4 参考）完成イメージの画像サイズ：横1349縦333px 最大サイズ：横1920×縦1080px
Ⓒ	メニュー設定	・JPG/PNGファイルを設定エリアにドラッグ＆ドロップします。左上詰めで設定してください。 ・リンクを追加できます。コースグループのリンクはプルダウンから選択します。外部リンクはメニュー名とURLを入力します。 ・1つのメニューに複数のリンクを設定することはできません。 ・メニューを削除する場合は、右上の消しゴムマークをクリックします。 ・メニューパーツ全体を非表示にする場合、枠内右上のメニュー設定×をクリックします。 ・非表示から表示にする場合、カスタマイズホーム設定画面の左側メニューから選択します。	縦横比 1：1 完成イメージの画像サイズ：横256×縦256px 最大サイズ：横960×縦540px
Ⓓ	メモ	・メモの内容を表示する場合、⑥で該当コースが含まれたコースグループを表示設定します。 ・メモを非表示にする場合、枠内右上のメモ×をクリックします。 ・非表示から表示にする場合、カスタマイズホーム設定画面の左側メニューから選択します。	・コース名は太字、その下部に内容がそれぞれ表示されます。 ・コースレビューおよびメモの利用が可能なロールについては、参照:1.3 履歴を残さずコースレビューをさせる＞1.3.4 受講履歴を残さずに、チャプターをレビューする＞補足 レビュー画面の構成について をご確認ください。
Ⓔ	お知らせ	・JPG/PNGファイルを設定エリアにドラッグ＆ドロップします。 ・メモを表示する場合は、JPG/PNGファイルを設定できません。 ・お知らせを非表示にする場合、お知らせ×をクリックします。 ・非表示から表示にする場合、カスタマイズホーム設定画面の左側メニューから選択します。	縦横比 1：4 完成イメージの画像サイズ：横375×縦109px ・お知らせ画面については、参照:受講者編 3.1 お知らせを確認するをご確認ください。
Ⓕ	コースグループ	・プルダウンから表示するコースグループ名を選択します。 ・④メモを表示させる場合、該当コースが含まれたコースグループを選択します。 ・コースグループを非表示にする場合、枠内右上のコースグループ×をクリックします。 ・非表示から表示にする場合、カスタマイズホーム設定画面の左側メニューから選択します。	・表示させたいコースグループをプルダウンで選択できるようにするためには、事前にカスタマイズホームへの表示可の設定が必要です。 参照:4.1 コースグループを活用する

5.1.6 スタッフ用カスタマイズホームの作成～公開まで

カスタマイズホームの内容を設定し、公開します。

カスタマイズホームの作成

1.

サイトメニューの下のアイコンが［ ］になっているのを確認し、［サイト情報管理］をクリックします。
→サイト情報管理画面が表示されます。
［カスタマイズホーム設定］をクリックします。

2.

［スタッフ用カスタマイズホーム］をクリックします。

3.

スタッフ用カスタマイズホーム作成画面が表示されます。
左側のメニューをクリックし、入力エリアを表示 します。

4.

カスタマイズホームに表示させたいサイトバナー、メインビジュアル、メニュー設定、メモ、お知らせ、コースグループを設定し、［プレビュー］をクリックします。

補足	［プレビュー］をクリックすると、編集内容が一時保存されます。［保存］をクリックすることで、カスタマイズホーム画面がサイトに反映されます。

5.

プレビュー画面が新しいタブで表示されます。

補足	・プレビュー画面では、設定した外部リンクなどへの遷移が確認できます。Cloud Campus内で遷移する場合は、遷移先へのロール権限が必要です。 ・プレビュー画面は新しいタブで表示されます。確認後はタブを閉じてください。

6.

確認後、カスタマイズホーム設定画面に戻り、［保存］をクリックします。

7.

確認画面が表示されます。
［OK］をクリックします。

補足	・一時保存したデータは、再度カスタマイズホーム設定画面を開いた際に「読み込み」または「破棄」を選択できます。 ※破棄するまで消えません。 ・設定の保存、公開／非公開操作は即時反映されます。再サインインは不要です。

8.

完了画面が表示されます。
［閉じる］をクリックします。

カスタマイズホームの公開

1.

［スタッフ用カスタマイズホームを公開する］にチェックを付けます。

2.

公開確認画面が表示されます。
［OK］をクリックします。

3.

［スタッフ用カスタマイズホームを公開する］にチェックが付きます。
 

補足	公開／非公開操作は即時反映されます。再サインインは不要です。

4.

スタッフ用に設定したカスタマイズホームが反映されます。