使用站点编辑器添加边栏

许多网站（尤其是博客）都有一个用来显示额外信息（比如图片、“关于我”文本、指向其他文章的链接、社交媒体个人资料等）的边栏。

本指南将向您介绍如何使用站点编辑器添加边栏。您的站点必须使用支持站点编辑器的主题，才能使用本指南中的方法。

在此指南中

1. 在空白模板上创建边栏
2. 在索引或归档模板上添加边栏

通常情况下，可以使用采用 70/30 布局的栏目区块来添加边栏元素，其中较窄的一栏将作为边栏。

进入外观 → 站点编辑器，点击左上角的站点 图标，然后选择模板。接下来，您可以按需执行以下步骤：

在空白模板上创建边栏

1. 选择空白模板。
2. 点击 + 区块插入器按钮并插入一个栏目区块。
3. 设置双栏布局并选择 70/30。
4. 较窄的一栏即是您想要拥有的边栏，可以向其中添加任意区块。
5. 在较宽的一栏中，添加文章内容 区块。它将动态显示您稍后为其应用空白模板的页面或文章内容（请参见第 7 步。）
6. 点击保存。
7. 编辑您希望使用边栏的页面或文章。在右侧的设置中，找到模板设置。选择此处的空白模板。

现在，任何使用空白模板的页面或文章都会在该页面或文章的内容旁边显示边栏。

在索引或归档模板上添加边栏

索引模板用于显示文章内容。归档模板用于显示具有特定分类或标签的文章。向这些模板中的任意模板添加边栏后，您的文章页面以及分类和标签页面上即会显示边栏。

进入外观 → 站点编辑器，点击左上角的站点 图标，然后选择模板。随后：

1. 选择索引模板。
2. 从列表视图中，选择查询循环区块，并将其转换为栏目区块。
3. 在栏目区块设置中将栏目区块设置为双栏。
4. 使用列表视图，选择每个栏，并将其中一栏设置为 70%，另一栏设置为 30%。
5. 较窄的一栏即是您想要拥有的边栏，可以向其中添加任意区块。
6. 点击保存。

同样，您可以按照此流程处理其他模板，例如页面、首页、单篇文章、 404、 或搜索。

要创建可重用的边栏组件，我们建议将其保存为一个模板部分区块，以便您以后可以轻松添加已完成的边栏，而不是为每个模板重新构建边栏。