WordPress技术:文章目录插件——WordPress Content Index

| 2013年4月17日

我们都试图在文章中添加更多内容,但内容的增长降低了文章的可读性,通常人们在阅读时就渐渐的忘记了阅读到哪里。本插件很好的解决了这个问题。

在文章中添加内容索引,索引全部根据heading标签生成。并且可以由用户来配置展现方式。

本博客就是在使用这个插件。

安装非常简单,上传插件到plugins目录,在您博客的后台激活它,选择左侧菜单中的“文章内索引”,对插件进行配置。

测试一下插件:

这是第一章

这是第一小节

这是第二章

这是第一小节

这是第二小节

这是第三小节

结束章节

默认的CSS样式还不够美观,我给里面添加了阴影和圆角,显得稍微好看一些。

修改后的CSS样式如下,只修改了第一段(您可参照修改)。

[cc lang=”css”]
.content-index{
padding:12px;border:1px solid #ddd;
background:#f8f8f8;line-height:160%;max-width:30%;font-size:120%;position:relative;z-index:1000
-webkit-border-radius:7px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-box-shadow:rgba(0,0,0,.5)5px 5px 15px;
-moz-box-shadow:5px 5px 10px rgba(0,0,0,.5);
box-shadow:5px 5px 10px rgba(0,0,0,.5);
}
[/cc]

插件下载页面:http://wordpress.org/extend/plugins/wp-content-index/

WordPress技术:文章目录插件——WordPress Content Index》有3个想法

  1. Prebeta

    你好,请问Content Index for WordPress,这一款插件如果我想让它的索引框大一些,比如是250 PX,还有要是按%来设置的话应该怎么设置呢,里面的CSS,怎么设置为%让它自动增宽呢?谢谢

    回复
    1. taho

      打开插件的CSS文件,第3行代码控制着最大宽度、行高等属性。
      [cc lang=”css”]
      background:#FFFFFF;line-height:160%;max-width:61.8%;font-size:120%;position:relative;z-index:1000
      [/cc]

      回复
    2. taho

      你好啊!我收到了你的语音留言,可是那个网站做的真的不好,锚点很多都是错误的,不能给你留言回复,望见谅。这款插件的CSS修改其实很简单,上个留言所说的地方就是你所需要修改的地方,你可以试试看。祝好运!:)

      回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注