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

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

为WordPress添加锚点链接

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

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

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

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

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

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

来看一些效果演示：

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

: ) 文章内容均为原创，转载须注明出处并添加原文链接，否则视为侵权

文章标签

文章推荐

2024年 12月 24日

免费注册腾讯企业邮箱需要先注册企业微信，同样也是免费的，然后使用域名添加邮箱解析记录即可，跟随本篇教程一起操作吧！

2024年 12月 18日

WordPress页面错乱怎么办？这种情况通常就是因为CSS或者JS文件未被正确加载、缓存、插件或主题冲突导致的。本篇文章教你解决！

2024年 12月 15日

如何在WordPress中添加CSS代码？我们可以通过Elementor编辑界面或者是主题设置中为指定元素添加自定义CSS样式。

2024年 11月 29日

通过查看源代码的方式，或者使用WordPress网站检测工具，可以轻松判断网站是否由WordPress制作。