---
title: "テーマを作曲する"
slug: "compose-a-theme"
abstract: "テーマの作成は、テーマが複数のルールの組み合わせで構成される原子スタイルライブラリを構築する最後のステップです。"
---
# テーマを作曲する

テーマの作成は、コンポーネントビルダーで原子スタイルライブラリを構築する最後のステップです。

テーマは、事前に作成された要素とスタイルルールの組み合わせで構成されています。主な目的は、複数のスタイルを同時に適用することで、例えばライトセクション、ダークカード、ライトテキストブロック、特定のピルスタイルをワンクリックで適用することで、コンポーネントのスタイリングプロセスを向上させることです。

## テーマを追加する

スタイルライブラリにテーマを追加するには:

1.  スタイルビルダーの左側ペインで **「テーマ**」をクリックします。
2.  「 **テーマを追加」**をクリックします。
3.  テーマの名前を入力してください。
4.  「 **ブロック要素**」「 **インライン要素**」「 **テキスト要素**」タブで、各要素のスタイルを追加してください。例えば、 **ブロック要素** タブで「 **セクションを追加** 」をクリックしてセクションの新しいスタイルを追加し、利用可能な場合はドロップダウンメニューから希望するルールを選択します。
5.  各要素ごとに複数のスタイルを追加できます。その際、デフォルトのスタイルとして1つを選択します。
6.  テーマをスタイルライブラリに保存するには、 **保存**をクリックします。

スタイルライブラリに保存されたテーマは、コンポーネントビルダーの [スタイルピッカー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/style-a-component-with-a-theme.html#UUID-d70ed9ca-1316-3d5b-da01-20189b95b22b_section-idm4589729568736033556843821317 "Pick a theme for the component") で利用可能です。テーマを選択すると、選択したデフォルトスタイルが自動的にコンポーネントバージョンのすべての要素に適用されます。ただし、コンポーネントビルダー内であらかじめ定義された代替スタイルのいずれかを選択することで、テーマの任意の要素を直接 [スタイリング](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/style-a-component-with-a-theme.html#UUID-d70ed9ca-1316-3d5b-da01-20189b95b22b_section-idm4585461261646433556844348966 "Customize a theme") や [カスタマイズ](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/styling-components/customize-an-element.html "Customize an element") が可能です。