收藏 分享(赏)

wordpress无插件实现内容目录索引.doc

上传人:kuailexingkong 文档编号:1181818 上传时间:2018-06-17 格式:DOC 页数:2 大小:14.50KB
下载 相关 举报
wordpress无插件实现内容目录索引.doc_第1页
第1页 / 共2页
wordpress无插件实现内容目录索引.doc_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

1、 WordPress 无插件实现内容目录索引前面一篇文章“4 款 WordPress 文章内容索引列表插件“我们可以使用插件来实现目录索引的效果。鉴于 WP 程序的负载很大,能少使用插件就少使用。那有没有不使用插件可以实现这样的索引功能能?于是我找着找着,终于找到一个博主分享的这样的无插件实现内容索引效果。第一步,把下面的代码放到模板所在的 function.php 文件里function article_index($content) $matches = array();$ul_li = ;$r = “/h3$title.“.$title.“/a/lin“;$content = “ndiv

2、 id=“article-index“strong 文章目录/strongul id=“index-ul“n“ . $ul_li . “/ul/divn“ . $content;return $content;add_filter( “the_content“, “article_index“ );第二步,在我们内容编辑的时候,切换到 HTML 编辑器,然后在需要索引的标题用 H3 标注,具体的用 H 几要和上面的定义 FUNCTION 对应,默认的是 H3。然后在显示的时候会自动抓取。为了达到美化的效果,需要用到 CSS,具体的还是要根据需求调整。#article-index -moz-bo

3、rder-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;在后来我又发现还有一款 jQuery Table of Contents 插件也是可以使用的。建议还是少用插件。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 经营企划

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报