WordPress 经典编辑器跨页面锚点跳转教程
跨页面锚点跳转的核心逻辑非常简单，就像寄快递：
-
目标文章网址 = 建筑地址（如
(https://domain.com/article-a） -
锚点名称（id） = 房间号（如
intro） -
最终跳转链接 = 完整门牌号：
网址#房间号（https://domain.com/article-a/#intro）
用户点击后，浏览器会先加载目标页面，随后自动向下滚动并精确定位到该位置。
第一步：在目标页面标记锚点（设置房间号）
这一步需要为目标元素打上标记，需切换一次代码模式：
-
打开目标页面（文章 A）的 WordPress 编辑后台。
-
在编辑框右上角，将模式从“可视化”切换到“文本”（HTML 模式）。
-
找到需要跳转到达的目标标题或段落，添加
id="锚点名"：-
原标题代码：
<h2>产品介绍</h2>
-
修改后代码：
<h2 id="intro">产品介绍</h2> -
普通段落或区块同理：
<div id="intro">内容...</div> -
命名规范： 仅使用小写英文字母、数字和连字符（如
feature-list、pricing-faq），严禁包含中文、空格或特殊符号。
-
-
点击“更新”或“发布”保存页面。
-
复制目标文章的完整前端访问网址（例如：
https://example.com/article-a/）。
第二步：在出发页面添加跳转链接（无需写代码）
在出发页面正常使用可视化编辑器即可，不需要切到代码模式：
-
打开出发页面（文章 B）的编辑后台，保持在默认的“可视化”模式。
-
用鼠标选中需要作为超链接的文本（例如：“点击查看产品介绍”）。
-
点击工具栏的“插入/编辑链接”按钮（回形针图标，快捷键
Ctrl + K或Cmd + K）。 -
在链接输入框中填入：完整网址 +
#+ 锚点名：https://example.com/article-a/#intro -
点击蓝色回车图标应用链接，最后保存并更新文章。
注意事项与细节排查
-
末尾斜杠规范： 如果 WordPress 站点的固定链接（Permalinks）是以斜杠结尾的（大部分站点的标准配置），请务必在
#前面保留斜杠：-
正确：
https://example.com/article-a/#intro -
避免：
https://example.com/article-a#intro -
原因： 若漏掉斜杠，服务器可能会先触发 301 重定向补充斜杠，部分浏览器在重定向过程中可能会丢弃
#intro导致无法滚至指定位置。
-
-
-
顶部悬浮导航栏遮挡问题： 若主题开启了吸顶导航（Sticky Header），跳转到达后标题可能会被顶栏挡住一半。进入后台 外观 -> 自定义 -> 额外 CSS，添加以下全局样式即可自动留出间距：
CSS
h2[id], h3[id], div[id] { scroll-margin-top: 100px; /* 根据实际导航栏高度微调数值 */ }
-
正文完
