Skip to main content
close Search
Close search

チャレンジ

テーマとスタイルの適用

3 タスク

5 分

Visible to all users
初級 Pega Platform 8.5 Pega Platform 8.4 ユーザーインターフェイス 日本語

シナリオ

InsCorpマーケティング チームが、GoGoRoadアプリケーションのテーマを企業のブランドに沿ったものにするように依頼してきました。 アプリケーションのテーマに、企業のカラーとロゴを適用しましょう。

以下の表は、チャレンジに必要なログイン情報をまとめたものです。

ロール ユーザー名 パスワード
アプリケーションデベロッパー author@gogoroad pega123!

チャレンジ ウォークスルー

You must initiate your own Pega instance to complete this チャレンジ.

Initialization may take up to 5 minutes so please be patient.

詳細なタスク

1 アプリケーション ロゴの変更

  1. App Studioナビゲーションパネルで「Settings」 > 「Theme」をクリックします。
  2. 「Change logo」をクリックしてロゴを既存または新しいものに変更します。
  3. ダイアログボックスで既存のロゴを選択し、「Submit」をクリックします。
    Note: このチャレンジの目的上、out-of-the-boxロゴを使用します。
  4. 「Change logo」ボタンの左にあるロゴが、選択したロゴであることを確認します。
    GoGoRoad application theme with new logo selected

2 アプリケーション テーマの変更

  1. アプリケーション テーマの、Themeセクションでテーマをクリックします。
    GoGoRoad application with new theme selected
  2. ロゴの背景の色とColorsセクションの色が、テーマで選択された色に一致することを確認します。
  3. Colorsセクションで、「Links」の四角を選択し、ダイアログを開きます。このダイアログでアプリケーションのリンクの色を変更できます。
    GoGoRoad application theme Links color
  4. 「Hex value」フィールドに「0000EE」と入力します。
  5. 「Save」をクリックして、リンクの色をブルーに変更します。
  6. 「Text」セクションの「Heading 1」の右で、2番目のドロップダウンリストをクリックして「Bold」を選択します。
  7. 「Heading 1」の右の3番目のフィールドに、「20」の値を入力します。
    GoGoRoad application theme Heading 1 text
  8. 「Save」をクリックして、GoGoRoadアプリケーション テーマに変更を適用します。

3 作業の確認

  1. App Studioのヘッダーで、「Preview application」をクリックし、テーマとロゴの変化を確認します。
  2. アプリケーション ヘッダーに新しいロゴとテーマカラーが使用されることを確認します。
    GoGoRoad application with updated theme and logo


下記のミッションにも含まれています。

トレーニングを受講中に何か問題がありましたら、 Pega Academyのテクニカルサポートまでお問い合わせください。.

このコンテンツは役に立ちましたか?

改善できるところはありますか?

修正を提案する。

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice