wordpress:给文章添加一个导航目录

2024-10-21 19:24:51

1、在编辑文章的时候,切换到HTML模式,将需要添加到目录中的标题用h3标签括起来就可以了。如<h3>我是索引标题</h3>当然你也可以用其他标签,如h1,p等,将以上代码第12行中的h3改成你自己的标签名称就可以了。

2、上面这段代码只是在文章显示的时候插入文章目录,并不会修改你的文章内容。以上代码也不包括样式美化代码,所以只添加以上代码,文章目录看起来一篇混乱,所以你得自己添加一些css代码来美化一下这个目录。如果你不会css,可以用我写的,将以下css代码放到主题目录下的style.css中就可以了(并不是每个网站都适用):#article-index { -moz-border-radius: 6px 6px 6px 6px; border: 1px solid #DEDFE1; float: right; margin: 0 0 15px 15px; padding: 0 6px; width: 200px; line-height: 23px;}#article-index strong { border-bottom: 1px dashed #DDDDDD; display: block; line-height: 30px; padding: 0 4px;}#index-ul { margin: 0; padding-bottom: 10px;}#index-ul li { background: none repeat scroll 0 0 transparent; list-style-type: disc; padding: 0; margin-left: 20px;}

3、以上代码的功能比较单一,只有单级目录,不能实现多层级的复杂而完善的索引目录功能,如果你需要这些功能可以试试这以下这几个插件,使用也都比较简单:Content Index for WordPress、jQuery Table of Contents 、WP-TOC

猜你喜欢