1. ホーム
  2. 開発者
  3. カスタム Bric グローバル カラー

カスタム Bric グローバル カラー

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

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

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

カスタムでグローバル スウォッチを使用する場合 Bric CSS 変数は、Web サイトのメインの HTML レンダリング レイヤー内でアクセスされた場合にのみ機能することに注意してください。 CSS 変数を Javascript または PHP に配置しても機能しない場合があります。 これを考慮して、 Bric 開発者がカラー ウェルのグローバル スウォッチ サポートを有効にする場合は、カラー機能を十分に確認する必要があります。 Brics ユーザーインターフェース。

重要な!

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

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

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

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

重要な!

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

31年2023月XNUMX日に更新

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

関連記事