Skip to main content

チャレンジ

テーマとスタイルの適用

3 タスク

5 分

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

シナリオ

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

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

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

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

このチャレンジを完了するには、Pegaインスタンスを起動する必要があります。

起動には5分ほどかかることがありますので、しばらくお待ちください。

詳細なタスク

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

  1. App Studioナビゲーションパネルで「Settings」 > 「Theme」をクリックします。
  2. 「Change logo」をクリックしてロゴを既存または新しいものに変更します。
  3. ダイアログボックスで既存のロゴを選択し、「Submit」をクリックします。
    補足: このチャレンジの目的上、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 サポートのよくある質問 (FAQ).

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

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

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