1. ホーム
  2. 開発者
  3. カスタム Bric ヘルパークラス

カスタム Bric ヘルパークラス

次のヘルパークラスはカスタムで使用できます Brics 内の特定の表示モードからコンテンツを非表示にするなど、その他のタスクを実行する Blocs 設計環境。

ヘルパークラス

.display-in-blocs-編集モードのみ – Bric このクラスが適用されたコンテンツは編集モードでのみ表示され、すべてのプレビューモードで非表示になり、エクスポートされると、このクラスは標準のブートストラップに置き換えられます。 .hidden とに提供されます。

.隠れて-blocs-編集モードのみ – Bric このクラスが適用されたコンテンツは、プレビューモードで、プロジェクトがエクスポートされたときにのみ表示されます。 編集モードでは表示されません。 このクラスは、エクスポートされたコードから自動的に削除されます。

初心者向けのヒント

このクラスが適用されます display:none!important; 対象の要素に。 デザイン モードではページからコンテンツが削除されるのではなく、要素がユーザーに対して視覚的に非表示になるだけです。

.remove-on-export – Bric このクラスが適用されたコンテンツは編集モードでのみ表示され、エクスポートおよびプレビューモードでは削除されます。

.隠れて-blocs-ページプレビュースナップショット – Bric このクラスのコンテンツは、ページプレビュースナップショット画像から非表示になります。 このクラスは、エクスポートされたコードから自動的に削除されます。

.bric-キャンバス-プレースホルダー –これは、きれいなスタイルの青いボックスを表示するために使用できるプレゼンテーションクラスです。 Blocs 設計環境。

コード例:

<div class="remove-on-export bric-canvas-placeholder">Bric Placeholder</div>

設計環境の出力:

15年2023月XNUMX日に更新

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

関連記事