现在的位置: 首页 > WordPress > 正文

WordPress文章如何设置锚点

2011年01月20日 WordPress ⁄ 共 508字 ⁄ 字号 评论 16 条 ⁄ 阅读 6,524 次

什么是锚点

锚点英文名:anchor 。

使用锚点可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。

通过创建到这些锚记链接,可快速将访问者带到指定位置。

创建到锚记链接的过程分为两步。首先,创建锚记,然后创建到该锚记的链接。

1.创建锚点,格式为<a name="锚点名"></a>,如代码:

<a name="top">这是TOP锚点</a>

2.若要链接到当前文章中的名为“top”的锚记,格式为<a href="#锚点名"></a>,如代码:

<a href="#top">点击我连接到TOP</a>

3.需要注意的是,在WordPress中,如果你使用了类似WP KeywordLink的插件,同时恰巧你写的锚点代码中又包含关键字的话,你还需要使用标签<wp_nokeywordlink></wp_nokeywordlink>, 该标签包含的内容不会有链接,如代码:

<wp_nokeywordlink><a href="#top">点击我连接到TOP</a></wp_nokeywordlink>

4.具体效果可以参考文章:如何下载手机浏览器-完结篇

目前有 16 条留言    访客:10 条, 博主:3 条 ,引用: 3 条

  1. 混乱博客 2011年01月20日 14:07  Δ1楼

    HTML的基础…呵呵


    • 管理员
      lovesoo 2011年01月20日 14:12  ∇地下1层

      :lol: 是的 HTML 我没玩过

  2. su 2011年01月20日 18:10  Δ2楼

    这个真不懂啊 :razz:


    • 管理员
      lovesoo 2011年01月21日 09:06  ∇地下1层

      现在不就明白了么 :sad:

  3. satsun 2011年01月21日 08:12  Δ3楼

    早上好。。。。晒屁股了 起了没?? :sad: :razz:

  4. JaCall 2011年01月21日 12:27  Δ4楼

    不错!

    值得学习!

    不是学习这个!

    是学习你的精神!

  5. 王3峰 2011年01月21日 23:27  Δ5楼

    原来是这样,了然。

  6. IzY 2011年01月22日 15:55  Δ6楼

    学习了~ :lol:

  7. 街景酷 2011年01月23日 11:20  Δ7楼

    这个也可以通过jquery来实现,做起来更灵活。该主题右边的“回到顶部”、“查看评论”、“转到底部”就是通过jquery来做的。

    • 小可 2012年01月02日 15:44  ∇地下1层

      对,这个是最好的办法,博主侧边栏也弄了个!


  8. 管理员
    lovesoo 2011年01月25日 08:57  Δ8楼

    :?: 怎么做 不会 \(^o^)/~

  9. Tassos Xu 2012年08月29日 22:58  Δ9楼

    哈哈,挺不错的,学习了

  10. 2012年10月25日 09:20  Δ10楼

    简单易懂可复制,不错 :idea:

外部的引用: 3 条

  • 设置锚点的方法 « 黑門書路
  • WordPress文章如何设置锚点 | 齐善公益网
  • 新增页面-想可以跳至某个段落 – WordPress – 开发者