はじめに
カスタム 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状態とサイドバーのユーザーインターフェイスを含みます。