基本テンプレート構造

テンプレートの基本構造には、サイト(アセット、レイアウト、ページ、およびコンテンツを含む)、関連するテーマ、およびカスタム・コンポーネントが含まれます。

サイトの作成時は、サイトの構造と初期コンテンツを提供するテンプレート、デザインとレイアウトの指定が含まれたテーマ、および任意のカスタム・コンポーネントを選択する必要があります。

テンプレートは、基本的なフォルダおよびファイルを示すこの例のとおり、特定の構造で編成されます:

template_name
    components
        component_name
            assets
                render.js
                settings.html
            _folder.json
            _folder_icon.jpg
            appinfo.json
    template
        assets
        content
        layouts
        pages
            100.json
            200.json
            300.json
            400.json
        variants
        _folder.json
        _folder_icon.png
        componentsused.json
        controller.html
        siteinfo.json
        structure.json
    theme
        assets
            css
                main.css
            js
                topnav.js
        designs
            default
                design.css
                design.json
                facebook.png
                googleplus.png
                linkedin.png
                twitter.png
                youtube.pgn
        layouts
            index.html
        responsepages
            404.html
        _folder.json
        _folder_icon.png
        components.json
        viewport.json

コンポーネントとテーマのフォルダおよびファイルについては、このガイド内の別の場所で説明します。「コンポーネントの開発について」および「基本テーマ構造」を参照してください。

ノート:

  • テーマのコピーを使用するJETスタータ・テンプレートまたはスタータ・テンプレートを使用しない限り、一般にテーマはテンプレート間で共有されます。スタータ・テンプレートの操作を参照してください。

  • テーマには、もはやサイトが含まれていません。サイトのフォルダおよびファイルは、/templateフォルダ内にあります。

template_name/templateフォルダには、サイトのフォルダおよびファイルが含まれています。

  • assets: ユーザー・インタフェースのテンプレート詳細ページに表示されるイメージが含まれています。

  • content: サイトで使用される管理コンテンツが含まれています。

  • layouts: この時点では使用されません。

  • pages: データとともにすべてのページJSONファイルが含まれています。nnn.jsonというフォーマットを使用します。ここでのnnnはページIDです。

  • variants: サイトに対するすべての更新の詳細が含まれています。

  • _folder.json: サイト作成者、サイト名、アイテムGUID、サイトの簡易説明および詳細説明など、テンプレートのメタデータが含まれています。

  • _folder_icon.png: ユーザー・インタフェースでのサイトを表します。

  • componentsused.json: (非推奨。)サイト内で使用されるカスタム・コンポーネントがある場合は、それらを記録します。下位互換性のためにのみ維持されています。

  • controller.html: ブラウザでサイトを表示する、キー・コードが含まれています。このファイルを変更する場合は、インタフェースのサイト設定でこれを行うことをお薦めします。オフラインでファイルを変更できます。コントローラ・ファイルのカスタマイズを参照してください。

  • siteinfo.json: サイト名、関連付けられているテーマの名前、およびサイトのその他のメタデータを識別します。このファイルは変更しないでください。

  • structure.json: ページ(親ページおよび子ページ)に関してサイトの階層を定義します。サイトのナビゲーションを設定する場合は、ツリー構造を引き出すためにレンダリングAPIを使用できます。「サイト・ナビゲーション」および「レンダリングAPIリファレンス」を参照してください。