首页 > wordpress教程 > [主题开发]通过h3标签为WordPress添加文章快速索引目录功能
摘要:wordpress主题长内容文章若是有现成的文章目录可以方便读者根据感兴趣的目录的标题来浏览,所以我们如果是经常写超过1...

wordpress主题长内容文章若是有现成的文章目录可以方便读者根据感兴趣的目录的标题来浏览,所以我们如果是经常写超过1千字的wordpress主题内容文章,可以设置一下文章目录索引的功能。即可以实现快速跳转到当前段落的功能。在浏览起来有很好的用户体验提升效果。本文是通过h3的目录标签来实现文章索引目录,并通过h3标签自动生成文章目录且显示在文章头部。

将下面的代码放到function.php中,就会在你的文章中自动生成一个索引。

注意:须的文章里设置h3的标题标签,

索引样式

wordpress的文章索引功能是实现了,是通过在文章中的一个普通ul list,我们要做的是把他独立出来,所以只需要为它写一个css样式就好了。
推荐用position:fixed把他固定到左边或者右边,下方提供了一个参考样式,可以根据自己的情况去修改。

分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫