包装链接

有按钮的卡片就可以了,一张随处可点击的卡片转换得更好,因为访问者点击图像、标题、填充,光标下面的任何元素链接按钮和标题,但它没有干净的方法可以制作整个部分或小部件一个大链接 包装链接 扩展于 Elementor 的主插件 准确地添加了这一点:将整个事物包裹在锚中的任何元素上的链接字段。

URL粘贴,需要时勾选新窗口或nofollow,全元素就变成点击目标,甚至接受Elementor动态标签,所以链接可以指向当前帖子、作者页面或任何动态来源。

Wrapper Link 扩展的作用 #

启用后,Elementor 编辑器中的元素将获得 a 包装链接 带有单个的部分 链接 control。there放什么,整个元素都变成了前端的链接:整个信息框,列,或部分,而不仅仅是里面的一个单词或按钮。

由于一个链接覆盖了该元素,因此您跳过了旧的解决方法,例如使用 CSS 在卡上拉伸的隐形按钮或 HTML 小部件中的手写锚。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
• Wrapper Link 是一个免费扩展,因此不需要专业版许可证。

如何启用 Wrapper Link 扩展 #

从您的 WordPress 仪表板,转到 主插件 并打开 扩展 选项卡。包装链接位于 动态小部件 带有流行徽章的团体,介于两者之间 工具提示 並 显示条件。单击其切换使其变为紫色,然后点击 保存更改 在顶部等待绿色“设置保存成功”通知。

将包装链接添加到元素 #

Elementor打开你的页面,选择你要使可点击的元素,在视频示例中它是一个三列特征行中的信息框卡。A 包装链接 带有紫色 MA 徽章的部分现在位于面板中,并保留一个字段: 链接.

Paste目的URL, 点击齿轮图标打开链接选项:

• 在新窗口中打开: 在新选项卡中加载目的地,正确调用外部链接。
• 添加不关注: 添加 rel="nofollow",对于附属或赞助目的地很有用。

Save或发布,而整张卡片现在是live页面的一个大链接,其他卡片重复,每张都有自己的目的地。

使用动态标签作为链接 #

Link字段旁的数据库图标打开了元素者的 动态标签.包装链接可以从内容中拉出其目标,而不是固定的网址:发布网址、作者页面、站点网址或自定义字段。在演示卡使用的 发布网址因此,无论该模板渲染到哪里,卡片都会链接到自己的帖子。

这种组合在主题构建器模板和循环项目中很重要,其中目的地必须根据帖子进行更改。将其与 配对 动态标签扩展 获取更多来源。

包装链接在哪里有帮助 #

• 功能和服务卡。 整个信息框点击进入详细信息页面,而不仅仅是标题。
• 博客模板中的明信片。 Wrapper Link 加上 Post URL 动态标签,使循环链接中的每张卡片都连接到自己的文章。
• 横幅部分。 单击活动页面的全宽促销部分。
• 团队成员卡。 单击该人的任何位置以打开他们的个人资料。
• 标志网格。 每个客户端徽标单元格都会链接出来,无需关注一个复选框。

视频教程 #

观察整个流程,从启用扩展到将卡与动态标签链接。

常见问题 #

包裹起来 #

Wrapper Link扩展程序关闭了Elementor最古老的空白之一:使整个部分、列或小部件可点击,而无需CSS黑客。一个字段、两个复选框以及模板的动态标签支持。浏览其余部分 主插件小部件和扩展 如需更多编辑器升级,或从中获取起始设计 模板套件 并自己连接链接。