跳至正文
帮助
编辑器版块与区块

如何使用文本、图片和分隔线版块与区块?

文本、图片和分隔线版块与区块的设置:文本编辑器、预设标题、大小、行高、字间距、宽度和对齐,图片宽度、比例、适应方式、圆角和链接,分隔线粗细、长度和对齐,以及颜色和内边距。

阅读时间 3 分钟

文本、图片和分隔线既可以作为任何页面上的完整版块,也可以作为许多其他版块中的区块。它们在两种位置的设置相同,细微差别见下文。

添加一个

在建站工具中,点击添加新版块。文本和图片位于内容分组,分隔线位于装饰分组。每个页面最多可以添加 3 个文本版块、3 个图片版块和 10 条分隔线。要作为区块添加,请选择一个版块并点击添加新区块。

文本

  • 文本:编辑器提供粗体、斜体、下划线、删除线、文字大小(小、正常、大、特大)、文字颜色、高亮颜色,以及清除格式按钮。
  • 预设:默认、段落或标题 1到标题 6。标题使用您的标题字体,并告诉搜索引擎页面的结构。每个页面只使用一个标题 1。
  • 字体:默认使用预设的字体。选择正文、标题、副标题或强调则改用字体设置中的对应字体。
  • 大小(10 到 30 像素)、行高和字间距(紧凑、正常或宽松)。
  • 宽度:适应(与文字一样宽)或填充(全宽)。选择填充时会出现对齐(左、居中、右)。

在合集页面上,文本可以使用 {{collection_name}}、{{collection_description}} 和 {{products_count}},显示当前所浏览合集的实时数值。

图片

  • 图片:从媒体库中选择一张图片。
  • 宽度:适应、填充或自定义(配合以百分比表示的自定义宽度)。选择填充时对齐会隐藏。
  • 比例:自动(图片本身的形状)、纵向、正方形或横向。使用固定比例时,适应可选择覆盖(填满画框,可能会裁剪)或完整显示(显示整张图片)。
  • 圆角半径:让角变圆,0 到 100 像素。
  • 链接:可选。点击图片时打开此地址,例如 https://example.com/products/your-link。

分隔线

用于分隔内容的线条。在堆叠布局中它是水平的,直接放在水平组中时会变成垂直的。

  • 宽度:适应或填充。
  • 粗细:1 到 10 像素。长度:可用空间的 5% 到 100%。
  • 对齐:开始、居中或末尾。长度小于 100% 时显示。
  • 圆角半径:线条两端为锐利或圆角。

颜色和间距

  • 作为版块时,每种都有配色方案:背景、文字颜色,分隔线还有线条颜色(配色方案的边框颜色)。请参阅配色方案。
  • 作为区块时,文本有使用父级配色方案(默认开启)。关闭后可以选择其他配色方案。区块中的图片跟随所在版块。
  • 每一边的内边距。分隔线版块最多允许 200 像素,可在版块之间留出更大的空间。

小贴士

  • 空文本不会显示在店铺中,所以空的文本区块不会留下空白。
  • 图片被裁剪:把适应设为完整显示,或把比例设为自动。
  • 分隔线不是垂直的:它必须直接放在设为水平的组中,请参阅如何使用组区块把内容并排或分列放置?。

仍需帮助?

给我们留言,我们会回复你。

联系我们