【置顶】wordpress文章冗长?一键到位!

我们知道有很多朋友在写技术文章的时候,文章总是拉的很长,因为知识多,分类多,导

致读者在阅读文章困难,尤其在以后回头查看

该文章中的知识点时更是不易。为了让文章显

得更有条理,更清晰, 下面我将介绍一种方法

来解决这个问题。(另注:博主近来繁忙,博客

几乎无时间打理,较为惭愧,想起建站起初每

天一更的誓言更是无地自容。不过还是有朋友

继续支持我,在此表示万分感谢。)


首先假设我先一篇介绍wordpress框架的文章,那么我先给文章分类如下:

  • header.php ………………………………………………………………………第一部分
  • sidebar.php ………………………………………………………………………第二部分
  • single.php ……………………………………………………………………..第三部分
  • footer.php ………………………………………………………………………第四部分
  • index.php ………………………………………………………………………第五部分
  • page.php ………………………………………………………………………第六部分
  • 代码如下:

     <h4 id="head"><p>选择以下章节:</p></h4>
     <li><a href="#1">header.php</a>  .................................................................................第一部分</li>
     <li><a href="#2">sidebar.php</a> .................................................................................第二部分</li>
     <li><a href="#3">single.php</a>    .................................................................................第三部分</li>
     <li><a href="#4">footer.php</a>    .................................................................................第四部分</li>
     <li><a href="#5">index.php</a>    .................................................................................第五部分</li>
     <li><a href="#6">page.php</a>     .................................................................................第六部分</li>

    接下来就是详细介绍wordpress各个部分框架的时候,文章详细内容如下:

    header.php

    这里是第一部分内容 回到目录

    sidebar.php

    这里是第二部分内容 回到目录

    single.php

    这里是第三部分内容 回到目录

    footer.php

    这里是第四部分内容 回到目录

    index.php

    这里是第五部分内容 回到目录

    page.php

    这里是第六部分内容 回到目录

    代码如下:

    <h4 id="1">header.php</h4>
    这里是第一部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>
    <h4 id="2">sidebar.php</h4>
    这里是第二部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>
    <h4 id="3">single.php</h4>
    这里是第三部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>
    <h4 id="4">footer.php</h4>
    这里是第四部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>
    <h4 id="5">index.php</h4>
    这里是第五部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>
    <h4 id="6">page.php</h4>
    这里是第六部分内容 <a title="Back to top" rel="nofollow" href="#head">回到目录</a>

    大家可以点击目录就可以找到相应的章节,点击回到目录就可以回到选择章节的目录。这样写文章对读者将更友好化,文章条理更加清晰透彻,对于各个分类内容更容易找到。各个章节及其内容读者可自行添加,代码以HTML形式发布。这方法简单易懂,相信大家都可以掌握。

    网址:http://www.glwzu.com/article-go-anywhere-you-what.html

    您可能会喜欢:

    76 Comments.

    Leave a comment
    1. Hi, I just wanted to say you have a wonderful site and rich content

      [回复]

    2. 这个有插件啊,不过您的方法安全很多。

      [回复]

    Leave a Reply

    :laugh: :cool: :ding: :blaugh: :evil: :close: :han: :rp: more »
    click to change 请输入验证码

    ( Ctrl + Enter )