概要

TeachMe は、WalkMe体験を学習モジュールとコースにパッケージ化できるアプリです。 TeachMeでは、ユーザー向けに複数のコースを作成し、学習パスを整理できます。 現在のTeachMe UI（別名New TeachMe）は、コースへのアクセスを簡単かつ迅速にするための合理化された学習者エクスペリエンスを備えています！ とはいえ、ユーザーエクスペリエンスをより詳細に制御したいユーザー向けに、旧TeachMe UIは現在でも利用できます。

この記事では、どのような内容について説明していますか？

旧TeachMeは段階的に廃止されていますが、まだ使用中であり、お客様が希望のコースを作成するために必要なサポートを確実に受けられるようにしたいと考えています。

旧TeachMe UIには現在、組織のブランドに合わせてコースをより適切にカスタマイズするためのオプションがより多く用意されています（ただし、これは間もなく変更されます！）。 この記事では、TeachMeをより自分らしくするために使用できる一般的に使用されるカスタマイズについて詳しく説明します。

使用方法

すべてのカスタマイズが自分でできるわけではないため、必要なカスタマイズがある場合、またはここに記載されていない場合は、カスタマーサクセスマネージャーにお問い合わせください。

以下は、古いTeachMe UIの一般的に使用されるカスタマイズです。

TeachMe「WalkMe教育センター」バーを非表示にします。

TeachMeが公開されると、TeachMeサイドバーがウェブサイトのページに自動的に表示されます。

サイドバーはオーバーレイであり、ページ上のコンテンツを覆ってしまうことがよくあります（それでは困りますよね？）。

サイドバーを非表示にするには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：
   

   #walkme-player-panel{display： none !important;}

3. ［Save（保存）］をクリックします。

完了しました。

ランチャーを作成してTeachMeメニューを開きます。

TeachMeサイドバーが非表示になっている場合（上記参照）、ユーザーがTeachMeコンテンツにアクセスするには、ランチャーを作成する必要があります。 これは、他のランチャーと同様に行われ、いくつかの場所に配置できます：

ページにTeachMeランチャーを追加するには：

1. 「ランチャー：スタートガイド」の「ランチャーの作成」の指示に従います。
   1. ステップ4：アクションを選択します。- 「TeachMeコースメニューを開く」を選択します。
2. 完了しました。

リソースが完了した後にTeachMeを再度開きます。

リソースがTeachMeレッスンの一部である場合、リソースが閲覧されて終了すると、TeachMeコースメニューが自動的に再開されます。

リソースを閉じた後にメニューが自動的に開かない場合、バグがあります。サポートに連絡してください。

SWTまたはWTが完了した後にTeachMeを再度開きます。

ウォークスルーまたはスマートウォークスルーがTeachMeコースの一部として使用されている場合、ウォークスルーが完了した後にTeachMeコースメニューを再度開くようにリクエストできます。 サポートに連絡

注：これはグローバル設定であり、TeachMeメニューから開始されるすべてのWTとSWTに適用されます。

TeachMeメニュー上部のロゴ、ミニロゴ、上部の分離バーを変更します。

デフォルトでは、古いTeachMeプレーヤーにはWalkMeロゴと分離バー（下記参照）が表示されます。 これを変更し、独自のロゴを追加できます。 注：新しいTeachMeでは、これは問題ではありません。

ロゴを変更するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

3. 置換 ホスト画像がリンクされています。

4. 「保存」をクリックします。

完了。

上部の分離バーを削除するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：
   

3. 「保存」をクリックします。

完了しました。

ミニWalkMeロゴを削除するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

3. Click（クリック） 「保存」をします。

完了しました。

コース画像を変更する

デフォルトで、TeachMeコースはすべてのコースにWalkMe画像を表示します。

以下のいずれかを変更できます：

1. 1つのコースの画像； または
2. すべてのコースのデフォルト画像。

注：新しいTeachMeでは、1、2、3と同じくらい簡単です。

単一のコース画像を変更するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

3. #######を、選択したコースのIDに置き換えます。
4. 画像リンクを挿入します。
5. ［Save（保存）］をクリックします。

完了。

すべてのコース画像を単一の画像に変更するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

3. 画像リンクを挿入します。
4. ［Save（保存）］をクリックします。

完了。

進捗バーの色を変更します。

学習者がコースを進めるにつれて、黄色い進捗バーが表示されます。 ブランドに合わせて色を変更できます。

進捗バーの色を変更するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

3. 16進コードを置き換えます。
4. 「保存」をクリックします。

完了。

取り消し線の代わりに完了したコースをグレーアウト

デフォルトでは、学習者がコースを完了すると、TeachMeはコースに取り消し線を引きます。 代わりにこれを変更してコースをグレーアウトできます。

取り消し線とグレーアウトを解除するには：

1. WalkMe editor >Customize >CSS
2. CSSを入力：

• または、16進コード（青）を、コースが完了したことを示したい色に置き換えることもできます。

3. 「保存」をクリックします。

完了。