Skip to main content

WordPress添加锚点链接,点击跳转到页面指定位置

Last updated: Jan 21 2025

WordPress添加锚点链接

在WordPress中添加锚点链接,可以提升用户体验,让他们轻松跳转到页面的特定部分。实现此功能只需为目标元素设置一个唯一的ID,然后将该ID作为链接地址赋值给触发跳转的元素。

为WordPress添加锚点链接

以下是如何在Elementor中为页面元素添加锚点链接的步骤:

  1. 选择目标元素并设置ID

    首先,使用Elementor编辑器打开需要添加锚点链接的页面。然后,选中您希望用户跳转到的目标板块或元素。在“高级”选项卡中,为该元素设置一个唯一的 CSS ID。例如,您可以将其命名为 case-id

    为元素添加CSS ID

  2. 为触发元素设置链接

    接下来,选中触发跳转的元素(例如一个按钮或链接),在链接地址字段中输入 # 符号,后跟您刚刚设置的ID。例如,输入 #case-id

    设置锚链接

现在,当用户点击该按钮时,页面将平滑滚动到ID为 case-id 的元素位置。

效果演示

以上就是在WordPress中设置锚点链接的全过程。