有按钮的卡片就可以了,随处可点击的卡片转换得更好,因为访问者点击图像、标题、填充,光标下面的任何元素链接按钮和标题,容器可以切换到链接标签,但是部分、列和小部件没有自己的链接选项 包装链接 扩展于 Elementor 的主插件 添加一个:任何元素上的链接字段,使整个内容可点击。
此页面涵盖了设置。有关扩展的功能以及它与 Elementor 内置容器链接的比较的概述,请参阅 元素包装器链接扩展 页。
URL粘贴,需要时勾选新窗口或nofollow,全元素就变成点击目标,甚至接受Elementor动态标签,所以链接可以指向当前帖子、作者页面或任何动态来源。
Wrapper Link 扩展的作用 #
启用后,Elementor 编辑器中的元素将获得 a 包装链接 带有单个的部分 链接 control。there放什么,整个元素都变成了前端的链接:整个信息框,列,或部分,而不仅仅是里面的一个单词或按钮。
由于一个链接覆盖了该元素,因此您跳过了旧的解决方法,例如使用 CSS 在卡上拉伸的隐形按钮或 HTML 小部件中的手写锚。
在开始之前 #
- 文字出版社 与 元素 已安装并处于活动状态。
- Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
- Wrapper Link 是一个免费扩展,因此不需要专业版许可证。
如何启用 Wrapper Link 扩展 #
从您的 WordPress 仪表板,转到 主插件 并打开 扩展 选项卡。包装链接位于 动态小部件 组,之间 工具提示 並 显示条件。单击其切换使其变为紫色,然后点击 保存更改 在顶部等待绿色“设置保存成功”通知。
将包装链接添加到元素 #
Elementor打开你的页面,选择你要使可点击的元素,在视频示例中它是一个三列特征行中的信息框卡。A 包装链接 带有紫色 MA 徽章的部分现在位于面板中,并保留一个字段: 链接.
Paste目的URL, 点击齿轮图标打开链接选项:
- 在新窗口中打开: 在新选项卡中加载目的地,正确调用外部链接。
- 添加不关注: 当链接在新窗口中打开时,页面打开时不会传递推荐人数据。wrapper Link 用脚本处理点击,因此搜索引擎不会将其视为链接,并且此设置没有 SEO 效果。
Save或发布,而整张卡片现在是live页面的一个大链接,其他卡片重复,每张都有自己的目的地。
使用动态标签作为链接 #
Link字段旁的数据库图标打开了元素者的 动态标签.包装链接可以从内容中拉出其目标,而不是固定的网址:发布网址、作者页面、站点网址或自定义字段。在演示卡使用的 发布网址因此,无论该模板渲染到哪里,卡片都会链接到自己的帖子。
这种组合在主题构建器模板和循环项目中很重要,其中目的地必须根据帖子进行更改。将其与 配对 动态标签扩展 获取更多来源。
包装链接在哪里有帮助 #
- 功能和服务卡。 整个信息框点击进入详细信息页面,而不仅仅是标题。
- 博客模板中的明信片。 Wrapper Link 加上 Post URL 动态标签,使循环链接中的每张卡片都连接到自己的文章。
- 横幅部分。 单击活动页面的全宽促销部分。
- 团队成员卡。 单击该人的任何位置以打开他们的个人资料。
- 标志网格。 每个客户端徽标单元格都会链接出来,无需关注一个复选框。
视频教程 #
观察整个流程,从启用扩展到将卡与动态标签链接。
常见问题 #
如何使整个部分在 Elementor 中可点击?
Master Addons Extensions标签中启用包装器链接扩展,在元素编辑器中选择该部分,并在包装器链接字段中粘贴一个URL,整个部分成为前端的点击目标,可选新窗口和nofollow设置。
包装链接可以在新选项卡中打开或使用 nofollow 吗?
是的。单击链接字段上的齿轮图标,勾选"在新窗口中打开"或"添加 nofollow"。Wrapper Link 使用脚本处理单击,因此搜索引擎不会将其作为链接关注到您勾选的框中。
Wrapper Link 可与动态标签配合使用吗?
是链接字段旁边的动态标签图标接受像帖子URL,作者URL或自定义字段这样的源。在循环模板中,这意味着每张卡片自动链接到自己的帖子,而不逐个编辑链接。
包裹元素内的按钮或链接会发生什么?
单击包裹元素内部的任何位置(包括其自己的按钮)都会转到包裹 URL。在卡片上使用包裹链接,整个表面应转到一个目的地,并在布局需要多个目的地时链接单个按钮。
Wrapper Link 扩展名免费吗?
是的。Wrapper Link 在扩展选项卡的动态小部件组中附带了 Elementor 的 Master Addons 免费版本。 定价页面 列出了 Pro 计划在免费扩展之外添加的内容。
包裹起来 #
Wrapper Link扩展程序关闭了Elementor最古老的空白之一:使整个部分、列或小部件可点击,无需CSS黑客。一个字段、两个复选框以及模板的动态标签支持。对于用例和并排查看Elementor自己的容器链接,请访问 包装链接扩展页.浏览其余部分 主插件小部件和扩展 如需更多编辑器升级,或从中获取起始设计 模板套件 并自己连接链接。
