WordPress 微信小程序功能之短代码，链接跳转和音频播放

今年年初的时候，丸子小程序率先推出 WordPress 小程序短代码解析功能（点击这里查看），实现了短代码 WordPress 小程序文章插入商城小程序，公众号文章链接跳转等功能。但由于时间关系，同时，觉得主要的功能实现就可以了，便没有做更多的需求扩展。后来，群里的小伙伴问能不能跳转到小程序内的文章链接，还有，丸子小程序社区版的文章能不能插入社区版的商品功能？于是，这一次又做了一些更新，除了增加两个短代码功能，还有丰富了 A 标签链接的功能（这个功能感觉会比较实用，可以互相学习），以及另一种形式的音频播放。

丸子小程序 WordPress 短代码经典编辑器文本模式

文章推荐短代码

【mpcard url="" path="文章页面路径" thumb="文章缩略图" title="文章标题" excerpt="文章摘要"】

注意：把“【 ”换成“ [ ”，把“ 】”换成“ ] ”

参数说明

url：文章链接地址，浏览器显示的 A 链接地址，即点击可以访问的文章页面

path：文章小程序页面路径，即点击后打开的小程序页面，比如丸子小程序的文章页面路径 /pages/detail/detail?id=文章 ID

thumb：文章缩略图链接地址，可以网站上的图片，也可以是外链图片，但必须是绝对路径，即带网址链接

title：文章标题，即跳转文章的标题

excerpt：文章摘要信息，小程序端不显示，可以不填写，仅用于浏览器摘要显示的提示

效果图如下：

商品推荐短代码

【mpstore id="商品文章 ID"】

注意：把“【 ”换成“ [ ”，把“ 】”换成“ ] ”

参数说明

id：丸子小程序社区版商品文章 ID

效果图如下：

A 标签链接

<a appid="小程序 Appid" type="链接类型" path="小程序路径" href="网址链接">点击这里</a>

参数说明

appid：小程序 AppID ，可以不填写，或者不添加这个属性，当 type 为 miniprogram 时，必须有且填写正确 AppID

type：链接类型，分别支持 miniprogram(小程序), mpaccount(微信公众号文章)，document(微信小程序支持打开的文档)，page(小程序内部链接)

path：小程序路径，当 type 为 miniprogram 时，可以为空，也可以填写正确的小程序页面路径，当 type 为 mpaccount 或 document 时，可以不添加这个属性，即为空

href：网址链接，当该链接是当前小程序内部文章时，采用 post_id 固定链接形式的网址，可以跳转到对应的小程序页面(注意：除了文章链接，其他链接不支持)，当 type 为 mpaccount 或 document 时，填写关联的公众号文章地址或微信小程序打开的文档地址即可

效果如下：

小程序跳转：点击这里打开丸子社区小程序

公众号文章：点击这里访问关联公众号文章

文档链接：点击这里打开商品卡指南文档

小程序页面：点击这里访问积分排行榜(仅限于小程序端积分排行榜)

音频播放

目前微信小程序已经放弃了 audio 标签的组件支持，因此，有一些机型已经不能播放 audio 标签了，即不支持以下标签的解析：

<audio src="音频链接" controls></audio>

因此，经过一番改造成了，采用了 wx.createInnerAudioContext 组件功能。实现点击音频播时，弹出一个播放音频浮层，效果如下图：

目前实现效果说不上很好，但也是一种比较妥当的处理方式。

audio 标签的写法

<audio author="演唱者，即作者" title="音频标题" src="音频链接" controls="controls"></audio>

实际效果如下：