---
title: "要素のカスタマイズ"
slug: "customize-an-element"
abstract: "コンポーネントビルダーでは、スタイルの1つ以上の特徴を別の承認されたスタイルに変更したり、まったく新しいワンオフの設定に変更したりしてカスタマイズできます。"
---
# 要素のカスタマイズ

**Styles**ライブラリでは、要素に1つ以上のスタイルが割り当てられています。コンポーネントで要素を使用すると、そのコンポーネントに選ばれたテーマに従ってスタイル化されます。デフォルトスタイルを、元々その要素に割り当てられたスタイルや、他の利用可能なスタイルに変更することも可能です。

オプションとして、特定の要素スタイルに一度きりのカスタマイズを適用することも可能です。一度限りのスタイルカスタマイズは、管理すべき多くのルールを作ることなく、一度限りのスタイルを独自に組み合わせることを可能にします。変更の影響を受けるのは選んだ要素のみであり、一度限りのカスタマイズスタイルは他の要素が再利用するために **スタイル** ライブラリに保存されません。

## スタイルをカスタマイズする

スタイルの一つ以上の特徴を変更してスタイルをカスタマイズするには:

1.  コンポーネントビルダーでスタイリングしたい要素を選択します。キャンバス内の要素をクリックするか、コンポーネントの左下にあるコンテキストツールバーを使えます。
    
2.  右のペイン上部の **スタイル** セクションで、タイルをクリックしてスタイルピッカーを開き、カスタマイズしたいスタイルを選択します。
    
3.  選択したスタイルをカスタマイズするには、変更したいスタイルの特徴(例えば **タイポグラフィ** や **スペース**)をクリックしてください。
    
4.  「**すべての利用可能なスタイルを表示**」オプションをオンにすると、以前にスタイル[ビルダー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/creating-your-styles-library.html "Creating your styles library") で構築されたすべてのスタイルが表示されます。デフォルトのスタイルに加えて、その要素に割り当てられたフィーチャースタイルや、**Styles**ライブラリの任意のフィーチャースタイルから選択できます。たとえそのスタイルがこの要素に割り当てられていなくてもです。これらの追加オプションは警告サインでハイライトされています :mdiAlertOutline: を使うと元の要素スタイルから切り離されてしまいます。
    
    ![Screenshot of the different feature style options](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/feature_style.jpg)
    

## スタイルの一度きりカスタマイズを作る

スタイルの一つ以上の特徴を新たに設定して一度きりのカスタマイズを行うには:

1.  コンポーネントビルダーでスタイリングしたい要素を選択します。キャンバス上の要素をクリックするか、コンポーネントの左下にあるコンテキストツールバーを使えます。
2.  右のペイン上部の **スタイル** セクションで、タイルをクリックしてスタイルピッカーを開き、カスタマイズしたいスタイルを選択します。
3.  変更したいスタイルの特徴、例えば **タイポグラフィ** や **スペース**をクリック:右クリックしてください。
4.  クリック :mdiDotsHorizontal: > **カスタム** :mdiPaletteOutline:
5.  右側のペインには、Stylesビルダーの設定オプションが表示され、それを使って一度きりのカスタムデザインを作成できます。

![Screenshot showing the configuration option for one-off customization of an element feature.](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/feature_one_off.jpg)

高度なスタイルカスタマイズは、要素が [重複リンク](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/components/prototyping-components/use-elements-to-build-components.html#UUID-67ce92f1-54b1-9c6f-7206-a2086fcf5469_section-idm4569984066096033242523807506 "Duplicate an element")されていない限り、既存のコンポーネントバージョンにのみ適用されます。この場合、カスタマイズはリンクされた要素を共有するすべてのバージョンに適用されます。

ここで作成されたデザインはライブラリに保存されず、再利用もできません。再利用可能なデザインにするには、作成してスタイルライブラリ内の要素に適用できます。