页面跳转

跳页,有时也被称为锚链接,是指你点击一个链接,然后立即在页面上下移动。这对于长页面特别有用。

启用此功能的一种方法是将HTML锚定设置为页面上的标题块,并创建跳转到锚定的链接。你甚至可以跳到另一个页面的锚.

这也可以通过允许在“高级”下设置HTML锚的任何其他块来完成。您可以通过查看核心块参考并寻找带有属性。

创建HTML锚定

在“块设置”下为块(标题块)添加HTML锚定的位置。
  1. 使用Plus图标添加新块。
  2. 选择标题作为块类型,或开始键入/标题作为指向标题块的快捷方式(斜杠命令)。
  3. 输入标题文本。如果不想显示任何文本,可以在标题文本中保留空白。
  4. 在右侧的“块设置”下,单击“高级”。
  5. 在HTML锚定字段中键入将成为链接的单词。

HTML定位语法

  • HTML锚定在文档中必须是唯一的。
  • HTML锚是区分大小写的。
  • HTML锚可以包括以下符号:连字符(-)、下划线(_)、冒号(:)、句点(.)。它不能包含空间。
  • HTML锚点必须以字母表开头。
  1. 键入一些文本,或添加一个图像或按钮,使其成为您希望访问者单击以转到另一节的内容。
  2. 高亮显示文本、图像或按钮,然后从块的工具栏中选择链接选项。
  3. 输入您创建的HTML锚,以磅(#)符号开始。例如,如果您创建了一个名为important-notice的锚,您将链接到#important-notice。
如何将页面内部跳转的链接添加到HTML锚定。

跳转到另一页上的锚

如果要跳转到另一个页面的锚点,请使用HTML锚点指定URL。例如,example.com/anotherpage#important-notice

变更日志

  • 2023-07-25
    • 更新视频URL
  • 2022-10-28
    • 添加了关于页面跳转链接用例和其他可用块的更多信息
    • 删除了有关跳转链接在预览模式下不工作的注释
    • 添加了跳页的视频演练
    • 通过WordPress 6.0更新的屏幕截图
    • 更新了图像的Alt文本
  • 创建于2019-06-15

这篇文章有用吗?如何改进?

首次发布

上次更新时间