我们都试图在文章中添加更多内容,但内容的增长降低了文章的可读性,通常人们在阅读时就渐渐的忘记了阅读到哪里。本插件很好的解决了这个问题。
在文章中添加内容索引,索引全部根据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/
你好,请问Content Index for WordPress,这一款插件如果我想让它的索引框大一些,比如是250 PX,还有要是按%来设置的话应该怎么设置呢,里面的CSS,怎么设置为%让它自动增宽呢?谢谢
打开插件的CSS文件,第3行代码控制着最大宽度、行高等属性。
[cc lang=”css”]
background:#FFFFFF;line-height:160%;max-width:61.8%;font-size:120%;position:relative;z-index:1000
[/cc]
你好啊!我收到了你的语音留言,可是那个网站做的真的不好,锚点很多都是错误的,不能给你留言回复,望见谅。这款插件的CSS修改其实很简单,上个留言所说的地方就是你所需要修改的地方,你可以试试看。祝好运!:)