wordPress的锚点处理
2022-07-29 10:13:20
176
{{single.collect_count}}

插件

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

原理

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

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

elementor中的处理

1. 确定定位位置

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

2. 锚点设置
  • 添加在文本中
    在这里插入图片描述
  • 添加在按钮上
    在这里插入图片描述
回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}