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

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

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

WordPress 短代码经典编辑器

文章推荐短代码

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

注意:把“【 ”换成“ [ ”,把“ 】”换成“ ] ”

参数说明

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

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

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

title:文章标题,即跳转文章的标题

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

效果图如下:

文章卡片样式

通过短代码插入小程序商品链接或微信公众号文章链接,在小程序端文章阅读过程中出现小程序商品广告或微信公众号文章卡片

商品推荐短代码

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

注意:把“【 ”换成“ [ ”,把“ 】”换成“ ] ”

参数说明

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

效果图如下:

商品推荐卡片样式

A 标签链接


<a appid="小程序 Appid" type="链接类型" path="小程序路径" rel="nofollow" target="_blank" href="https://www.imahui.com/go.php?url=572R5Z2A6ZO+5o6l">点击这里</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>

实际效果如下:

腾讯云高性能云服务器

相关推荐

1 条评论

  1. 神马叔叔

    不错

发表评论

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

WordPress 微信小程序功能之短代码,链接跳转和音频播放
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close