布局分区

最后更新时间:2026-05-06 10:00:00

1. 模板布局的核心思路

布局分区不是为了“好看”,而是为了让不同类型的信息各自有位置:导航放导航,内容放内容,辅助信息放侧栏或页脚。

2. 常见布局方式

  • 一栏布局:适合首页、单页、落地页。
  • 左右布局:适合文章详情、文档中心、后台帮助页。
  • 三栏布局:适合内容型站点、列表页和资讯页。

3. 推荐的分层方式

<div class="page">
  <header>...</header>
  <div class="page-body">
    <aside>侧栏</aside>
    <section>主内容</section>
  </div>
  <footer>...</footer>
</div>

主内容区负责展示当前页面的核心信息,侧栏负责推荐、导航、标签、广告或固定信息。

4. 分区时怎么想数据

  • 主内容区优先读 `.List`、`.Content`、`.Single`。
  • 侧栏优先读 `Top()`、`Recom()`、`Latest()`、`Tags()`。
  • 页脚优先读 `.Site` 和 `.ThemesExt`。

5. 别把布局写死

如果页面结构未来可能变化,就把模块拆成片段。布局是骨架,不应该和具体文案绑死。