1. ホーム
  2. 開発者向け
  3. カスタムブリックグローバルカラー

カスタムブリックグローバルカラー

グローバル スウォッチは、Web サイトのほぼすべての要素に適用できるようになりました。 カスタム Brics グローバル スウォッチにもアクセスできますが、それらのサポートは 有効になっていません これらは特定の状況でのみ機能するため、特別な考慮が必要です。

グローバル スウォッチの仕組み

グローバルスウォッチの使用 CSS変数 要素に色を適用します。 ソース変数が編集されると、それを使用するすべての要素が更新されます。

カスタムBricでグローバルスウォッチを使用する場合、CSS変数はWebサイトのメインHTMLレンダリング層内でアクセスされた場合にのみ機能することを覚えておくことが重要です。CSS変数をJavascriptまたはPHPに配置すると機能しない可能性があります。これを念頭に置いて、Bric開発者は、カスタムBricで使用されるカラーウェルのグローバルスウォッチサポートを有効にする場合は、カラー機能を徹底的にチェックする必要があります。 Brics ユーザーインターフェース。

重要な!

外部リソースで使用されるテンプレート値として色を保存している場合、グローバル スウォッチが正しく機能する可能性はほとんどありません。 グローバル スウォッチは、理想的には、 Brics ブラウザがページをレンダリングするときにページに存在する HTML。

グローバル スウォッチ サポートを有効にする方法

デフォルトでは、すべてのカスタムで使用されるカラー ウェル UI コンポーネント Brics グローバル スウォッチ サポートが無効になっています。 これは、カラー ウェル ポップオーバーが開いたときに、[グローバル スウォッチ] タブが使用できないことを意味します。

有効にするには、Bricを ブリックビルダー、あなたのターゲットカラーウェルを選択してください Brics UI を開き、Global Swatches というラベルの付いたチェックボックスを有効にします。

重要な!

このチェックボックスを有効にしても、 Brics コード。 ページ HTML が正しく機能するためには、カラー ウェル値がページ HTML 内で使用されていることを確認する必要があります。

31年2023月XNUMX日に更新

この記事は役に立ちましたか?

関連記事