插件

还是基于elementor这个插件,wordPress原图之后就不带了,不会影响你的处理

原理

<div id="test">锚点定位</div>
<a href="#test">锚点</a>

将链接定位到某个元素到id,当被点击的时候会定位到对应位置。

elementor中的处理

1. 确定定位位置

elementor中因为会封装一些东西,其中CSS ID是在对应元素外套了个div的id也可以作为锚点的定位id。
在下面我设置了CSS ID
wordPress的锚点处理
页面上面检查的时候是这样的
wordPress的锚点处理

2. 锚点设置
  • 添加在文本中
    wordPress的锚点处理
  • 添加在按钮上
    wordPress的锚点处理

相关文章: