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

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

始める前に

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

必要なロール：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 テーマレコード

      

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

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

      

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

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

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

      図 : 4. レコード保存前の UX テーマレコード

      

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