全体設定
アドバンスパーツライブラリは、柔軟で強力なスタイリングと構成オプションを提供します。高いカスタマイズ性のため、コンポーネントの構成がテーマのスタイルと正確かつ一貫していることを確認するためには、通常よりも多くの時間と労力が必要です。このガイドでは、テーマスタイルを高度なコンポーネントスタイルと同期する方法について紹介します。
グローバル設定:ワンクリック同期
テーマのスタイル構成を高度なコンポーネントと同期する手順に従ってください:
既存の高度なコンポーネントの場合、コンポーネントをクリックし、スタイルセクションの下にあるグローバルコンポーネント設定を見つけ、すぐに使用ボタンをクリックして、高度なコンポーネントのグローバル設定ページに移動します。
新しく追加された高度なコンポーネントの場合、グローバル設定アイコンを直接クリックします。
グローバル設定ページで、ワンクリック同期ボタンをクリックして、テーマのスタイル設定を高度なコンポーネントの構成と同期させます。
特定のセクションのみを同期したい場合は、そのセクションを展開し、右上隅にあるテーマスタイルを取得アイコンをクリックし、すべての設定がテーマスタイルに正常に変更されていることを確認します。その後、同期してテーマスタイル構成を適用するために、下部にある更新してプレビューボタンをクリックします。
同期用のサポートされたスタイル構成
現在、すべてのスタイル構成が同期と互換性があるわけではありません。サポートされている構成のリストについては、以下の表を参照してください。
高度なコンポーネント構成セクション | 高度なコンポーネント構成プロパティ | 対応するテーマ構成セクション | 対応するテーマ構成プロパティ |
ベース | コンポーネントの背景色 | カラー > 基本 | 背景 |
タイトル | タイポグラフィ | タイポグラフィ > タイトル | タイポグラフィ |
カラー | カラー > 基本 | テキスト | |
PC上のフォントサイズ | タイポグラフィ > タイトル | フォントサイズ | |
スペーシング | タイポグラフィ > タイトル | フォント間隔 | |
行の高さ | タイポグラフィ > タイトル | フォント行の高さ | |
テキスト | タイポグラフィ | タイポグラフィ > 本文 | タイポグラフィ |
カラー | カラー > 基本 | テキスト | |
PC上のフォントサイズ | タイポグラフィ > 本文 | フォントサイズ | |
スペーシング | タイポグラフィ > 本文 | フォント間隔 | |
行の高さ | タイポグラフィ > 本文 | フォント行の高さ | |
ボタン | タイポグラフィ | タイポグラフィ > 本文 | タイポグラフィ |
スペーシング | タイポグラフィ > 本文 | フォント間隔 | |
行の高さ | タイポグラフィ > 本文 | フォント行の高さ | |
高度な設定 > ボタンの境界 | 厚さ | ボタン > 境界 | 厚さ |
不透明度 | ボタン > 境界 | 不透明度 | |
角の半径 | ボタン > 境界 | 角の半径 | |
高度な設定 > ボタンの影 | 不透明度 | ボタン > 影 | 不透明度 |
垂直オフセット | ボタン > 影 | 垂直オフセット | |
水平オフセット | ボタン > 影 | 水平オフセット | |
ぼかし | ボタン > 影 | ぼかし | |
高度な設定 > 動画の境界 | 厚さ | メディア > 境界 | 厚さ |
不透明度 | メディア > 境界 | 不透明度 | |
角の半径 | メディア > 境界 | 角の半径 | |
境界の色 | カラー > 基本 | 線と境界 | |
高度な設定 > 動画の影 | 不透明度 | メディア > 影 | 不透明度 |
垂直オフセット | メディア > 影 | 垂直オフセット | |
水平オフセット | メディア > 影 | 水平オフセット | |
ぼかし | メディア > 影 | ぼかし | |
高度な設定 > コンテンツの境界 | 厚さ | コンテンツコンテナ > 境界 | 厚さ |
不透明度 | コンテンツコンテナ > 境界 | 不透明度 | |
角の半径 | コンテンツコンテナ > 境界 | 角の半径 | |
境界の色 | カラー > 基本 | 線と境界 | |
高度な設定 > コンテンツの影 | 不透明度 | コンテンツコンテナ > 影 | 不透明度 |
垂直オフセット | コンテンツコンテナ > 影 | 垂直オフセット | |
水平オフセット | コンテンツコンテナ > 影 | 水平オフセット | |
ぼかし | コンテンツコンテナ > 影 | ぼかし | |
高度な設定 > カードの境界 | 厚さ | その他のカード > 境界 | 厚さ |
不透明度 | 他のカード > ボーダー | 不透明度 | |
角の半径 | 他のカード > ボーダー | 角の半径 | |
ボーダーの色 | 色 > 基本 | 線とボーダー | |
高度な設定 > カードの影 | 不透明度 | 他のカード > 影 | 不透明度 |
垂直オフセット | 他のカード > 影 | 垂直オフセット | |
水平オフセット | 他のカード > 影 | 水平オフセット | |
ぼかし | 他のカード > 影 | ぼかし | |
高度な設定 > メディアのボーダー | 厚さ | メディア > ボーダー | 厚さ |
不透明度 | メディア > ボーダー | 不透明度 | |
角の半径 | メディア > ボーダー | 角の半径 | |
ボーダーの色 | 色 > 基本 | 線とボーダー | |
高度な設定 > メディアの影 | 不透明度 | メディア > 影 | 不透明度 |
垂直オフセット | メディア > 影 | 垂直オフセット | |
水平オフセット | メディア > 影 | 水平オフセット | |
ぼかし | メディア > 影 | ぼかし |
テーマスタイルの構成は、高度なパーツとのみ同期できます。サブコンポーネントとの同期は現在サポートされていません。