ガイド付きツアーの有効化
ページおよび標準プラットフォーム UI の サービスポータル ガイド付きツアーを有効にします。
始める前に
このタスクについて
は ガイド付きツアーデザイナー リリースで Jakarta 最初に導入されました。以降 Jakarta に作成された新しいインスタンスの場合、チュートリアルはデフォルトで有効になっています。事前Jakarta作成されたインスタンスの場合、チュートリアルはデフォルトでは非アクティブです。
この Washington DC リリースでは、ページ上で サービスポータル チュートリアルの実行を有効にすることもできます。インスタンスを に Washington DCアップグレードすると、次のようになります。
- の Washington DC新機能であるインスタンスでは、Guided Tours 機能 サービスポータル がデフォルトで有効になっています。
- にWashington DCアップグレードするプレWashington DCインスタンスの場合、Guided Tours 機能はサービスポータルデフォルトで無効になっています。
注:
Service Portal アプリケーションは、ユーザーがカスタムコンテキストで特定のプラットフォーム機能にアクセスできるようにポータルをカスタマイズできるフレームワークを提供します。ページのガイド付きツアー サービスポータル を作成して、コンテンツを順を追ってユーザーに説明することができます。
手順
タスクの結果
次のタスク
ガイド付きツアーの計画、概要、およびドラフトの作成を開始します。チュートリアルのドラフトを作成し サービスポータル ている場合は、次の項目を参照してください。
| アイテム | 詳細 |
|---|---|
| ガイド付きツアー吹き出しの手順 | チュートリアルは、要素に吹き出しステップが作成された後にその場所を特定できるように、指し示すすべての要素を認識できるようにする必要があります。したがって、Service Portal ページ作成者は、作成するすべてのカスタム要素に一意の名前を付けて、データベース内のレコードとして検証できるようにする必要があります。たとえば、サービス ポータル ページに 2 つのウィジェットを作成する場合は、Widget1 や Widget2 などの一意の名前を割り当てる必要があります。 HTML に属性を追加し、プロパティに一意の値を追加することで、要素をさらにカスタマイズできます。たとえば、システムは現在、要素を一意として識別するために AND data-id 属性を使用していますdata-gtd-eid。 |
| サービスポータル ページ | ベースシステムでは、SP ヘッダーメニューを使用するページからのみツアーを起動できます。手動で起動したチュートリアルは、カスタムヘッダーメニューのあるページには表示されません。 チュートリアルが SP ヘッダーメニューを使用しないページにある サービスポータル 場合は、ツアーを自動起動するように設定して、ツアーがユーザーに表示されるようにする必要があります。このタイプのツアーがユーザーに表示されるようにするには、「 チュートリアルの自動起動の構成」を参照してください。 サービスポータルページルートマップを使用している場合、ツアーが期待どおりに表示されない場合があります。たとえば、リダイレクトされたページに対してツアーが構成されている場合、ユーザーにツアーが表示されないことがあります。詳しくは、 ページ ID への参照のリダイレクト を参照してください。 |
| サービス ポータルの自社用カスタム設定 | ページのブランディング サービスポータル を更新すると、そのページのチュートリアルの吹き出しもそれに応じて更新されます。例:パネルの背景テーマの色を黄色に更新し、プライマリ色を赤に更新 サービスポータル します。結果:チュートリアル吹き出しパネルの背景が黄色になり、吹き出しテキストフィールドが赤になります。 |
| サービスポータル チュートリアル吹き出しの色 | ||
|---|---|---|
| チュートリアルの吹き出しの色をカスタマイズしたり、チュートリアルのデフォルトを使用したりすることができます。 | ||
| パラメーター | デフォルト | カスタム |
| チュートリアルの吹き出しでは、次の サービスポータル プロパティを使用します。 | 吹き出しの色をサービス ポータルの色とは別に設定するには、次の CSS 変数を適用します。 | |
| 吹き出しの背景色 | パネルの背景色 | $gtd-callout-background |
| 吹き出しテキストの色 | テキストの色 | $gtd-callout-content-color |
| 吹き出し番号の色(例:2/5) | 控え目に示すテキスト | $gtd-callout-number-color |
| 吹き出しの閉じるボタン (X) の色 | 控え目に示すテキスト | $gtd-callout-close-color |
| 吹き出しプライマリボタンの色 | プライマリボタンの背景色 | $gtd-callout-active-color |