Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

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

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
WordPress添加锚点链接
WordPress添加锚点链接,只需要给指定元素添加ID,并给点击跳转元素设置对应的锚链接即可。
文章目录

本篇文章共 375 字,预计阅读时间 2 分钟

为WordPress添加锚点链接

锚点链接按钮 锚点跳转元素如上图所示,我们要实现点击Banner里的“CASE”按钮,然后跳转到页面下方的“SERVICE CASE”板块。

使用Elementor打开需要编辑的页面。

(使用其它编辑器也是一样的逻辑,就是先给跳转目标添加一个CSS ID,再把ID作为链接添加给按钮即可)

为元素添加CSS ID

首先需要给要跳转到的板块“SERVICE CASE”外的容器添加CSS ID,比如起名叫“case-id”。

设置锚链接

再给Banner里的“CASE”按钮设置对应的链接“#case-id”,这样就完成了锚点链接。

你还可以利用这一功能实现回到页面顶部的效果。

来看一些效果演示:

以上就是锚点链接设置的全过程,更多文章请查看Well的博客

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?