Sap-cloud-platform-site-themes

提供:Dev Guides
移動先:案内検索

SAP Cloud Platform-サイトテーマ

サイトテーマを使用して、サイトの全体的な外観を定義できます。 SAP Cloudプラットフォームは事前定義されたサイトテーマを提供し、管理者はテーマリポジトリにさらにテーマを追加できます。 この章では、サイトのテーマに関係する全体的な概念を詳細に見てみましょう。

サイトで使用されるテーマは、LESSスタイルシートファイルで定義されます-フォント、色などのサイトのUI部分を制御するために使用されます。

テーマを適用するには、設計設定→サービスとツールに移動します。

サービスツール

サイトにカスタムテーマを割り当てるには、テーママネージャーに移動します。 作成したすべてのテーマは、テーママネージャーで使用できます。 テーマを選択すると、テーマの管理で次の詳細を確認できます-

  • タイトル
  • ID
  • 更新者
  • 更新日
  • テーマのアップグレード

サービスツールテーマ

下部のツールバーには、テーマを管理するための次のオプションがあります。 「サイトに割り当てる」オプションをクリックして、サイトにテーマを割り当てます。

  • ユーザー選択を有効にする
  • サイトに割り当てる
  • 輸出する
  • Edit
  • 削除する

サイトに割り当てる

すべての変更を適用したら、[公開]ボタンをクリックしてサイトに公開します。

テーマの作成と公開

新しいテーマを作成するには、UIテーマデザイナー→[新しいテーマの作成]に移動し、ベーステーマを選択します。 利用可能なテーマのリストから任意のベーステーマを選択できます。

公開テーマ

UI Teme Designer

カスタマイズされたテーマを作成する際には、次の手順が含まれます-

  • 基本テーマを選択
  • テーマに名前を付けます
  • オプションを設定する

次のウィンドウで、「テーマに名前を付ける」-テーマIDとタイトルの下に詳細を入力する必要があります。 [オプションの設定]の下に、ベンダー、サポートなどのオプション設定を定義するオプションもあります。

テーマの作成を続行するには、テーマの作成をクリックします。

名前UIテーマ

テーマをカスタマイズするには、最初に、変更を実行するためのキャンバスとして機能するターゲットページを定義します。 クイックテーマモードを使用して、色、画像の背景などを変更します。 [追加]ボタンをクリックして、ターゲットページを追加します。

あなたは右側の次のオプションから選択することができます-

  • クイックテーマ
  • エキスパートテーマ
  • 組織の色の定義
  • テーマにLESSまたはCSSを追加します

右側のパネルで、ペイントブラシアイコンをクリックして、クイックテーマオプションを選択できます。 ロゴを変更したり、前景と背景のブランドとベースカラーを追加したりできます。

ターゲットページの追加

[クイックテーマ]の下にオプションが表示されます。 会社のロゴに使用する画像を選択→[OK]をクリックして変更を適用

クイックテーマ

会社ロゴ

新しいテーマをポータルサイトに適用する場合、最初のステップはUIテーマデザイナーを使用してテーマを公開し、ポータルテーママネージャーからテーマを適用することです。

ポータルテーママネージャー

テーマを公開するには、UIテーマデザイナのトップレベルメニューで→[テーマ]を選択し、[保存して公開]を選択します。

新しいテーマ名、説明、ベンダーなどの作成中に定義したテーマパラメーターを検証することもできます。 以下に示すように、[保存して公開]ボタンをクリックして、テーマを公開します。

パブリッシュを保存