目录

为长篇内容建立可点击的标题目录,并控制显示位置、外观与单篇文章的使用方式。

概览

目录 会从你的内容中建立可点击的标题清单。它特别适合长篇文章、教程、指南与文档页面,让读者能快速跳到需要的段落。

后台路径:Airygen SEO -> 设置 -> 目录

此模块支持自动插入、手动放置、单篇文章控制、样式预设与预览区,可让你在发布前先检查整体效果。

设置

此页面分为 设置、布局 与 预览。

设置 分页

这个分页用来控制输出方式、适用范围、结构、交互行为与锚点规则。

手动输出

  • 启用手动目录输出 可让你通过模板函数、简码或区块放置目录。
  • 当你希望把目录放入主题模板时,模板函数 会很实用。
  • 当你希望把目录放入内容区或简码区块时,简码 会很实用。
  • 当你希望在区块编辑器中以可视方式放置目录时,区块 会很实用。

模板函数:

<?php if ( function_exists( 'airygen_the_toc' ) ) { airygen_the_toc(); } ?>

简码:

[airygen_toc]

区块:

<!-- wp:airygen/toc /-->

自动插入

  • 启用自动目录插入 会把目录自动插入符合条件的文章。
  • 插入位置 支持 内容前 与 第一段之后。

区块标题

  • 标题 可决定目录是否显示可见标题。
  • 标题文字字段可更改清单上方显示的文案。
  • 标题层级字段可更改该标题使用的 HTML 标题层级。

范围

  • 要包含的文章类型 用来决定哪些内容类型符合目录输出资格。

结构

  • 最少标题数 会在文章标题数量不足时隐藏目录。
  • 标题层级 可让你决定目录要包含 H2、H3 与 H4。

行为

  • 平滑滚动 会在读者点击目录链接时加入平滑滚动效果。
  • 添加编号 会把清单改成编号式大纲。
  • 加载时折叠 会让目录在初始载入时保持折叠状态。

锚点

  • 锚点前缀 会为生成的标题 ID 加上前缀,避免与页面其他锚点冲突。
  • 排除标题 可让你用逗号分隔输入要跳过的标题文字。

布局 分页

这个分页用来调整目录的视觉样式。

主题

  • 雪板岩 会套用中性的白色与石板灰风格。
  • 蜂蜜纸 会带来温暖的纸张风格。
  • 天空微风 会带来浅蓝色外观。
  • 薄荷冷静 会带来柔和的绿色外观。
  • 玫瑰腮红 会带来偏柔和的粉色外观。
  • 薰衣草雾 会带来淡紫色外观。

样式

  • 标头 控制项可调整标题容器的边框宽度、边框样式、圆角、边框颜色、内距、外距、背景色、标题颜色、标题字号与标题字体样式。
  • 主体 控制项可调整目录容器的边框宽度、边框样式、圆角、边框颜色、内距、外距与背景色。
  • 链接 控制项可调整目录链接颜色、字号,以及粗体、斜体或下划线样式。
  • 列表 控制项可调整目录清单使用的内部缩进。

预览 分页

这个分页可让你在 笔记本电脑、平板电脑 与 手机 预览中检查目录效果。

  • 预览刻意保持简洁。
  • 启用中的主题仍可能影响最终前台输出。
  • 页面也会显示生成的 HTML 与 CSS 示例。

编辑器面板

在区块编辑器中,目录 面板可让你只为单篇文章控制这个功能,而不必改动全站默认值。

  • 目录显示模式 支持 自动、手动 与 停用。
  • 当模式为 手动 时,面板会显示 插入目录 按钮,让你插入 区块 或 简码。

如何使用

  1. 打开 Airygen SEO -> 设置 -> 目录。
  2. 在 设置 分页中,决定要使用 启用手动目录输出、启用自动目录插入,或只保留其中一种方式。
  3. 如果你要手动放置目录,请开启手动输出,并复制符合工作流的 模板函数、简码 或 区块 片段。
  4. 如果你要自动放置目录,请开启自动插入,并选择 内容前 或 第一段之后 作为 插入位置。
  5. 如果你希望目录有可见标题,请开启标题显示,并设置标题文字与标题层级。
  6. 在 范围 中,选择哪些文章类型可以显示目录。
  7. 在 结构 中,设置 最少标题数,并选择要纳入的标题层级。
  8. 在 行为 中,决定是否启用平滑滚动、编号与默认折叠模式。
  9. 在 锚点 中,设置 锚点前缀,并列出要排除的标题。
  10. 打开 布局,选择一组默认主题,并微调标题区、内容容器、链接与清单间距。
  11. 如有需要,请打开特定文章的编辑器,使用 目录显示模式 将该文章切换为 自动、手动 或 停用。
  12. 保存设置、检查 预览 分页,然后再打开一篇有足够标题的正式文章确认最终结果。

保存后请确认以下项目:

  • 只有符合最少标题数的文章才会显示目录。
  • 点击目录链接后,读者会被带到正确段落。
  • 单篇文章的 目录显示模式 与你为该篇文章选择的方法一致。
  • 套用主题 CSS 后,正式页面外观仍然正确。

SEO 效益

好的目录能让长篇内容更容易扫读,也更容易导航。这能帮助读者更快到达需要的段落,并让长文页面呈现更清楚的结构。

使用场景

长篇教程文章

调整前:安装指南有很多段落,但读者必须一路往下滚动,才能找到需要的步骤。

调整后:目录 把标题转成可点击大纲,让读者可以直接跳到安装、示例或疑难排查段落。

文档与知识库页面

调整前:支持文档已经有清楚标题,但第一次阅读的用户仍会觉得页面信息量很重。

调整后:目录 会立即把页面结构显示出来,让读者在深入阅读前就能先掌握页面全貌。

常见问题

为什么有些文章没有显示目录?

请检查 最少标题数、所选的 标题层级、允许的 文章类型,以及单篇文章的 目录显示模式。

我该用自动插入还是手动放置?

如果你希望大量文章都自动加入目录,请用自动插入。若你需要精准控制显示位置,请使用手动放置。

为什么预览与正式页面不同?

预览是简化版参考画面。你的主题与真实文章内容仍会影响前台最终结果,因此一定要检查正式页面。