ネクストエクスペリエンススタイルを作成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:1分
  • ネクストエクスペリエンステーマを作成または変更するときは、1 つ以上のスタイルを作成および編集します。スタイルには、書体、色、画像、図形とフォームが含まれます。作成するスタイルレコードは、 ネクストエクスペリエンス のデフォルトの Polaris テーマを上書きします。

    始める前に

    必要なロール:アドミン

    このタスクについて

    ネクストエクスペリエンススタイルを編集するときは、生の JSON コードで作業します。慎重に編集してください。

    新しい書体または画像を別のプロセスでアップロードします。「ネクストエクスペリエンスフォントと画像アセットを追加」を参照してください。

    手順

    1. フィルターナビゲーターフィールドに「 sys_ux_style.do 」と入力してスタイルレコードを作成します。
    2. スタイルに名前を付け、コアスタイルかバリアントかを指定します。
      注:
      ダークテーマは、 ネクストエクスペリエンスに付属する唯一のバリアントです。
    3. [ スタイル ] フィールドで、スタイルレコードに上書きを含めるベースブロックとプロパティブロックを追加します。
      {
        "base": {
      },
        "properties":{
        }
       }
      
    4. オプション: ステップ間で作業を保存するには、[ 他のアクション] メニュー ([ 他のアクション] アイコン) を選択し、[ 保存] を選択します。
    5. [ スタイル] フィールドで、JSON コードを編集して、スタイルに含めるオーバーライドを反映します。
      1. JSON コードのベースセクションでメインカラーを追加または編集します。
        RGB 値を使用します。

        次の例は、色の上書きの例を示しています。

        色のオーバーライドを含むスタイルブロック
      2. JSON コードのプロパティセクションで色のバージョンを編集します。
      3. JSON コードのプロパティセクションで図形を追加または編集します。
        次の例は、形状の上書きの例を示しています。
        形状を上書きするスタイルブロック
    6. フォント、画像、その他のテーマアセットを追加します。
      詳細については、「ネクストエクスペリエンスフォントと画像アセットを追加」を参照してください。
    7. フォントをアップロードした場合は、JSON コードのプロパティセクションで書体を追加または編集し、[ 更新] を選択します。
      色、形状、フォントの上書きを含むスタイルブロック

    タスクの結果

    更新された色、形状、書体はテーマに表示されます。