カスタムテーマを作成

概要

ダッシュボードおよび Analytical Designer の外観をカスタマイズするには、ワークスペースのテーマを定義します。 

テーマは、 CSS プロパティを持つ JSON 構造です。 これらのプロパティを使用して、ボタン、見出し、ダッシュボードコンテンツ、ナビゲーションなどのビジュアル要素をカスタマイズできます。

ワークスペースの外観をカスタマイズするには、4 ステップ プロセスを使用します: 作成 - アップロード - アクティブ化 - 編集

複数のテーマをアップロードしておき、使用する 1 つのテーマをアクティブにすることができます。

 

手順 1: カスタムテーマを定義する

要件に基づいて、更新するプロパティを定義します。 任意の数のプロパティを更新できます(1 つのみ、一部、またはすべて)。 JSON 構造で定義しないプロパティはそのまま残ります。

構成例:

{ "theme" : { "content" : { CUSTOM THEME DEFINITION }, "meta" : { "category" : "theme", "deprecated" : "0", "isProduction" : 1, "summary" : "", "tags" : "", "title" : "YOUR THEME NAME" } } } 

テーマが作成されている場合は、アップロードに進みます。

手順 2: カスタムテーマをアップロードする

ワークスペースにテーマをアップロードするには、次の手順に従います:

  1. https://secure.gooddata.com/gdc/md/{workspace_ID}/obj  に行くと、ワークスペース ID をこの URL で確認できます。 次の画像では、ワークスペース ID はe863ii0azrnng2zt4fuu81ifgqtyeoj21です。 
     ワークスペース ID(プロジェクト ID とも呼ぶ)の詳細については、ワークスペース ID を検索を参照してください。
  2. テーマのコードをオブジェクト定義に貼り付けます。
  3. 送信をクリックします。 テーマへのリンクを含む確認ページが表示されます。
  4. アクティベーションに進みます。

手順 3: カスタムテーマを有効化する

テーマを送信すると、固有の識別子が取得されます。 この識別子を使ってテーマを有効化します。

識別子はテーマコードのメタセクションhttps://secure.gooddata.com/gdc/md/{workspace_ID}/query/themesで見つけることができます

GoodData Portal でカスタムテーマを有効化するには、テーマの識別子と一致するように、selectedUiTheme プラットフォーム設定を設定する必要があります。

  1. https://secure.gooddata.com/gdc/projects/{workspace_id}/config/に進みます。

  2. ページの下部にあるキーフィールドに、selectedUiTheme と入力します。

  3. フィールドにテーマの識別子を入力します。

  4. 設定の作成/更新をクリックします。 これで、選択したテーマが構成され、ダッシュボードと Analytical Designer で新しい設定が使用されます。

  5. 必要に応じて、テーマの編集へ進みます。

ステップ 4: カスタムテーマを編集する

既にアップロードされているテーマを編集する必要がある場合は、次の手順を実行します:

  1. https://secure.gooddata.com/gdc/md/{workspace_id}/query/themesに進みます。 ワークスペース ID をこの URL で確認できます。 次の画像では、ワークスペース ID はe863ii0azrnng2zt4fuu81ifgqtyeoj21です。 
     ワークスペース ID(プロジェクト ID とも呼ぶ)の詳細については、ワークスペース ID を検索を参照してください。
  2. 編集するテーマをクリックします。
  3. ブラウザのテーマ URL に?mode=editを追加します。  アドレスは次のようになります: https://secure.gooddata.com/gdc/md/daue1szxe5ku2rsztd95sm1tjde4rfpw/obj/76785?mode=edit
  4. テーマを編集します。
  5. 送信をクリックします。