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

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

始める前に

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

必要なロール：admin

このタスクについて

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

手順

1. 次のように移動する。 All (すべて) > Now Experience フレームワーク > テーマ.
   [UX テーマ] テーブルが表示されます。
2. [名前] 列で、クローンを作成する テーマビルダー テーマを検索し、レコードを選択します。
3. 5 つの UX テーマスタイルレコードをクローンします。
   1. [Compositional: App Theme] タブで、[Mobile Colors] スタイルレコードを選択して長押し (または右クリック) し、[Open link in new tab] を選択します。
   2. [ 名前 ] フィールドにテーマ名を入力します。
      例:ABC Company - Mobile Colors。
   3. ヘッダーバーを選択して長押し (または右クリック) し 、[挿入と維持] を選択します。
      このアクションにより、スタイルレコードのコピーが作成され、情報が新しいスタイルレコードにリダイレクトされます。

      図 : 1. クローンされたモバイルカラースタイルレコード

      

   4. 開いているタブを閉じます。
   5. [形状とフォーム]、[色]、[画像]、および [タイポグラフスタイル] レコードに対してこのプロセスを繰り返します。
   注:

   クローンされたスタイルレコードは現在のテーマレコードには表示されないため、この動作は想定内のものです。
4. UX テーマレコードのクローンを作成します。
   1. [ 名前 ] フィールドから、テーマレコードの名前を変更します。
      例:カスタム ABC 会社。
   2. ヘッダーバーを選択して長押し (または右クリック) し 、[挿入と維持] を選択します。
      新しい UX テーマレコードが表示されます。このテーマ内のスタイルレコードは空であり、この動作は想定内のものです。

      図 : 2. 新しく作成された UX テーマレコード

      

5. 新しく作成したスタイルレコードをテーマに追加します。
   1. [スタイル] 列の下をダブルクリックして、ルックアップフィールドを表示します。
   2. ドロップダウンからいずれかの新しいスタイルレコードを検索して選択します。
   3. 緑色のチェックマークを選択して、選択内容を保存します。
   4. [Type] 列の下をダブルクリックしてドロップダウン リストを表示し、[ Core] を選択します。

      図 : 3. [スタイル タイプ(Style Type)] ドロップダウン リスト

      

   5. 緑色のチェックマークを選択して、選択内容を保存します。

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

   6. 残りの 4 つのスタイルレコードに対してこのプロセスを繰り返します。
   7. ヘッダーバーを選択して長押し (または右クリック) し、[ 保存] を選択します。
      変更が保存されていない場合は、追加したスタイルレコードの横に緑色のバーが表示されます。

      図 : 4. レコードが保存される前の UX テーマレコード

      

6. カスタムテーマを公開します。
   カスタムテーマを公開するには、「 での複数のテーマの公開 ネクストエクスペリエンス」を参照してください。
   カスタムテーマが公開されたので、テーマをカスタマイズする準備ができました。UX スタイルのカラーレコードを編集するためのステップバイステップのチュートリアルについては、の「演習 3、アクティビティ 2、および 3」を参照してください。 ネクストエクスペリエンス ワークショップ ServiceNowコミュニティで。