【置顶】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

    您可能会喜欢:

    80 Comments.

    Leave a comment
    1. 呵呵看看你来了啊

      [回复]

    2. 刚开始肯定是很有激情的,没激情就不会开始了

      [回复]

    3. 支持这个想法~~希望有人根据这个出个插件就好~~ :ding:

      [回复]

    4. 突然发现此处和飞猪那里用的是同一表情 :blaugh:

      [回复]

      风小 回复:

      :blaugh: 飞猪的表情是偶给他滴

      [回复]

      无赖 回复:

      原来如此啊~~~飞猪都不说,太小心眼了 :blaugh:

      [回复]

      风小 回复:

      :evil: :evil:

      [回复]

    5. 好像就是html里的描点。挺好的想法,之前没想到说把这用到wordpress文章的编辑里来 :ding:

      [回复]

    6. 发文章的那里有个两个小方块组成的长方形图标,点一下就分好了。

      [回复]

      风小 回复:

      请仔细看看我说的是什么,你说的是什么,谢谢

      [回复]

    7. 弄个归档可以有效的防止这件事的发生。

      [回复]

    8. 是个好方法,不过对于我这不怎么会弄的人来说,还真有点难度,呵呵 :laugh:

      [回复]

    9. 学到了一招,很有用

      [回复]

    10. 春节后我也打算玩WP了,先来学习下 :laugh:

      [回复]

    11. 嫩个坚持写就不错了 支持~~

      [回复]

    12. 送个ip 支持一下,欢迎回访

      [回复]

    13. 我来看博主文章了,感谢分享哦!!

      [回复]

    14. 文章写的不错,好好学习下

      [回复]

    15. 讲得很详细,不错~~

      [回复]

    16. 又学习到啦 呼呼谢谢分享

      [回复]

    17. 文章太长了我就看不下去了~

      [回复]

    18. 博主你的博文不错啊,我会继续支持你的

      [回复]

    19. 很好的技巧方法,学了,谢谢分享。

      [回复]

    20. 这个不错。记住了以后可能会用到 =。=

      [回复]

    21. I feel delighted to read such a good post, I would like to thank the Author for this marvelous efforts.this post is good in regards of both knowledge as well as information. Thanks for the post.

      [回复]

    22. 大部分多做seo的,采集或抄袭成风,很少见转载还注明出处的,无奈。留链接,更是做梦!

      [回复]

    Leave a Reply

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

    ( Ctrl + Enter )