メインコンテンツへスキップ
テーマを使用すると、プロジェクト全体にブランドガイドラインを適用できます。特定の色、フォント、再利用可能なコンポーネントを定義することで、Widget Studio で作成されるすべてのウィジェットがブランドアイデンティティと一貫性を保ちます。 本記事では、テーマへのアクセス、整理、使用設定の構成方法について説明します。

Themes ダッシュボードへのアクセス

Themes ダッシュボードにアクセスするには、左サイドバーの Studio > Themes をクリックします。 ダッシュボードから、表示を整理できます。
  • 検索: 検索バーを使って特定のテーマを名前で検索します。
  • 並び替え: Sort アイコンをクリックして、Modification date(新しい順または古い順)またはアルファベット順(A to ZZ to A)でテーマを並び替えます。
  • 表示: 並び替えオプションの横にあるアイコンを使って、ブロックビュー(グリッド)とリストビューを切り替えます。
  • フィルタ: Filters サイドバーを開いて、Project または Status(Active/Inactive)でリストを絞り込みます。Apply をクリックしてリストを更新します。

テーマの使用とデフォルトを構成する

管理者は、各プロジェクトでテーマ使用がどれほど厳格かを制御できます。ユーザーにテーマの適用を要求するか、テーマなしでウィジェットを作成できるようにするか選択できます。
  1. Themes ダッシュボードで、settings(歯車)アイコンをクリックします。
  2. Theme Usage & Default Themes パネルで、構成したいプロジェクトを見つけます。
  3. 使用モードを選択します。
    • Optional: ユーザーはウィジェットを作成するときにテーマを適用するかどうかを選択できます。
    • Mandatory: ウィジェットを作成するためにユーザーはテーマを選択する必要があります。
  4. (オプション)Default Theme を選択します。このテーマは、このプロジェクトで新しいウィジェットを作成するユーザーに対して事前選択されます。
  5. Save をクリックします。

既存のテーマを編集して管理する

各テーマカードでは、管理アクションに素早くアクセスできます。
  • Edit: 鉛筆 アイコンをクリックして Theme Builder を開き、色、フォント、またはコンポーネントを変更します。
  • Secondary actions: secondary actions(3 点)メニューをクリックして以下を行います。
    • Preview theme: テーマの表示を確認します。
    • Rename theme: 内部表示名を変更します。
    • Manage tags: 整理のためにタグを追加または削除します。
    • Duplicate theme: テーマのコピーを作成します。
    • Activate/Deactivate: テーマの利用可否を切り替えます。
    • Delete: テーマを完全に削除します。