• 安徽端午假期旅游毕业生成主力 收入同比增25.87% 2019-09-16
  • 上海博物馆藏明代艺术珍品展在俄罗斯开幕 2019-09-11
  • 新当选的国家主席、中央军委主席习近平进行宪法宣誓 2019-09-11
  • 守土有责守土尽责 扎实做好水污染 防治各项工作 2019-09-10
  • 2018山西省学生跳绳联赛太原站落幕 103队1600人参赛创新高 2019-08-30
  • 晋代歙石金银晕罗纹板研现身皖南(组图) 2019-08-25
  • 《数码宝贝故事》第三阶段首发初回特典公布--人民网游戏 2019-08-25
  • 各族群众乐享假日:粽叶飘香 歌舞传情 2019-08-24
  • 南京:保洁阿姨水平高  黑板报画出3D效果 2019-08-16
  • 高通再次延长收购恩智浦要约 等待监管批准 2019-07-16
  • “海河英才”行动计划为企业解渴 2019-07-05
  • 盘点:百名“红通”人员下落如何? 2019-07-04
  • 回复@看着就想笑,不要以你现在满脑子的资产阶级的思想去度量共产主义社会人们的思想。呵呵! 2019-06-23
  • 重庆福彩南分中心启动初级销售员评级考试 2019-06-01
  • 这是全国精气最为集中的地方 被称为中国丹田所在 ——凤凰网房产 2019-05-25
  • 重庆时时开奖结果记录 / WordPress建站 / 网站SEO / WordPress非插件添加文章目录功能
    Loading收藏0

    重庆时时开奖结果记录 www.xw004.com 给文章添加文章目录功能,不仅是文章条理更清楚,还有利于SEO,下面将介绍 露兜 老大的使用代码来实现文章目录的方法,方便喜欢折腾代码的朋友,如果你不想折腾代码,你可以试试下面的WordPress文章目录插件:TOCContent Index for WordPress。

    用代码实现文章目录

    1.将下面的代码添加到主题的 functions.php 文件的 最后一个 ?> 前面:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    
    function article_index($content) {
        /**
         * 名称:文章目录插件
         * 作者:露兜
         * 博客://www.ludou.org/
         * 最后修改:2011年2月10日
         */
     
        $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], '<h3 id="title-'.$num.'">'.$title.'</h3>', $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" );

    使用说明

    在编辑文章的时候,在可视化模式下,选中文字,设置为标题3(H3),或者切换到HTML模式,将需要添加到目录中的标题用<h3>和</h3>括起来就可以了,如<h3>我是索引标题</h3>。当然你也可以用其他标签,如<h2>,<p>等,将以上代码第12行中的h3改成你自己的标签名称就可以了。

    CSS样式参考

    为了实现前台的显示效果,你可以参考下面的css

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    
    #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;
    }

    以上代码的功能比较单一,只有单级目录,不能实现多层级的复杂而完善的索引目录功能,如果你需要这些功能,那你就要借助文章目录插件:TOCContent Index for WordPress。

    你可能还喜欢

    7 条评论

    1. 博主,这个函数显示的文章评论数量<?php comments_popup_link (‘0°’,’+1°’,’+%°’); ?>,
      但它是以超链接的形式出现的,如何让它以纯文本的形式打印出来?

    发表评论

    我们是靠谱的WordPress建站团队!

    专业承接WordPress网站建设及运维、WordPress主题和插件开发、汉化、安装等服务

    联系电话:189-3334-7774

    查看所有服务项目

    视频教程: 点击联系我们
    建站咨询: 点击联系我们
    广告合作: 点击联系我们

    建站咨询:189-3334-7774

    固定电话:0773-8282-430

    售后支持:133-0773-9152

    微信扫一扫,联系我们

  • 安徽端午假期旅游毕业生成主力 收入同比增25.87% 2019-09-16
  • 上海博物馆藏明代艺术珍品展在俄罗斯开幕 2019-09-11
  • 新当选的国家主席、中央军委主席习近平进行宪法宣誓 2019-09-11
  • 守土有责守土尽责 扎实做好水污染 防治各项工作 2019-09-10
  • 2018山西省学生跳绳联赛太原站落幕 103队1600人参赛创新高 2019-08-30
  • 晋代歙石金银晕罗纹板研现身皖南(组图) 2019-08-25
  • 《数码宝贝故事》第三阶段首发初回特典公布--人民网游戏 2019-08-25
  • 各族群众乐享假日:粽叶飘香 歌舞传情 2019-08-24
  • 南京:保洁阿姨水平高  黑板报画出3D效果 2019-08-16
  • 高通再次延长收购恩智浦要约 等待监管批准 2019-07-16
  • “海河英才”行动计划为企业解渴 2019-07-05
  • 盘点:百名“红通”人员下落如何? 2019-07-04
  • 回复@看着就想笑,不要以你现在满脑子的资产阶级的思想去度量共产主义社会人们的思想。呵呵! 2019-06-23
  • 重庆福彩南分中心启动初级销售员评级考试 2019-06-01
  • 这是全国精气最为集中的地方 被称为中国丹田所在 ——凤凰网房产 2019-05-25
  • pk10专业投注改单 初学者魔方的玩法技巧 金沙娱乐场骰宝打不开 pc28加拿大预测软件 北京pk赛车官网开结果 暴雪线上娱乐 3d走势图带连线专业版 pk10最牛稳赚5码计划两期 排列三预测分析 大澳门娱乐网站 一起来捉妖移动摇杆 不出门就能挣钱 苹果手机玩北京pk10 浙江福彩 湖北快三三不同号推荐