效果如下图所示
![图片[1]-[亲测可用]子比主题侧边栏如何添加目录树-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/image-101-1024x228-1.png)
第一步
先打开子比主题目录树功能和侧边栏，操作如下图所示：图一是目录树，图二是打开侧边栏
![图片[2]-[亲测可用]子比主题侧边栏如何添加目录树-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/image-102-1024x469-2.png)
![图片[3]-[亲测可用]子比主题侧边栏如何添加目录树-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/image-105-1024x469-1.png)
第二步
WP后台点击外观—自定义—小工具，记得打开实时预览管理（默认是开启状态），在右侧预览处点击一篇文章，文章要有目录结构，在小工具处会出现一个侧边栏的选项（你不点击文章是没有选项的）
![图片[4]-[亲测可用]子比主题侧边栏如何添加目录树-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/微信截图_20250526112406-1024x692.jpg)
![图片[5]-[亲测可用]子比主题侧边栏如何添加目录树-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/微信截图_20250526112449-1024x437.jpg)
友情提示：文章在又层级机构的时候，才会出现目录树，举例，我的都是H3，没有H2，那不显示目录树，一篇文章，有H2+H3，出现目录树。（H2为二级标题，H3为三级标题）
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
![[亲测可用]子比主题网站弹窗公告内容美化-子比主题美化教程-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/微信截图_20250529152005-800x466.jpg)
![[亲测可用]子比主题美化-自定义开通VIP会员弹窗背景-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/image.png)
![[亲测]子比主题如何通过SQL命令语句来修改已发布文章阅读量-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/image-72-1024x271-1-800x212.png)
![[亲测]子比主题最新发布的文章列表角标美化（包含视频教程）-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/微信截图_20250526125445-800x330.jpg)
![[站长亲测]子比主题点击轮播图开通会员-八九源码网](https://www.89ym.cn/wp-content/uploads/2025/05/20240821154612207-主题美化-800x320.webp)
暂无评论内容