WordPress 小程序开源免费版 A 链接标签使用指南

更新时间:2024-03-16 分类:小程序 浏览量:4874

2020 年 8 月 30 日发布丸子小程序开源免费版 Travel Mini Program 更新,对 A 链接标签进行了增强(点击这里查看详情)。 由于公众号排版问题,可能会影响 A 链接标签使用理解,因此,再写一篇教程指南提供帮助。

丸子小程序开源免费版之前对于 A 标签链接都没有进行其他动作,这一次的更新,使得 A 链接标签增加类型扩展,支持跳转小程序,打开文档,跳转小程序内部页面,打开业务域名和复制内容。使用方法如下:

1、跳转小程序


<a type="miniprogram" appid="wx-微信小程序 Appid|qq-QQ小程序 Appid|bd-百度智能小程序 AppKey|tt-字节跳动小程序 Appid" href="链接地址" target="_blank">点击这里打开小程序</a>

<a type="miniprogram" appid="wx-微信小程序 Appid|qq-QQ小程序 Appid|bd-百度智能小程序 AppKey|tt-字节跳动小程序 Appid" path="指定小程序页面" href="链接地址" target="_blank">打开小程序</a>

以上两段代码都属于跳转小程序链接。type 表示的是类型,miniprogram 表示的是小程序类型,appid 是跳转指定的小程序 Appid,使用 | 间隔,可以兼容多个平台的小程序跳转,每个 Appid 加上对应的平台简写,则表示某一个平台的小程序 Appid 。假如仅支持一个平台,比如微信,则只需要填写 wx-微信小程序 Appid 即可。path 表示的是跳转小程序页面,如果没有 path 选项内容,则默认跳转至小程序的首页,加上 path 选项内容,则跳转到 path 指定的页面路径。href 则是正常的 A 标签链接地址,用于 PC 端或者不兼容端复制链接。

2、打开文档

默认情况下已经判断链接是否为支持小程序打开的文档链接,如果是的话,点击即可下载并打开文档(文档链接域名需要加入小程序请求域名的信任下载域名,即 downloadfile 域名)。当然,也可以特别强调当前链接为文档链接,即:


<a type="document" href="文档地址" target="_blank">打开文档</a>

type 表示的是类型,documnt 表示的是文档类型,href 表示是的是文档链接。

另外,目前字节跳动小程序并不支持打开文档,因此,点击复制当前文档链接。

3、打开小程序内部页面


<a type="page" path="页面路径,如:/pages/detail/detail?id=文章ID" href="链接地址" target="_blank">访问页面</a>

type 表示的是类型,page 表示的是页面类型,path 表示的是页面路径,比如,跳转到某一篇文章:/pages/detail/detail?id=文章ID ,href 表示的是文章链接。

4、打开业务域名链接


<a type="view" href="业务域名" target="_blank">打开业务域名</a>

type 表示的是类型,view 表示的是业务域名,即 web-view 方式,href 表示的是业务域名链接地址。

同小程序主体关联的微信公众号文章打开,也可以使用这种方式。但是,其他平台点击链接时可能会出现业务域名不合法的问题。

除了这种方法打开业务域名外,也可以使用打开小程序内部页面方式:


<a type="page" path="/pages/view/view?url=业务域名" href="链接地址" target="_blank">访问页面</a>

5、复制内容

如果链接不支持打开,那么,则复制当前内容。

以上为此次更新 A 标签链接增强使用方法。