如何在 Wordpress 上使用 Javascript 添加跳转事件

How to add a jump event using Javascript on Wordpress

简而言之,我在 wordpress 网站上创建了这个页面。问题是页面上的内容分为不同的行,非常大,我想在页面的开头启用跳转到 link 部分(并跳回到顶部 link)每个部分(在本例中为行)。

不过,我怀疑在 wordpress 上执行此操作的最佳方法是什么,我是否应该添加一个偶数类型,如滚动或跳转到。另外,我想创建一个对多个部分执行此操作的函数...为了拥有简洁明了的代码,是否有任何函数选项可以推荐我搜索并尝试使用?

谢谢=)

创建 link 以“跳转到”页面的某个部分的最简单方法是使用锚点 link。此页面有一个示例:

https://www.rapidtables.com/web/html/link/html-anchor-link.html

请注意,当您单击锚点 link 时,浏览器 URL 会更新,这就是您可以将 link 分享到页面特定部分的方式。

如何在 Wordpress(可视化编辑模式)中创建锚 links:

  1. 首先添加锚标记。这将转到您要跳转到的 header 部分(即 link 的目的地)。在 Wordpress 可视化编辑模式下,在屏幕的 right-hand 一侧,您应该会看到一个高级部分。在“HTML 锚点”字段中,添加您的标签。使用破折号 (-) 而不是空格。这是一个示例:my-section

  2. 现在为标签创建 link。突出显示将 link 到锚标记的文本。单击工具栏中的“link”按钮,添加锚标记,其前面带有井号(#)。示例:#my-section

保存并发布。现在,当您单击在第 2 步中创建的 link 时,它应该会跳转到您在第 1 步中标记的部分。

更多详细说明,请参阅Wordpress.com指南: https://wordpress.com/support/splitting-content/page-jumps/