目录
为长篇内容建立可点击的标题目录,并控制显示位置、外观与单篇文章的使用方式。
概览
目录 会从你的内容中建立可点击的标题清单。它特别适合长篇文章、教程、指南与文档页面,让读者能快速跳到需要的段落。
后台路径:Airygen SEO -> 设置 -> 目录
此模块支持自动插入、手动放置、单篇文章控制、样式预设与预览区,可让你在发布前先检查整体效果。
设置
此页面分为 设置、布局 与 预览。
设置 分页
这个分页用来控制输出方式、适用范围、结构、交互行为与锚点规则。
手动输出
- 启用手动目录输出 可让你通过模板函数、简码或区块放置目录。
- 当你希望把目录放入主题模板时,模板函数 会很实用。
- 当你希望把目录放入内容区或简码区块时,简码 会很实用。
- 当你希望在区块编辑器中以可视方式放置目录时,区块 会很实用。
模板函数:
<?php if ( function_exists( 'airygen_the_toc' ) ) { airygen_the_toc(); } ?>
简码:
[airygen_toc]
区块:
<!-- wp:airygen/toc /-->
自动插入
- 启用自动目录插入 会把目录自动插入符合条件的文章。
- 插入位置 支持 内容前 与 第一段之后。
区块标题
- 标题 可决定目录是否显示可见标题。
- 标题文字字段可更改清单上方显示的文案。
- 标题层级字段可更改该标题使用的 HTML 标题层级。
范围
- 要包含的文章类型 用来决定哪些内容类型符合目录输出资格。
结构
- 最少标题数 会在文章标题数量不足时隐藏目录。
- 标题层级 可让你决定目录要包含 H2、H3 与 H4。
行为
- 平滑滚动 会在读者点击目录链接时加入平滑滚动效果。
- 添加编号 会把清单改成编号式大纲。
- 加载时折叠 会让目录在初始载入时保持折叠状态。
锚点
- 锚点前缀 会为生成的标题 ID 加上前缀,避免与页面其他锚点冲突。
- 排除标题 可让你用逗号分隔输入要跳过的标题文字。
布局 分页
这个分页用来调整目录的视觉样式。
主题
- 雪板岩 会套用中性的白色与石板灰风格。
- 蜂蜜纸 会带来温暖的纸张风格。
- 天空微风 会带来浅蓝色外观。
- 薄荷冷静 会带来柔和的绿色外观。
- 玫瑰腮红 会带来偏柔和的粉色外观。
- 薰衣草雾 会带来淡紫色外观。
样式
- 标头 控制项可调整标题容器的边框宽度、边框样式、圆角、边框颜色、内距、外距、背景色、标题颜色、标题字号与标题字体样式。
- 主体 控制项可调整目录容器的边框宽度、边框样式、圆角、边框颜色、内距、外距与背景色。
- 链接 控制项可调整目录链接颜色、字号,以及粗体、斜体或下划线样式。
- 列表 控制项可调整目录清单使用的内部缩进。
预览 分页
这个分页可让你在 笔记本电脑、平板电脑 与 手机 预览中检查目录效果。
- 预览刻意保持简洁。
- 启用中的主题仍可能影响最终前台输出。
- 页面也会显示生成的 HTML 与 CSS 示例。
编辑器面板
在区块编辑器中,目录 面板可让你只为单篇文章控制这个功能,而不必改动全站默认值。
- 目录显示模式 支持 自动、手动 与 停用。
- 当模式为 手动 时,面板会显示 插入目录 按钮,让你插入 区块 或 简码。
如何使用
- 打开 Airygen SEO -> 设置 -> 目录。
- 在 设置 分页中,决定要使用 启用手动目录输出、启用自动目录插入,或只保留其中一种方式。
- 如果你要手动放置目录,请开启手动输出,并复制符合工作流的 模板函数、简码 或 区块 片段。
- 如果你要自动放置目录,请开启自动插入,并选择 内容前 或 第一段之后 作为 插入位置。
- 如果你希望目录有可见标题,请开启标题显示,并设置标题文字与标题层级。
- 在 范围 中,选择哪些文章类型可以显示目录。
- 在 结构 中,设置 最少标题数,并选择要纳入的标题层级。
- 在 行为 中,决定是否启用平滑滚动、编号与默认折叠模式。
- 在 锚点 中,设置 锚点前缀,并列出要排除的标题。
- 打开 布局,选择一组默认主题,并微调标题区、内容容器、链接与清单间距。
- 如有需要,请打开特定文章的编辑器,使用 目录显示模式 将该文章切换为 自动、手动 或 停用。
- 保存设置、检查 预览 分页,然后再打开一篇有足够标题的正式文章确认最终结果。
保存后请确认以下项目:
- 只有符合最少标题数的文章才会显示目录。
- 点击目录链接后,读者会被带到正确段落。
- 单篇文章的 目录显示模式 与你为该篇文章选择的方法一致。
- 套用主题 CSS 后,正式页面外观仍然正确。
SEO 效益
好的目录能让长篇内容更容易扫读,也更容易导航。这能帮助读者更快到达需要的段落,并让长文页面呈现更清楚的结构。
使用场景
长篇教程文章
调整前:安装指南有很多段落,但读者必须一路往下滚动,才能找到需要的步骤。
调整后:目录 把标题转成可点击大纲,让读者可以直接跳到安装、示例或疑难排查段落。
文档与知识库页面
调整前:支持文档已经有清楚标题,但第一次阅读的用户仍会觉得页面信息量很重。
调整后:目录 会立即把页面结构显示出来,让读者在深入阅读前就能先掌握页面全貌。
常见问题
为什么有些文章没有显示目录?
请检查 最少标题数、所选的 标题层级、允许的 文章类型,以及单篇文章的 目录显示模式。
我该用自动插入还是手动放置?
如果你希望大量文章都自动加入目录,请用自动插入。若你需要精准控制显示位置,请使用手动放置。
为什么预览与正式页面不同?
预览是简化版参考画面。你的主题与真实文章内容仍会影响前台最终结果,因此一定要检查正式页面。