でテーマを管理または編集する テーマビルダー

テーマとスタイルを時間とコスト効率の高い方法でカスタマイズおよび管理します。新しいテーマは、インスタンスの Web 実装またはモバイル実装に公開できます。

始める前に

必要なロール：admin

手順

1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
   テーマビルダーのランディングページがホームページビューに表示されます。
2. ホームページビューで、マネージャーページビューまたはエディターページビューのいずれかから、編集するテーマを選択します。

   図 : 1. ページメニュー

   

   • [マネージャー] ページビューでは、既存のテーマを 2 つの方法で表示できます。グリッドビューまたはリストビューを選択できます。
     注:

     グリッドビューとリストビューの両方で、公開済みのテーマと未公開のテーマが別々にグループ化されます。公開されたテーマは、ユーザーのテーマ設定に表示されるテーマです。[ Web ] または [モバイル ] ボタンを選択して、Web テーマとモバイルテーマを表示します。

     図 : 2. グリッドビュー

     

     図 : 3. リストビュー

     

     公開テーマの [ アイコンには、次のオプションが含まれています。

     • 複製
     • 削除
     • 代替カラーパレットを追加
     • 非公開
     • デフォルトとしてマークする
       注:

       このオプションは、テーマが現在のデフォルトテーマでない場合に表示されます。
     代替カラーパレットが定義された公開テーマの [ ) アイコンには、次のオプションが含まれています。

     • グループ名を編集
     • 複製
     • 削除
     • 非公開
     • デフォルトとしてマークする
       注:

       このオプションは、テーマが現在のデフォルトテーマでない場合に表示されます。
     未公開テーマの [その他のアクション] アイコンには、次のオプションが含まれています。

     • 複製
     • 削除
     • 代替カラーパレットを追加
     • 非公開
   • [エディター] ページビューで、[テーマ] ドロップダウンリストから編集するテーマを選択できます。エディター ページビューでは、選択したテーマのみを表示できます。作成したすべてのテーマを同じ画面で表示するには、マネージャーページビューに切り替えます。

     図 : 4. [テーマ] ドロップダウンリストからテーマを選択します

     

   注:

   作業するテーマを選択するときは、アプリケーションスコープピッカーからテーマの正しいスコープを選択していることを確認します。

   図 : 5. アプリケーションスコープピッカー

   

3. グローバルスタイルコンポーネントを確認し、必要に応じて更新します。

   図 : 6. グローバルスタイルを確認する

   

   注:

   テーマとともに次のスタイルレコードが生成されます。

   • ブランドパレット:ブランドのインターフェースの色を更新します。
   • ロゴ:ロゴを更新します。ロゴは、テーマの適用中に画像または概要ページからアップロードできます。詳細については、「でのテーマの公開中にロゴをアップロードする テーマビルダー」を参照してください。
   • フォントファミリ:エクスペリエンスにグローバルに適用されるフォントを更新します。フォントは、見出し、タイトル、サブタイトル、本文、キャプションに使用されます。
   • 形状:画面上のコンポーネントのコーナー形状を更新します。
4. オプション: インスタンスに公開する前にテーマをプレビューするには、[ エクスペリエンスのプレビュー ] タブを選択します。

   

   実際のライブインスタンスが表示され、選択したすべてのテーマが適用されます。選択したテーマを実際のインスタンスに実装する前にプレビューできます。

   図 : 7. テーマが適用されたエクスペリエンスのプレビュー

   

   注:

   エクスペリエンスプレビューのデータはライブデータです。プレビューで行った変更は、インスタンスに反映されます。
5. テーマを公開します。
   詳細については、「でのテーマの公開 テーマビルダー」を参照してください。

• コアスタイル、色、バリアント、代替カラーパレット
  コアスタイル、バリアント、および代替カラーパレットを構成することで、さまざまなユーザーに合わせて ネクストエクスペリエンス UI のルックアンドフィールをカスタマイズできます。
• 代替カラーパレットを追加
  テーマビルダーテーマの代替カラーパレットを作成し、それをインスタンスに公開することで、そのテーマをカスタマイズします。
• コンポーネントのプレビュー
  テーマを作成または管理するときに、インスタンスに含めることができるコンポーネントをプレビューできます。
• コンポーネントを編集
  個々のコンポーネント テーマビルダー ブランドに合わせて編集し、アクセシビリティのコンプライアンス基準を満たすようにします。編集できるテーマフックは、各タイプのコンポーネントに固有です。