本文介绍如何直接给Elementor容器添加链接,可以实现鼠标点击整个Container区域任何位置都能跳转目标链接。
1、创建或者添加一个Container到页面中
这个Container可以是Flexbox或者Grid,根据你自己的布局需求。
![image - 如何给Elementor容器添加链接? - NUTSWP 创建或者添加一个Container到页面中](http://nutswp.com/wp-content/uploads/2023/10/image-1024x407.png)
2、修改容器的HTML Tag
选中这个Container容器,在Layout标签卡的Additional Options设置中,修改HTML Tag为a标签。
![image 1 - 如何给Elementor容器添加链接? - NUTSWP image 1 - 如何给Elementor容器添加链接? - NUTSWP](http://nutswp.com/wp-content/uploads/2023/10/image-1-1024x435.png)
3、为Elementor容器添加链接
修改Container的HTML标签为a标签之后,即可以在Link属性中给容器添加链接了。
![image 2 - 如何给Elementor容器添加链接? - NUTSWP 为Elementor容器添加链接](http://nutswp.com/wp-content/uploads/2023/10/image-2-1024x420.png)