3層構築（テンプレート×サイトモジュール×ページモジュール）

概要

Container は、サイトを3つの層（レイヤー）に分けて組み立てます。
1つ目はサイト全体の枠と世界観を決める「サイトテンプレート」、2つ目はヘッダーやフッターなど共通パーツとページ固有のレイアウトを部品化する「サイトモジュール」、3つ目はページの中身を構成する「ページモジュール」です。
この3層に役割を分けることで、サイト全体の統一感を保ちながら、現場の担当者が中身を自由に編集できます。
サイトテンプレートを切り替えるだけでサイト全体の見た目を一括刷新できるのが、大きな特長です。

この機能のポイント

• 01

  枠＝サイトテンプレート

  サイト全体の枠と世界観を決める層。切り替えるだけで全体の見た目を一括で刷新できます。

• 02

  共通＝サイトモジュール

  ヘッダー・フッターや共通レイアウトを部品化する層。一度直せば、使っている全ページに反映されます。

• 03

  中身＝ページモジュール

  各ページの本文を構成する層。テキストや画像のブロックを組み合わせて作ります。

• 04

  統一と自由を両立

  枠で世界観の統一を守りつつ、中身は現場の担当者が自由に編集できます。

• 05

  リニューアルが軽い

  全ページを作り直さなくても、枠の切り替えでデザイン刷新が完了します。

使い方の流れ

1. サイトテンプレートで枠を決める

   サイト全体の骨格（どの共通パーツをどの順で組むか）をサイトテンプレートとしてまとめ、世界観の土台を作ります。

2. サイトモジュールで共通部品を作る

   ヘッダー・フッターや共通レイアウトをサイトモジュールとして部品化します。表示用テンプレートごとに差し替えることもできます。

3. ページモジュールで中身を組む

   各ページの本文を、ページモジュール（テキスト・画像などのブロック）を組み合わせて作ります。

4. テンプレ切替で一括刷新

   サイトテンプレートを切り替えれば、サイト全体の見た目をまとめて入れ替えられます。