1. ホーム
  2. 開発者
  3. カスタム Bric Structure

カスタム Bric Structure

概要

カスタム 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 リソースは終了 head タグの前に配置され、JS リソースは終了 body タグの前に配置されます。 画像アセットを 含ま これらは自動的に img エクスポート時のディレクトリ。

js –すべてのカスタム Brics 内で使用される編集ロジック Blocs デザイン環境はこのディレクトリに配置する必要があります。このコードはプロジェクトとともにエクスポートされません。

テンプレート –すべてのカスタム Brics テンプレートファイルはこのディレクトリに配置する必要があります。 これらのファイルは、 storeカスタムBricテンプレート値 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ファイルに含まれます。 カスタムで使用されるCSSを保持してください Bric 習慣に隔離 Brics HTMLコンテンツのみ、カスタム外のDOMオブジェクトに影響を与える可能性のあるスタイルを使用しないでください Brics 本文や見出しタグなどのコンテンツ。

データ。bric –これはカスタムに関するさまざまな情報を含むplistファイルです Bric、初期のHTML状態とサイドバーのユーザーインターフェイスを含みます。

5年2023月XNUMX日に更新

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

関連記事