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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む3読むのに数分

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

    始める前に

    必要なロール：admin

    手順

    1. 移動先 すべて > Now Experience フレームワーク > テーマ > テーマビルダー.
      Theme Builder のランディングページが [ホーム] ページビューに表示されます。
    2. 編集するテーマは、マネージャーページビューまたはエディターページビューから選択できます。
      図 : 1. ページメニュー
      ページメニュー
      • [マネージャー] ページビューから、既存のテーマをグリッドビューまたはリストビューの 2 つの方法で表示することができます。次のアイコンを使用して選択されます。マネージャーページビューでは、作成したすべてのテーマを同じ画面で表示できます。
        図 : 2. グリッドビュー
        グリッドビュー
        図 : 3. リストビュー
        リストビュー
        注:
        リストビューには、テーマが適用されたエクスペリエンスが表示されます。たとえば、 ABC Co. テーマ は Web インスタンスに適用され、 Blimey テーマはモバイルインスタンスに適用されています。「適用」ドロップダウンでは、「Webとモバイル」、「Webのみ」、または「モバイルのみ」を選択できます。詳細については、「でテーマを適用する テーマビルダー」を参照してください。
      • [エディター] ページ ビューで、[テーマ] ドロップダウン リストから編集するテーマを選択できます。エディター ページ ビューでは、選択したテーマのみを表示できます。作成したすべてのテーマを同じ画面で表示するには、マネージャーページビューに切り替えます。
        図 : 4. [テーマ] ドロップダウンリストからテーマを選択します
        [テーマ] ドロップダウンリストからテーマを選択します
      注:
      作業するテーマを選択したら、アプリケーションスコープピッカーからテーマの正しいスコープを選択していることを確認することをお勧めします。
      図 : 5. アプリケーションスコープピッカー
      アプリケーションスコープピッカー
    3. 編集するテーマを選択したら、必要に応じて グローバルスタイル コンポーネントを確認して更新します。
      図 : 6. グローバルスタイルをレビューする
      グローバルスタイルをレビューする
      注:
      以下は、テーマで生成されるスタイルレコードです。
      • ブランドパレット:ブランドのインターフェースの色を更新します。
      • ロゴ:ロゴを更新します。テーマの適用中に、画像または概要ページからロゴをアップロードできます。詳細については、「テーマの適用中にロゴをアップロードする」を参照してください。
      • フォントファミリー:エクスペリエンスにグローバルに適用されるフォントを更新します。フォントは、見出し、タイトル、サブタイトル、本文、キャプションに使用されます。
      • 形状: 画面上のコンポーネントのコーナー形状を更新します。
    4. オプション: テーマをインスタンスに適用する前にプレビューするには、[ エクスペリエンスのプレビュー ] タブを選択します。
      [エクスペリエンスプレビュー] タブ

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

      図 : 7. テーマが適用されたエクスペリエンスのプレビュー
      テーマが適用されたエクスペリエンスのプレビュー
      注:
      エクスペリエンスプレビューのデータはライブデータです。プレビューで行った変更はインスタンスに反映されます。
    5. インスタンスにテーマを適用するには、右上隅にある [ テーマを適用 ] を選択します。
      注:
      テーマは、インスタンスの Web 実装のみ、モバイル実装のみ、または Web 実装とモバイル実装の両方に適用できます。
      テーマメニューを適用
    6. 選択したら、確認ボックスで [ 適用 ] を選択します。
      注:
      テーマ名が現在適用されているテーマと同じ場合、[ テーマを適用 ] ボタンは無効になります。詳細については、「 テーマの適用」を参照してください。