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

2025-12-02 07:22:53

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


声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢