You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress经典编辑器:实现评论编号点击跳转的HTML代码求助

实现内嵌评论的双向点击跳转HTML方案

正文内嵌评论标记(带跳转)

把你原来的评论链接改成带锚点ID和目标指向的结构,同时用上标样式优化显示:

<p><em>Exchanges</em> presents a series of poems about birds and people, each divided into two poems separated by <a>ampersands</a><a id="ref-em1" href="#comment-em1"><sup>[EM1]</sup></a>, usually in a one-page piece. The poem component above the &amp;s consist of cut ups about birds.</p>

文末评论区块(带返回跳转)

在文末对应的评论位置,设置匹配的ID,并添加返回正文的链接:

<div id="comment-em1">
  <p><strong>[EM1]</strong> 这里是你要展示的评论内容,比如:示例评论文本,说明关于分隔符的细节</p>
  <p><a href="#ref-em1">↑ 返回正文位置</a></p>
</div>

核心逻辑说明

  1. 正文里的<a id="ref-em1" href="#comment-em1">:
    • href="#comment-em1" 指定点击后跳转到文末对应ID的评论块
    • id="ref-em1" 给文末的返回链接提供锚点,实现从评论跳回正文原位置
  2. 文末的<div id="comment-em1">:
    • id="comment-em1" 是正文链接的跳转目标,必须和正文链接的href值匹配
    • 新增的返回链接href="#ref-em1" 对应正文里的锚点ID,完成双向跳转循环

如果有多个评论,只需要按规则递增ID即可(比如ref-em2对应comment-em2,以此类推)。

内容的提问来源于stack exchange,提问作者A. Scrima

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 00:58:11