如何在 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:
首先添加锚标记。这将转到您要跳转到的 header 部分(即 link 的目的地)。在 Wordpress 可视化编辑模式下,在屏幕的 right-hand 一侧,您应该会看到一个高级部分。在“HTML 锚点”字段中,添加您的标签。使用破折号 (-) 而不是空格。这是一个示例:my-section
现在为标签创建 link。突出显示将 link 到锚标记的文本。单击工具栏中的“link”按钮,添加锚标记,其前面带有井号(#)。示例:#my-section
保存并发布。现在,当您单击在第 2 步中创建的 link 时,它应该会跳转到您在第 1 步中标记的部分。
更多详细说明,请参阅Wordpress.com指南:
https://wordpress.com/support/splitting-content/page-jumps/
简而言之,我在 wordpress 网站上创建了这个页面。问题是页面上的内容分为不同的行,非常大,我想在页面的开头启用跳转到 link 部分(并跳回到顶部 link)每个部分(在本例中为行)。
不过,我怀疑在 wordpress 上执行此操作的最佳方法是什么,我是否应该添加一个偶数类型,如滚动或跳转到。另外,我想创建一个对多个部分执行此操作的函数...为了拥有简洁明了的代码,是否有任何函数选项可以推荐我搜索并尝试使用?
谢谢=)
创建 link 以“跳转到”页面的某个部分的最简单方法是使用锚点 link。此页面有一个示例:
https://www.rapidtables.com/web/html/link/html-anchor-link.html
请注意,当您单击锚点 link 时,浏览器 URL 会更新,这就是您可以将 link 分享到页面特定部分的方式。
如何在 Wordpress(可视化编辑模式)中创建锚 links:
首先添加锚标记。这将转到您要跳转到的 header 部分(即 link 的目的地)。在 Wordpress 可视化编辑模式下,在屏幕的 right-hand 一侧,您应该会看到一个高级部分。在“HTML 锚点”字段中,添加您的标签。使用破折号 (-) 而不是空格。这是一个示例:
my-section
现在为标签创建 link。突出显示将 link 到锚标记的文本。单击工具栏中的“link”按钮,添加锚标记,其前面带有井号(#)。示例:
#my-section
保存并发布。现在,当您单击在第 2 步中创建的 link 时,它应该会跳转到您在第 1 步中标记的部分。
更多详细说明,请参阅Wordpress.com指南: https://wordpress.com/support/splitting-content/page-jumps/