単一の要素とテキストをスタイル化する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Componentビルダーでは、要素に1つ以上のスタイルがStylesライブラリで割り当てられます。コンポーネントで要素を使うと、Stylesライブラリ内のその要素に割り当てられたデフォルトのスタイルでスタイリングされます。
スタイルは要素です
コンポーネント内の特定の要素のスタイルは変更できますが、ここで説明しているように同じタイプのすべての要素のスタイルを変えるのとは違います。
要素をスタイリングするには:
-
Componentビルダーでスタイリングしたい要素を選択します。キャンバス内の要素をクリックするか、コンポーネントの左下にあるコンテキストツールバーを使うことができます。
-
右側のペイン上部のStyleセクションで、スタイルタイルをクリックしてください。
-
要素の別のスタイルを選択するには、上部のタイルの
をクリックしてください。
-
ドロップダウンメニューで、以下のいずれかをクリックしてください:
-
Current theme - コンポーネントに現在適用されているテーマから許可されているスタイルにアクセスする。
-
All available - このテーマのエレメントに割り当てられていないすべてのスタイルにアクセスできる。
-
-
スタイルをクリックして選択した要素に適用してください。
エレメントは現在のテーマのスタイル、またはStylesライブラリ内で許可されている任意のスタイルでスタイリングされます。
テーマに含まれていないスタイルをAll availableリストから選ぶ場合、その要素をテーマから切り離します。テーマの変更を示すため、名前はオレンジ色のタグと警告サインで表示されています。さらに、一度きりのカスタマイズでさらにカスタマイズすることも可能です。
スタイルテキスト
テキストのスタイルはインライン編集やStylesライブラリで定義されたスタイルルールを受け入れることで可能です。
テキストのスタイル化:
-
Componentビルダーで、スタイルをつけたいテキストをハイライトします。
-
テキストスタイルを変更するには:
-
右側のStyleセクションでタイルをクリックしてStylesピッカーを開き、テキストの別のスタイルを選択します。
-
ハイライトされたテキストの左側で、
をクリックしてText elementsタグのいずれかを選択します。各タグに関連付けられたスタイルは、Stylesライブラリ内のテキストブロックを定義する際に保存されます。
-
-
テキストの揃えを調整するには、右側のAlignmentセクションでText settingsをクリックしてください。
