テーマビルダーテーマレコードをクローンしてカスタムテーマを作成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：2分

    • 公開されたテーマビルダーテーマレコードを使用して、ネクストエクスペリエンスでカスタムテーマをより効率的に作成します。

    始める前に

    テーマビルダーテーマのクローンを作成するには、テーマを公開する必要があります。テーマビルダーテーマの公開については、「テーマビルダーでテーマを公開する」を参照してください。

    必要なロール：admin

    このタスクについて

    作業が上書きされないようにするため、新しいクローンテーマは テーマビルダーで編集できません。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマ.
      [UX テーマ] テーブルが表示されます。
    2. [名前] 列で、クローンを作成する テーマビルダー テーマを検索し、レコードを選択します。
    3. 5 つの UX テーマスタイルレコードをクローンします。
      1. [ 構成:アプリのテーマ ] タブで、[モバイルカラー] スタイルレコードを選択して長押し (または右クリック) し、[ 新しいタブでリンクを開く] を選択します。
      2. [ 名前 ] フィールドにテーマ名を入力します。
        たとえば、「ABC Company - Mobile Colors」などです。
      3. ヘッダーバーを選択して長押し (または右クリック) し、[ 挿入と維持] を選択します。
        このアクションにより、スタイルレコードのコピーが作成され、情報が新しいスタイルレコードにリダイレクトされます。
        図 : 1. クローンされたモバイルカラースタイルレコード
        [挿入と維持] オプションが選択されたクローンされたモバイルカラースタイルレコード。
      4. 開いているタブを閉じます。
      5. 形状とフォーム、色、画像、およびタイポグラフスタイルのレコードに対してこのプロセスを繰り返します。
      注:
      クローンされたスタイルレコードは現在のテーマレコードには表示されず、この動作は想定される動作です。
    4. UX テーマレコードのクローンを作成します。
      1. [ 名前 ] フィールドから、テーマレコードの名前を変更します。
        たとえば、 カスタム ABC 会社などです。
      2. ヘッダーバーを選択して長押し (または右クリック) し、[ 挿入と維持] を選択します。
        新しい UX テーマレコードが表示されます。このテーマ内のスタイルレコードは空であり、この動作は想定される動作です。
        図 : 2. 新しく作成された UX テーマレコード
        新しく作成された UX テーマレコード。
    5. 新しく作成したスタイルレコードをテーマに追加します。
      1. [スタイル] 列の下をダブルクリックして、ルックアップフィールドを表示します。
      2. ドロップダウンから新しいスタイルレコードの 1 つを検索して選択します。
      3. 緑色のチェックマークを選択して、選択内容を保存します。
      4. [タイプ] 列の下をダブルクリックしてドロップダウンリストを表示し、[ コア] を選択します。
        図 : 3. [スタイルタイプ] ドロップダウンリスト
        コアオプションが選択された [スタイルタイプ] ドロップダウンリスト。
      5. 緑色のチェックマークを選択して、選択内容を保存します。

        このアクションにより、スタイルレコードが現在のテーマに関連付けられます。

      6. 残りの 4 つのスタイルレコードに対してこのプロセスを繰り返します。
      7. ヘッダー バーを選択して長押し (または右クリック) し、[ 保存] を選択します。
        変更が保存されていない場合は、追加したスタイルレコードの横に緑色のバーが表示されます。
        図 : 4. レコード保存前の UX テーマレコード
        レコードを保存する前の UX テーマレコード。
    6. カスタムテーマを公開します。
      カスタムテーマを公開するには、「 ネクストエクスペリエンスでの複数のテーマの公開」を参照してください。
      カスタムテーマが公開されたので、テーマをカスタマイズする準備ができました。UX スタイルカラーレコードを編集するためのステップバイステップのチュートリアルについては、 ネクストエクスペリエンス ワークショップ ServiceNow コミュニティ内。