リソースセンターのスタイル設定

最終更新日:

:この記事は、2019年2月18日にリリースされた新しいビジュアルデザインスタジオ(Visual Design Studio)ガイドの操作性について説明しています。この日付以前からのお客様で、前のガイドセンターを使用したいとお考えの場合は、ガイドセンター(クラシック)を参照してください

リソースセンター(旧ガイドセンター)には、ナレッジベースの記事への直接アクセスやアプリ内ガイドのオンボーディングなど、コンテキスト内ヘルプが追加され、エンドユーザーがすぐに利用できるようになっています。 これを行うには、ガイドリストやオンボーディングなどのモジュール、またはナレッジベースやライブチャットなどのインテグレーションモジュールを使って、リソースセンターを構築します。

リソースセンターモジュールを構成したら、ビジュアルデザインスタジオでそれを開き、アプリケーションのブランディングに合わせてルックアンドフィールをカスタマイズできます。詳細については、リソースセンターの概要を参照してください。

要件

リソースセンターにアクセスしてカスタマイズするには、Pendoサブスクリプションの管理者権限が必要です。管理者アクセス権を取得したら、左側のナビゲーションで [ガイド(Guides)]>[リソースセンター(Resource Center)] に移動します。

アプリで管理

アプリでリソースセンターを管理するには、ビジュアルデザインスタジオで開きます。

  1. [リソースセンター(Resource Center)]ページで、リソースセンターを選択します。
  2. [自分のアプリで管理(Manage In My App)]を選択します。
  3. 表示されるプロンプトで、アプリのURLまたはプレビューを表示する場所を入力します。
  4. [デザイナーを起動(Launch Designer)]を選択します。

デザイナーインターフェース

ビジュアルデザインスタジオのユーザーインタフェースには、以下のものがあります。

  • 上部のアクションバー:ナビゲーションモード(Navigation Mode)、[終了して保存(Exit & Save)]ボタン、エラー通知、アクションバーの上下移動
  • アクションバー(中央)の下にあるドロップダウン矢印を選択すると、アクティベーション、ホームビュー、追加したモジュールのオプションが表示されます。
  • ホームビューまたはモジュールを選択すると、編集オプションが表示されます。
  • 右下には、編集中のリソースセンターのプレビューが表示されます。
RC_user_interface.png

詳細については、ビジュアルデザインスタジオを使用するを参照してください。

ホームビューのカスタマイズ

ホームビューは、リソースセンターを有効にしたときに表示されるもので、ユーザーに提供するすべてのモジュールが含まれています。ホームビューは以下のようになっています。

home_view.png

[ホームビューを編集(Edit Home View)]ウィンドウのカスタマイズオプションには、[コンテンツ(Content)][スタイリング(Styling)]が含まれます。

edit_home_view.png

コンテンツ

[コンテンツ(Content)]セクションでは、すべてのモジュールのホームビューの表示名、およびタイトルまたはサブタイトルを変更することができます。 リソースセンターは、Pendoが使用するデフォルトの名前です。このタイトルは、すべてのユーザーのホームビューのトップに表示されます。[リソースセンターのタイトル(Resource Center title)]フィールドで名前を変更することができます。

 

モジュール

リソースセンターに追加し、設定したモジュールに応じて、タイトルを更新するための追加オプションが表示されます。

スタイル設定

[スタイリング(Styling)]タブには、リソースセンターのスタイリングに関する以下のオプションがあります。

  • コンテナ
  • ヘッダー
  • モジュールセクション
styling_tab.png

コンテナ

  • 背景色(Background Color) - ヘッダーを含むすべてのモジュールの背景色に適用されます
  • 寸法(Dimensions) - リソースセンター全体のサイズに適用されます
  • キャレット(Carets) - リソースセンターのすべてのキャレットに適用されます
  • 間隔(Spacing) - 各モジュールの左右のパディングに適用されます

ヘッダー

  • 上下の境界線(Top and Bottom Border) - すべての上部ヘッダーの境界線の色と太さを変更します
  • フォント(Font) - リソースセンターのタイトルのフォントのプロパティをカスタマイズします
  • 「閉じる」ボタン(Close Button) - すべてのモジュールのすべての「閉じる」ボタンに適用されます

モジュールセクション

  • タイトルのフォント(Title Font) - ホームビューでのみ、すべてのモジュールタイトルのフォントのプロパティをカスタマイズします
  • サブタイトルのフォント(Subtitle Font) - ホームビュー上のすべてのモジュールサブタイトルのフォントのプロパティをカスタマイズします
  • 仕切り(Dividers) - ホームビューのすべてのモジュールのセクションの仕切りに適用されます
  • 間隔(Spacing) - モジュールのタイトル/サブタイトルの上または下にパディングを追加し、高さを変更します

リソースセンターのスタイルが希望どおりのものになったら、必ず変更を保存します。

 

よくある質問

ガイドリストまたはオンボーディングモジュールのスタイルを設定できますか?

リソースセンターのヘッダー、寸法、背景色、キャレットを更新すると、他のモジュールにも影響します。特定のパディングとフォントのプロパティをスタイル設定する機能は近日公開予定です!

CSSでスタイルを設定することはできますか?

はい、グローバルCSSオプションは、ビジュアルデザインスタジオとクラシックデザイナーの両方で使用可能です。

「最新情報(What’s New)」ガイドはリソースセンターに含まれていますか?

はい。「最新情報(What’s New)」ガイドはリソースセンターに含まれており、現在は「お知らせ(Announcements)」と呼ばれています。

コンテンツのないモジュールがある場合はどうなりますか?

コンテンツのないモジュールがあり、更新を本番環境にプッシュした場合、そのモジュールはエンドユーザーには表示されません。

 

この記事は役に立ちましたか?
12人中5人がこの記事が役に立ったと言っています