ポータルのグラフィックデザインを設定して、一貫した視覚的なアイデンティティを維持します。 インターフェイスのロゴとカラーパレットを調整し、ビジネスのブランディング要件に合わせてアプリケーションをカスタマイズできます。
たとえば、ボタン、リンク、フォントなど、ユーザー インターフェイスの要素のデフォルト カラー テーマを選択できます。-
App Studioのナビゲーションペインで、
をクリックします。 -
「Show on banner」リストで、ポータルのバナーに表示するアイテムを選択します。
-
「Change logo」をクリックし、次に使用するロゴを選択します。
選択肢 手順 Pega提供のロゴ 「logo settings」ウィンドウのグラフィックのリストでロゴを選択し、「Submit」をクリックします。 カスタムロゴ -
「logo settings」ウィンドウで「Upload logo」をクリックし、次にファイルを選択します。
サポートされるファイルタイプは、JPG、PNG、GIFです。
-
「Submit」をクリックします。
-
-
「Theme」セクションでポータルに使用するカラーテーマを選択します。
- オプション:
テーマをカスタマイズするには、編集するテーマをクリックし、変更を加えます。
選択肢 手順 カラーの変更 -
「Colors」セクションで、変更するカラーをクリックします。
-
「color palette」ウィンドウで、コンポーネントに割り当てるカラーを選択し、次に「Save」をクリックします。
カラーの追加 -
「Colors」セクションで、「Add theme color」をクリックします。
-
「Theme color」フィールドにコンポーネントの名前を入力し、次にデフォルトでコンポーネントに割り当てられたカラーをクリックします。
-
「color palette」ウィンドウで、コンポーネントに割り当てるカラーを選択し、次に「Save」をクリックします。
フォントの変更 「Text」セクションで、変更するコンポーネントの書体、ウエイト、サイズを定義します。 フォントの追加 -
「Text」セクションで、「Add theme text」をクリックします。
-
「Text」セクションで、変更するコンポーネントの書体、ウエイト、サイズを定義します。
-
- オプション:
テーマのすべてのカラーやテキストのオプションをデフォルト値にリセットするには、「Reset to default」をクリックします。
-
「Save」をクリックします。
- ランタイムにコントロールをスタイリングする
Dev Studioに切り替えてアプリケーションのスキンを修正するのではなく、App Studioでランタイムに多くの種類のコントロールをスタイリングできます。 たとえば、ドロップダウンコントロールでは、テキストの色、背景の塗りつぶしと色、枠線の幅と色を指定できます。 App Studioでコントロールを直接スタイリングすると、開発時間を短縮し、メインを削減できます。