Learn365 カスタム カタログ ページの作成

  • 更新

 

SharePoint と Learn365 の機能を組み合わせて、同一のコースカタログ内にカスタマイズされた Learn365 コースカタログページを作成できます。

カスタマイズされたページはさまざまな場面で活用できます。

たとえば、グローバルな組織では、さまざまな言語でトレーニングを提供することがあります。その場合、各言語ごとに専用のコースカタログページを作成し、該当する言語で提供されるコースとトレーニングプランのみを表示することができます。

受講者にとっては、サインインするだけで 1 つのコースカタログから必要なトレーニングをすべて利用できるという利点があり、管理者にとっては、言語ごとにコースカタログをいくつも作成する必要がなく、1 つのコースカタログ内ですべてのコースとトレーニング プランを管理できるという利点があります。

ここでは、多言語コース(複数の言語でコンテンツを提供するコース)を例に、それに該当するコースだけを表示するための「Learn365 カスタム カタログ ページ」を作成する方法について説明します。

 

目次

 

Learn365 カスタム カタログ ページの作成

コースカタログ ページは、コースやトレーニングプランを掲載する場所です。

ユーザーはここで、コースカタログで提供されているコースやトレーニングプランの概要を見たり、選択して受講することができます。

注記:

Learn365 カスタム カタログ ページを作成するにあたり、コース カタログ内のコースやトレーニング プランにカテゴリーを設定し、明確に分類してください。

コースカタログでのカテゴリーの作成、編集、管理については、こちらをご参照ください。

 

以下の手順で、多言語コース(複数の言語でコンテンツを提供するコース)専用の Learn365 カスタム カタログ ページを作成します。

参考 💡

SharePoint 翻訳サービスが有効な場合、既定の言語のコースカタログページをコピーして、必要な言語用の SharePoint ページを作成できます。

 

1.コースカタログに新しい SharePoint ページを作成します。

SharePoint サイトのページの作成と使用については、こちらの Microsoft のガイドをご参照ください。

2.新しく作成したページに「LMS365 コースカタログ Webパーツ」を追加します。Webパーツを追加する位置にカーソルを合わせ、追加アイコン2.png アイコンを選択します。

SharePoint ページで Web パーツを追加する方法については、こちらの Microsoft のガイドをご参照ください。

Create custom Learn365 course catalog pages-1.jpg

 

3.LMS365 Course Catalog Web パーツを選択します。

リスト ビューにすると Web パーツの説明を見ることができます。

Create custom Learn365 course catalog pages-2.jpg

 

4.追加した LMS365 Course Catalog Web パーツを設定します。

Web パーツを設定アイコン Webパーツ設定アイコン.jpeg をクリックします。コース カタログ設定パネルが開きます。

Create custom Learn365 course catalog pages-3.jpg

 

5.Web パーツの設定を次のように変更します。

カタログ コンテンツの編集 セクション:

  • タイトル:「編集」を選択して、コースカタログの名前を入力します。例:多言語トレーニング
  • 説明:「編集」を選択して、説明を入力します。例えば、多言語コースの完了方法など、学習に関する具体的な注意事項を記載できます。
  • 上位ランクのトレーニング:トグルをオフにして、設定したカテゴリーに関連しないコースやトレーニングプランが表示されないようにします。

Create custom Learn365 course catalog pages-4.jpg

 

フィルター セクション:

コースカタログ ページでユーザーにフィルターを使用させたくない場合は、すべてのトグルをオフにします。そうでない場合は、オンのままにしておきます。

Create custom Learn365 course catalog pages-5.jpg

 

カテゴリ フィルターの「編集」を選択して、カテゴリーパネルで設定を変更します。

カテゴリー オプション(左ナビゲーション)セクションで、

  • カテゴリーの表示:トグルをオフにします。

カテゴリー オプション(コース リスト)セクションで、

  • 表示するカテゴリー数:ドロップダウン リストから数値を選択します。これにより、選択した数のカテゴリーフィールドが表示されます。(※ここでは、1を選択してください。)
  • カテゴリー 〇:ドロップダウン リストからカテゴリーを選択します。(ここでは、すべての多言語コースに関連するカテゴリーを選択します。)

これにより、コースカタログ ページには、選択したカテゴリーでフィルタリングされたコースとトレーニング プランが表示されます。

Create custom Learn365 course catalog pages-6.jpg

 

カテゴリーオプション(ボタンの表示)セクションで、

  • 表示するカテゴリー数:「0」 を選択します。

カテゴリーパネルで「OK」を選択して、変更を保存します。

 

6.コース カタログ設定パネルで「保存」を選択して、Web パーツ設定の変更を保存します。

Web パーツに変更が適用され、設定したカテゴリーでフィルタリングされたコースのみが表示されます。

Create custom Learn365 course catalog pages-7.jpg

 

ユーザーはページにある「+さらに表示」を選択して、現在のコース カタログにあるその他のトレーニングを表示することができます。

「+さらに表示」ボタンは非表示にすることができます。

8.ページの編集が完了したら、右上にある「発行」を選択し、ページを公開します。公開済みのページを編集した場合、このボタンは「再発行」に置き換わります。

Create custom Learn365 course catalog pages-8.jpg

 

9.ユーザーが公開されたカスタム カタログ ページに簡単にアクセスできるように、リンクを設定します。リンクの設定は、こちらで説明しています。

 

「+さらに表示」ボタンを非表示にする

カスタム カタログ ページの「+さらに表示」ボタンの表示は、以下の手順で設定できます。

1.カスタム カタログ ページで Web パーツ設定アイコン Webパーツ設定アイコン.jpeg を選択します。コースカタログ設定 パネルが開きます。

Create custom Learn365 course catalog pages-9.jpg

 

2.カタログ コンテンツの編集 セクションの「説明」で編集を選択します。説明 パネルが開きます。

3.エディターでメニュータブの「ツール」または詳細アイコンから「ソースコード」を選択します。

Create custom Learn365 course catalog pages-10.jpg

 

4.開いたフィールドに、以下のコードを入力し、「保存」します。

<style>

.ef-button-toolbar

{
display: none;
}
</style>

Create custom Learn365 course catalog pages-11.jpg

 

5.説明パネルの「OK」を選択し、編集した内容を保存します。

6.コース カタログ設定パネルで「保存」を選択し、変更を適用します。

これで、このカスタム カタログ ページには「+さらに表示」ボタンは表示されなくなり、ユーザーに関連するコースとトレーニング プランだけを表示できます。

Create custom Learn365 course catalog pages-12.jpg

参考 💡

「+さらに表示」ボタンの表示を元に戻すには、ソースコードから挿入したコードを削除します。

 

カスタム カタログ ページのリンクを設定する

公開されたカスタム カタログ ページにユーザーがアクセスできるように、SharePoint サイトのトップ ナビゲーションにリンクを追加します。

リンクは、次の方法で追加できます。

  • 作成したページを公開した際に表示される「ページ共有」オプションで、「ナビゲーションにページを追加を選択」します。

Create custom Learn365 course catalog pages-13.jpg

 

ページへのリンクが SharePoint サイトのトップ ナビゲーションに追加されます。

Create custom Learn365 course catalog pages-15.jpg

 

SharePoint サイトのナビゲーションのカスタマイズについては、こちらの Microsoft のガイドをご参照ください。

SharePoint 翻訳サービスが有効な場合、リンクを関連する言語に翻訳して表示することができます。

これにより、メニュー リンクを公開すると自動的にユーザーの優先言語で表示することができます。

Create custom Learn365 course catalog pages-14.jpg