在主题编辑器中设计您的博客页面（OS 3.0 主题）

博客页和博客集合页可让顾客浏览您店铺的文章并按主题进行筛选，帮助购物者更轻松地发现您品牌的故事、指南和最新动态。这两个页面均基于主题编辑器中相同的博客模块构建，因此大部分组件和设置的使用方式基本相同。

本指南将说明如何自定义博客页、配置博客集合页，以及为博客文章预览启用富文本摘要。

设计博客页

博客页会以卡片列表的形式展示您店铺的所有博客文章。如需在主题编辑器中打开该页面，请按以下步骤操作：

1. 在 SHOPLINE 后台管理中，进入【在线商店】>【设计】。
2. 找到您当前使用的主题，点击【设计】按钮以进入主题编辑器。
3. 选择【默认模板】以编辑标准博客页面模板，或点击【+ 创建模板】从头构建新版式。

4. 在左侧菜单的 header 组件上方，使用搜索框或博客文章标题列表，选择要预览的博客文章。

   注意：仅当您已在博客模块中创建博客文章后，此列表才可用。详情请参阅 《创建和管理博客文章》。

5. 点击【博客文章】组件，设计每篇博客文章的展示方式，包括其【标题】、【作者/时间】、【配图】、【内容】、【分享】、【 返回按钮】和【评论】区块。

6. 点击【+ 添加组件】，然后搜索并添加【博客】 组件，以查看和编辑该组件。添加后，【博客】组件包含以下组件：

   注意：【博客】组件并非博客页专属。 您可以通过同样的方式（点击【+ 添加组件】）将其添加到主题编辑器中的大多数其他页面，【结账页】除外。 此处配置的设置（包括【启用富文本摘要】）在任何添加了【博客】组件的页面上均会生效。

• 博客：点击【博客】组件以配置博客区块的常规设置，包括：
  • 博客集合：点击【选择博客集合】，筛选列表中显示的文章分类。
  • 颜色：为页面选择配色方案，或点击【更换】修改现有方案。
  • 布局：调整博客列表在页面上的排列方式。
  • 自定义 CSS：如有需要，可添加自定义样式。
• 标题：显示在博客列表上方的标题文字。
• 博客列表：用于容纳所有博客文章卡片的容器。
  • 博客数量：设置列表中显示的博客文章数量。
  •  列数（移动端）：设置移动设备上每行显示的列数。
  •  开启移动端左右滑动：允许顾客在移动设备上左右滑动浏览博客卡片。
  •  移动端滑动样式：选择移动端滑动卡片时的呈现方式（例如【简单】 ）。 
  •  列数（桌面端）：设置桌面端每行显示的列数。
  • 博客卡片：列表中每个独立的卡片，由【封面图】和【博客信息】（【标题】、【作者日期标签】和【摘要】）组成。
• 按钮：博客列表旁显示的任意行动号召按钮。

7. 点击【保存】以应用您的设置。

为博客组件启用富文本摘要

默认情况下，博客页和博客集合页上的每个博客组件都会显示文章的纯文本摘要。现在，您可以将其切换为富文本摘要，展示与博客文章正文相同的格式化预览文本，包括加粗、斜体和链接等样式。

如需启用富文本摘要，请按以下步骤操作：

1. 选择一个【博客】组件，然后在左侧菜单中依次选择【博客信息】>【摘要】。
2. 在设置面板中，开启【启用富文本摘要】。

关闭此设置（默认状态）时，可使用以下选项

• 文本标签：用于设置 SEO 所需的 HTML 标题标签，不会改变摘要在页面上的显示效果。
•  版式：控制摘要所使用的文字样式。
•  文字对齐：将摘要文字设置为左对齐、居中或右对齐。
•  展示规则：控制摘要显示的内容长度（例如完整展示或截断显示）。

开启此设置时：

• 仅保留【展示规则】选项可用。摘要将改为按照博客文章编辑器中应用的富文本格式和 SEO 标签进行呈现。

设计博客集合页

博客集合页的运作方式与博客页相同，但仅显示属于特定分类的文章。 

如需在主题编辑器中打开该页面，请按以下步骤操作：

1. 在页面选择器中，从下拉菜单中选择【博客集合页】。
2. 使用左侧面板中的搜索框或分类列表，选择您要编辑的分类。
3. 在左侧菜单中选择【博客分类】，以查看和编辑其组件。

博客集合页与博客页共用相同的【博客】组件（【博客信息】、【封面图片】、【标题】、【作者日期标签】和【摘要】），包括上文「为博客组件启用富文本摘要」中所述的【启用富文本摘要】设置。此外，该页面还包含【博客集合名称】组件，用于在页面顶部显示分类标题。

在设置面板中，您还可以配置以下内容：

• 布局：选择 【网格】以将博客按列排列。 
• 列数（桌面端）：设置每行显示的列数；仅适用于网格版式。 
• 每页博客数量：使用滑块设置分页前显示的文章数量。 
• 颜色和自定义 CSS：与博客页相同。