wordpress无插件实现内容目录索引:[4]

如果依靠大量的插件实现各种功能,会增加服务器负担,拖慢页面打开速度,增加网站的安全隐患。
能实现内容目录索引的插件主要有:Auto Anchor List、Content Index for WordPress、WP-TOC、Seo Friendly Table of Contents等。用法大同小异。
今天给大家说一下WordPress无插件实现内容目录索引。

操作方法

  • 01

    把下面的代码放到模板所在的function.php文件里 function article_index($content) { $matches = array(); $ul_li = ''; $r = "/<h3>([^<]+)<\/h3>/im"; if(preg_match_all($r, $content, $matches)) { foreach($matches[1] as $num => $title) { $content = str_replace($matches[0][$num], '<h4 id="title-'.$num.'">'.$title.'</h4>', $content); $ul_li .= '<li><a href="#title-'.$num.'" title="'.$title.'">'.$title."</a></li>\n"; } $content = "\n<div id=\"article-index\"> <strong>文章目录</strong> <ul id=\"index-ul\">\n" . $ul_li . "</ul> </div>\n" . $content; } return $content; } add_filter( "the_content", "article_index" );

  • 02

    在我们内容编辑的时候,切换到HTML编辑器,然后在需要索引的标题用H3标注,具体的用H几要和上面的定义FUNCTION对应,默认的是H3。然后在显示的时候会自动抓取。 为了达到美化的效果,需要用到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; }

(0)

相关推荐

  • Excel2013表格怎么通过链接进行目录索引?

    有时候我们会把很多张表格都放在一个excel中,这时就需要一个目录索引,以让我们更加方便的链接到所要找的地方!有时也需要链接到网页或链接到文件中的内容!本教材就可以解决这些问题! 案例一: 1.要实现 ...

  • 如何无插件下载电脑版QQ音乐

    电脑版QQ音乐软件被很多人使用,用来听歌,看MV等,有的用户在使用该软件时,为了防止软件占用大量内存,因此想要无插件下载QQ音乐软件,但是却不知道如何操作,那么小编就来为大家介绍一下吧.具体如下:1. ...

  • wordpress删除插件的方法(wordpress没有的插件如何清除)

    在配置WordPress站点时,我们会安装很多插件来实现自己需要的功能,但是有时会因为各种原因, 比如不需要对应的功能了,或者说找到了更好的替代插件等, 我们不再需要这个插件了,这时候我们应该移除对应 ...

  • Word2013中怎么给文档插入自动生成的目录索引

    不管是在工作中还是学习中,我们都需要使用Word文档来进行文字资料的撰写与整理,一篇文档中内容较多时,我们一般会选择添加目录来进行目录索引,方便我们快速的定位到所要查找的内容上面,索引中的页码也方便你 ...

  • 搜索引擎的目录索引及工作原理分析

    在搜索引擎分类部分我们提到过全文搜索引擎从网站提取信息建立网页数据库的概念.搜索引擎的自动信息搜集功能分两种.一种是定期搜索,即每隔一段时间,搜索引擎主动派出蜘蛛程序,对一定IP地址范围内的互联网站进 ...

  • 怎样制作word目录索引

    Word文档中可以通过目录来快速的找到我们所需要的内容,非常方便.今天小编我就来教教大家怎样在word中制作目录索引. 操作方法 01 如图,我们先来看下这个文档,黑色表示的是标题,红色表示的是正文内 ...

  • Nexus 7可支持无插件网页视频技术

    3月25日消息,本月初,就在安卓发布Chrome 25稳定版还不到一周的时间,谷歌就马不停蹄的发布了基于安卓系统的Chrome 26 Beta版本浏览器软件.全新添加了自动填充和密码同步功能,这些功能 ...

  • excel如何建立目录索引

    步骤1:如图,我们打开其中一个工作簿,里面有7个表格,我们怎么以最快方式到达"表4"呢? 步骤2:首先我们在D5单元格同时按住键盘上的"CTRL+K",出现如图 ...

  • excel2010怎么快速制作一个工作表目录索引?

    在编辑excel表格时,有时会建立很多的工作表,这无疑给操作中带来很多不便,访问某个工作表时要不断的查找下方显示的工作表,如果由于工作表太多还会隐藏显示,访问时要点击左右箭头来显示.下面教大家为这些工 ...