Sap-cloud-platform-site-themes
SAP Cloud Platform-サイトテーマ
サイトテーマを使用して、サイトの全体的な外観を定義できます。 SAP Cloudプラットフォームは事前定義されたサイトテーマを提供し、管理者はテーマリポジトリにさらにテーマを追加できます。 この章では、サイトのテーマに関係する全体的な概念を詳細に見てみましょう。
サイトで使用されるテーマは、LESSスタイルシートファイルで定義されます-フォント、色などのサイトのUI部分を制御するために使用されます。
テーマを適用するには、設計設定→サービスとツールに移動します。
サイトにカスタムテーマを割り当てるには、テーママネージャーに移動します。 作成したすべてのテーマは、テーママネージャーで使用できます。 テーマを選択すると、テーマの管理で次の詳細を確認できます-
- タイトル
- ID
- 更新者
- 更新日
- テーマのアップグレード
下部のツールバーには、テーマを管理するための次のオプションがあります。 「サイトに割り当てる」オプションをクリックして、サイトにテーマを割り当てます。
- ユーザー選択を有効にする
- サイトに割り当てる
- 輸出する
- Edit
- 削除する
すべての変更を適用したら、[公開]ボタンをクリックしてサイトに公開します。
テーマの作成と公開
新しいテーマを作成するには、UIテーマデザイナー→[新しいテーマの作成]に移動し、ベーステーマを選択します。 利用可能なテーマのリストから任意のベーステーマを選択できます。
カスタマイズされたテーマを作成する際には、次の手順が含まれます-
- 基本テーマを選択
- テーマに名前を付けます
- オプションを設定する
次のウィンドウで、「テーマに名前を付ける」-テーマIDとタイトルの下に詳細を入力する必要があります。 [オプションの設定]の下に、ベンダー、サポートなどのオプション設定を定義するオプションもあります。
テーマの作成を続行するには、テーマの作成をクリックします。
テーマをカスタマイズするには、最初に、変更を実行するためのキャンバスとして機能するターゲットページを定義します。 クイックテーマモードを使用して、色、画像の背景などを変更します。 [追加]ボタンをクリックして、ターゲットページを追加します。
あなたは右側の次のオプションから選択することができます-
- クイックテーマ
- エキスパートテーマ
- 組織の色の定義
- テーマにLESSまたはCSSを追加します
右側のパネルで、ペイントブラシアイコンをクリックして、クイックテーマオプションを選択できます。 ロゴを変更したり、前景と背景のブランドとベースカラーを追加したりできます。
[クイックテーマ]の下にオプションが表示されます。 会社のロゴに使用する画像を選択→[OK]をクリックして変更を適用
新しいテーマをポータルサイトに適用する場合、最初のステップはUIテーマデザイナーを使用してテーマを公開し、ポータルテーママネージャーからテーマを適用することです。
テーマを公開するには、UIテーマデザイナのトップレベルメニューで→[テーマ]を選択し、[保存して公開]を選択します。
新しいテーマ名、説明、ベンダーなどの作成中に定義したテーマパラメーターを検証することもできます。 以下に示すように、[保存して公開]ボタンをクリックして、テーマを公開します。