透过新版编辑器创建或编辑进阶分页时，您可以添加「部落格」元件，将您既有的部落格文章展示在进阶分页内，还能调整部落格图文在进阶分页内的排版比例、添加「阅读内文」按钮等等，提升您的文章触及率，轻松导入网路流量。
⚠️ 开始前请注意：
- 新版页面编辑器目前仅支持 Ultra Chic、Kingsman 及 Varm 版型使用。
- 使用新页面编辑器创建分页后，若切换其他店面版型，该分页仍然可以显示，但无法编辑且可能发生跑版情形，在确认发布分页前请多加留意。
本文将介绍：
一、添加部落格元件
步骤一
前往「SHOPLINE 后台 > 网店设计 > 网店分页」，选择您想添加部落格元件的进阶分页，点击「编辑」；或点击「进阶分页」创建新分页。
若您想了解如何创建进阶分页，请参考：页面编辑器概览（新版）。
步骤二
点击「元件」按钮。
步骤三
点击「内容 > 部落格」元件。
步骤四
左侧编辑栏「数量」选单下拉，可以设置您想展示的部落格文章数量。
若您想了解如何添加部落格文章，请参考：部落格。
＊注意：
部落格文章默认依添加顺序先后排列，暂不支持其他排列方式。
步骤五
「标题」栏可以自定义您的部落格元件标题，标题将呈现在图中箭头处，下方「标题对齐」按钮可调整标题位置。
步骤六
「切换样式」用来调整您的部落格文章呈现样式，共有水平陈列、垂直陈列 2 种。
- 水平陈列
1. 电脑端：依文章添加顺序由左至右排列，若展示数量超过 4 篇则会以轮播方式呈现。
2. 移动端：因版面有限，依文章添加顺序一行一篇，以轮播方式呈现。
- 垂直陈列
1. 电脑端：依文章添加顺序由上至下排列。
2. 移动端：因版面有限，依文章添加顺序一行一篇，以轮播方式呈现。
步骤七
「图片比例」分成电脑、手机两个栏位，您可以自定义部落格文章图片呈现比例。
步骤八
「文章对齐」栏可以自定义部落格文章标题、简介、按钮等资讯对齐位置。
＊注意：
此功能不会改变部落格文章图片对齐位置。
步骤九
开启「显示文章按钮」，每篇部落格文章下方会出现「阅读内文」按钮，顾客可以点击进入查看全文。
开启「显示列表按钮」，则会在部落格元件底部出现「查看更多」按钮，顾客可以点击进入您的商店部落格，查看所有已发布的部落格文章。
步骤十
若您设置显示的部落格文章数量超过 4 篇，您可以自定义部落格文章轮播的「滑动样式」，样式共分为「按钮」、「圆点」、「滑动条」3 种。
- 滑动样式示意图：按钮
- 滑动样式示意图：圆点
- 滑动样式示意图：滑动条
步骤十一
「元件间距」功能可以让您自定义进阶分页中的各元件间距。
步骤十二
确认完成上述设置后，请点击右上角「发布」按钮，让顾客在商店前台可查看此分页所有新添加的内容。
二、注意事项
- 如果您想在右侧预览画面查看功能套用效果，请先点击左侧编辑栏底下的「储存」。
- 部落格文章显示数量上限为 12 篇。
延伸阅读
评论