页面层次结构

Adobe Commerce功能 {width="20"} 仅在Adobe Commerce中独占的功能(了解更多

利用商店页面层次结构系统,您可以组织内容页面并添加分页、导航和菜单。 示例数据中的“隐私策略”页面就是左侧带有菜单的页面的示例。 如果您定期发布大量内容,则可以使用页面层次结构来整理您的内容,以便人们轻松地查找感兴趣的文章。

页面层次结构系统使用节点来标识内容的相关片段,并将内容页面组织成父/子关系。 父节点类似于可能包含子节点和页面的文件夹。 层次结构中每个节点和页面的相对位置显示为​ ​结构。 一个节点可能包含其他节点和内容页面,单个内容页面可能与父/子或邻居关系中的多个节点和其他内容页面相关联。

页面左侧导航

配置页面层次结构

配置设置可激活页面层次结构系统和元数据,并确定默认菜单布局。

CMS页面层次结构

  1. 在​ 管理员 ​侧边栏上,转到​ Stores > Settings>Configuration

  2. 在左侧面板中的​ General ​下,选择​ Content Management

  3. 展开 扩展选择器 CMS Page Hierarchy ​并进行任何必要的更改。

  4. 完成后,单击​ Save Config

字段
描述
Enable Hierarchy Functionality
为您的内容页面激活使用页面层次结构。 选项: Yes / No
Enable Hierarchy Metadata
启用此选项后,可将元数据与层级中的页面相关联。 选项: Yes / No
Default Layout for Hierarchy Menu
确定默认菜单样式。 选项: Content / Left Column / Right Column

添加层次结构节点

以下示例显示如何创建节点,以便通过简单导航到相关内容页面。 尽管节点没有与其关联的内容页面,但它确实具有可在网站其他位置引用的URL密钥。

例如,您可以创建一个名为​ 新闻稿 ​的节点,该节点可导航到各个新闻稿。 然后,您可以在​ 关于我们 ​页面上包含指向节点的链接。 或者,您可以为新闻稿的旧版集合创建一个节点。

要链接到节点,请使用小组件工具创建CMS层次结构节点链接,并将小组件放入内容块或页面中。

关于我们的页面上的导航菜单示例

步骤1:创建节点

  1. 在​ 管理员 ​侧边栏上,转到​ Content > Elements>Hierarchy

    CMS页面网格 {width="600" modal="regular"}

  2. 在网格上方,单击​ Add Node…

  3. 在​ Page Properties ​下,输入节点的​ Title ​和合适的​ URL Key

    URL键为节点提供唯一的Web地址。 必须全部为小写字符,使用连字符而不是空格来分隔单词。

    页面属性 {width="500" modal="regular"}

  4. 单击​ Save

    该节点在页面左侧的树中显示为一个文件夹。

步骤2:将页面添加到节点

  1. 在层次树中,单击以选择节点。

  2. 单击​ Add Selected Pages(s) to Tree

    您可以向上滚动查看每个选定的页面是否都显示在节点文件夹下的树中。

第3步:定义结构

  1. 如有必要,请将页面拖动到适当位置以反映它们在菜单中的显示顺序。

    将页面拖到位置 {width="500" modal="regular"}

  2. 单击层次结构顶部的节点。

    Page Properties ​部分现在显示有关节点的信息。

  3. 在​ Render Metadata in HTML Head ​下,执行以下操作:

    渲染元数据设置 {width="400" modal="regular"}

    • 要将节点标识为层次结构的顶层,请将​ First ​设置为Yes

    • 若要显示分页控件,请将​ Next/Previous ​设置为Yes

    • 要将层次结构中的页面组织为书籍,请将​ Enable Chapter/Section ​设置为Yes

      如果不想将节点包含在帐簿中,请保留默认No

    • 要将节点分配给帐簿的特定部分,请将​ Chapter/Section ​设置为以下项之一:

      • No — 未将节点定义为章节/节。
      • Chapter — 将当前节点分配为章节。
      • Section — 将当前节点作为节分配。
      • Both — 将当前节点同时指定为章节和节。

步骤4:添加分页控件

  1. 在嵌套页面的​ 分页选项 ​下,将​ Enable Pagination ​设置为Yes

  2. 对于​ Frame,输入要包含在分页控件中的页面链接数。

    如果层次结构中有更多页面可包含在分页控件中。

  3. 对于​ Frame Skip,请输入要提前跳过(或向后跳过)下一组分页链接的页数。

第5步:选择菜单布局

如果希望该节点显示在菜单中,请执行以下操作:

  1. 在​ 页面导航菜单选项 ​下,将​ Show in navigation menu ​设置为Yes

    此设置确定是否为页面层次结构生成导航菜单。

    页面导航菜单选项 {width="300" modal="regular"}

  2. 要指定菜单相对于内容的位置,请设置​ Menu Layout

    • Content — 菜单布局在内容中。
    • Use Default — 使用配置中指定的菜单样式。
    • Left Column — 菜单显示在内容的左侧。
    • Right Column — 菜单显示在内容的右侧。
  3. 要指定菜单中包含的详细信息量,请将​ Menu Detalization ​设置为以下项之一:

    • Only Children — 菜单仅包含子页面。
    • Neighbours and Children — 包括层次结构中处于同一级别的子页面和其他页面。
  4. 要确定菜单的深度,请输入要包含的最大级别数的​ Maximal Depth

  5. 要格式化菜单,请选择​ List Type

    • Unordered — 菜单选项未编号,可以带或不带项目符号进行格式设置。 无序列表类型的选项:默认/圆形/磁盘/方形
    • Ordered — 菜单选项带有编号,可以设置为大写或小写形式的数字、字母或罗马数字。
  6. 将​ List Style ​设置为以下项之一:

    • Circle
    • Disc
    • Square
  7. 如果您还希望该节点在导航菜单中可见,请滚动到​ 主导航菜单选项 ​并将​ Show in Navigation menu ​设置为Yes

    主导航菜单选项 {width="250" modal="regular"}

  8. 单击​ Save

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de