元素 — 标题
标题级别建立一个层次结构,用于组织内容并帮助搜索引擎为每个页面编制索引。 使用Page Builder 阶段中的 标题 内容类型将标题级别为H1到H6的文本容器添加到阶段。 根据与当前主题关联的样式表设置标题的格式。
Content 部分中的内容标题字段可用于将H1标题添加到页面顶部。 但是,该字段是以前Commerce版本的旧字段,用于支持旧内容。 此字段未利用Page Builder的高级功能。 建议您将“内容标题”字段留空,并使用Page Builder标题内容类型来向页面添加任何级别的标题。
以下示例显示了使用Luma主题设置格式时,内容标题和标题内容类型的显示方式。
您可以将标题从Page Builder面板的 元素 区域拖到舞台上的行、列或选项卡集中。 可以通过舞台上的编辑器工具栏或者使用 设置 ( {width="20"} )控件来控制标题级别和对齐方式。
标题编辑器
标题容器工具箱
与所有内容容器一样,当您将鼠标悬停在该容器上时,将会显示工具箱。
添加标题
-
在Page Builder面板中,展开 Elements 并将 Heading 占位符拖到舞台上的行、列或选项卡集中。
{width="600" modal="regular"}
-
在编辑器中,在
Edit Heading Text
占位符上输入标题文本。默认情况下,为标题文本分配了第二级(H2)标题类型。
标题编辑器中的 {width="500" modal="regular"}
-
在工具栏中,选择H1和H6之间的相应标题类型。
-
根据需要更改对齐方式。
编辑标题设置
-
将鼠标悬停在标题容器上以显示工具箱,然后选择 设置 ( {width="20"} )图标。
{width="500" modal="regular"}
-
根据需要更新标题内容(Heading Type 和 Heading Text)。
您还可以在标题编辑器中更新此内容。
-
根据需要更新 Advanced 设置。
-
要控制标题在父容器中的位置,请选择 Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto 选项 描述 Default
应用在当前主题的样式表中指定的对齐默认设置。 Left
将列表沿父容器的左边框对齐,并允许使用指定的任何边距。 Center
将列表与父容器的中心对齐,并允许使用指定的任何边距。 Right
沿父容器的右边框对齐块,并允许指定的任何边距。 -
设置应用于标题容器所有四个侧面的 Border 样式:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto 选项 描述 Default
应用关联样式表指定的默认边框样式。 None
不提供任何容器边框的可见指示。 Dotted
容器边框显示为虚线。 Dashed
容器边框显示为虚线。 Solid
容器边框显示为实线。 Double
容器边框显示为双线。 Groove
容器边框显示为一条开槽线。 Ridge
容器边框显示为脊线。 Inset
容器边框显示为内嵌行。 Outset
容器边框显示为外线。 -
如果设置了除
None
之外的边框样式,请完成边框显示选项:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto 选项 描述 Border Color 通过选择色板、单击拾色器或输入有效的颜色名称或等效的十六进制值来指定颜色。 Border Width 输入边框线条宽度的像素数。 Border Radius 输入像素数,以定义用于使边框每个角倒圆角的半径大小。 -
(可选)从当前样式表中指定要应用于容器的 CSS classes 的名称。
用空格分隔多个类名。
-
输入 Margins and Padding 的值(以像素为单位)以确定标题容器的外边距和内边距。
在图表中输入相应的值。
table 0-row-2 1-row-2 2-row-2 layout-auto 容器区域 描述 Margins 应用于容器所有边的外边缘的空白空间量。 选项: Top
/Right
/Bottom
/Left
Padding 应用于容器所有边的内边缘的空白空间量。 选项: Top
/Right
/Bottom
/Left
-
-
完成后,单击 Save 以应用设置并返回到Page Builder工作区。
复制标题
对于具有特定设置的格式化标题,复制标题比使用新占位符重新开始更有效。
-
将鼠标悬停在标题容器上以显示工具箱,然后选择 复制 ( {width="20"} )图标。
副本会出现在原始文件的正下方。
{width="500" modal="regular"}
-
将鼠标悬停在新标题容器上以显示工具箱,然后选择 移动 ( {width="20"} )图标。
{width="500" modal="regular"}
-
选择并拖动标题,直到红色基准标记新位置。
移动标题时,每个容器的顶边框和底边框均显示为虚线。
{width="500" modal="regular"}
-
如果要更改标题级别,请单击标题文本,然后在编辑器工具栏中选择新级别。
{width="500" modal="regular"}