イントロダクション
カスタム Brics 正しく動作してコンパイルするには、特定のディレクトリ構造が必要です。
Bric Builderには、新しいカスタムを作成する機能があります Brics ボイラープレートの例から、これらを使用すると、関連するすべてのファイルとディレクトリに正しく名前が付けられ、存在することが保証されます。
ディレクトリ
カスタム Bric 内には 4 つのディレクトリが必要です。
資産 – アセット ディレクトリは、Bric ライブラリとカスタム Bric のドロップ カーソル アートワーク ファイルを保存するために使用されます。Bric ライブラリ アイコン アートワークの名前は icon.png (retina – icon@2x.png)、カーソル アートワークの名前は cursor.png (retina – cursor@2x.png) にする必要があります。
含ま – カスタムBricがページに追加されると、このディレクトリ内にあるCSSおよびJSファイルは、Bricの挿入場所（グローバル/ダイナミックエリア）に応じて、ページまたはプロジェクトの添付ファイルとして自動的に追加されます。エクスポート時に、CSSリソースは終了ヘッドタグの前に配置され、JSリソースは終了ボディタグの前に配置されます。また、画像アセットを追加することもできます。 含ま これらは自動的に img エクスポート時のディレクトリ。
js –すべてのカスタム Brics 内で使用される編集ロジック Blocs デザイン環境はこのディレクトリに配置する必要があります。このコードはプロジェクトとともにエクスポートされません。
テンプレート –すべてのカスタム Brics テンプレートファイルはこのディレクトリに配置する必要があります。 これらのファイルは、 ストアカスタムブリックテンプレート値 API呼び出しは、必要に応じてプロジェクトの最終エクスポートに含まれます。
リソース –このディレクトリ内に配置されたすべてのファイルには、リソースAPI呼び出しを使用して、または Brics ショートコードを含むHTMLコンテンツ *リソースパス.
カスタム Bric 内には次のファイルが存在する必要があります。
index.html –このファイルは、カスタムでDOM（Document Object Model）編集が行われるときに使用される基本的な作業領域を提供します Brics HTMLコンテンツ。 ヘッドには編集環境にロードできるさまざまなJSリソースを含めることができ、ボディには編集領域タグのみを含める必要があります。
例：
<body><editarea></editarea></body>
bric.css – このファイルには、カスタムBricに必要なすべてのスタイルが含まれています。カスタムBricがページに追加されると、このファイルのスタイルルールが自動的に追加されます。 Blocs デザイン環境とプロジェクトをエクスポートするときにstyle.cssファイルに含まれます。カスタムBricで使用されるCSSは、カスタムBricから分離してください。 Brics HTMLコンテンツのみ、カスタム外のDOMオブジェクトに影響を与える可能性のあるスタイルを使用しないでください Brics 本文や見出しタグなどのコンテンツ。
データ。bric – これは、初期の HTML 状態やサイドバーのユーザー インターフェイスなど、カスタム Bric に関するさまざまな情報が含まれる plist ファイルです。