元素 — 标题

标题级别建立一个层次结构,用于组织内容并帮助搜索引擎为每个页面编制索引。 使用Page Builder 阶段中的​ 标题 ​内容类型将标题级别为H1到H6的文本容器添加到阶段。 根据与当前主题关联的样式表设置标题的格式。

Content ​部分中的内容标题字段可用于将H1标题添加到页面顶部。 但是,该字段是以前Commerce版本的旧字段,用于支持旧内容。 此字段未利用Page Builder的高级功能。 建议您将“内容标题”字段留空,并使用Page Builder标题内容类型来向页面添加任何级别的标题。

以下示例显示了使用Luma主题设置格式时,内容标题和标题内容类型的显示方式。

店面的内容标题和标题级别

您可以将标题从Page Builder面板的​ 元素 ​区域拖到舞台上的行、列或选项卡集中。 可以通过舞台上的编辑器工具栏或者使用​ 设置 设置图标 {width="20"} )控件来控制标题级别和对齐方式。

NOTE
如果您对Page Builder内容进行了重大更改,建议您增加管理员会话生命周期以防止会话在您工作时超时。

标题编辑器

带工具栏的标题编辑器

标题容器工具箱

与所有内容容器一样,当您将鼠标悬停在该容器上时,将会显示工具箱。

标题容器工具箱

工具
图标
描述
移动
移动图标 {width="25"}
将标题容器移动到页面上的另一个有效位置。
(标签)
标题
将当前容器标识为标题。
设置
设置图标 {width="25"}
打开“编辑标题”页面,您可以在此页面更改容器的属性。
隐藏
隐藏图标 {width="25"}
隐藏标题容器。
显示
显示图标 {width="25"}
显示隐藏的标题容器。
复制
图标重复 {width="25"}
复制标题容器。
移除
删除图标 {width="25"}
从舞台中删除标题容器及其内容。
NOTE
隐藏元素存储在数据库中,对客户不可见。 但是,这些元素对搜索引擎和对您的网站爬网的其他机器人可见。 如果通过具有不可见属性的API调用发出请求,则它们也会作为内容的一部分返回,除非您将它们从阶段中删除。

添加标题

  1. 在Page Builder面板中,展开​ Elements ​并将​ Heading ​占位符拖到舞台上的行、列或选项卡集中。

    将标题拖到舞台上 {width="600" modal="regular"}

  2. 在编辑器中,在Edit Heading Text占位符上输入标题文本。

    默认情况下,为标题文本分配了第二级(H2)标题类型。

    标题编辑器中的 占位符 {width="500" modal="regular"}

  3. 在工具栏中,选择H1和H6之间的相应标题类型。

  4. 根据需要更改对齐方式。

编辑标题设置

  1. 将鼠标悬停在标题容器上以显示工具箱,然后选择​ 设置 设置图标 {width="20"} )图标。

    标题工具箱 {width="500" modal="regular"}

  2. 根据需要更新标题内容(Heading Type ​和​ Heading Text)。

    您还可以在标题编辑器中更新此内容。

  3. 根据需要更新​ 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
  4. 完成后,单击​ Save ​以应用设置并返回到Page Builder工作区。

复制标题

对于具有特定设置的格式化标题,复制标题比使用新占位符重新开始更有效。

  1. 将鼠标悬停在标题容器上以显示工具箱,然后选择​ 复制 复制图标 {width="20"} )图标。

    副本会出现在原始文件的正下方。

    复制标题容器 {width="500" modal="regular"}

  2. 将鼠标悬停在新标题容器上以显示工具箱,然后选择​ 移动 移动图标 {width="20"} )图标。

    移动标题 {width="500" modal="regular"}

  3. 选择并拖动标题,直到红色基准标记新位置。

    移动标题时,每个容器的顶边框和底边框均显示为虚线。

    将重复的标题移动到位置 {width="500" modal="regular"}

  4. 如果要更改标题级别,请单击标题文本,然后在编辑器工具栏中选择新级别。

    选择新的标题级别 {width="500" modal="regular"}

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d