WordPress 微信小程序功能之短代碼,鏈接跳轉和音頻播放

今年年初的時候,丸子小程序率先推出 WordPress 小程序短代碼解析功能(點擊這里查看),實現了短代碼 WordPress 小程序文章插入商城小程序,公眾號文章鏈接跳轉等功能。但由于時間關系,同時,覺得主要的功能實現就可以了,便沒有做更多的需求擴展。后來,群里的小伙伴問能不能跳轉到小程序內的文章鏈接,還有,丸子小程序社區版的文章能不能插入社區版的商品功能?于是,這一次又做了一些更新,除了增加兩個短代碼功能,還有豐富了 A 標簽鏈接的功能(這個功能感覺會比較實用,可以互相學習),以及另一種形式的音頻播放。

丸子小程序 WordPress 短代碼經典編輯器文本模式

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="小程序路徑" rel="nofollow" target="_blank" href="http://www.106734.buzz/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>

實際效果如下:

騰訊云高性能云服務器

相關推薦

3 條評論

  1. 神馬叔叔

    不錯

  2. 蕭老頭

    測試

  3. Smile☆強

    不錯

發表評論

微信掃一掃

微信掃一掃

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

WordPress 微信小程序功能之短代碼,鏈接跳轉和音頻播放
返回頂部

顯示

忘記密碼?

顯示

顯示

獲取驗證碼

Close
捕鱼王是正规平台吗 福彩3d怎么选号 招商证劵智远理财平台 黑龙江十一选五开奖结果1002无标题 河南快三购买网址 彩票预测网站合法吗 乐彩网客户端下载 甘肃11遗漏号码查询 股票开户哪家券商好 江苏十一选五遗漏数 湖南福利彩票快乐十分遗漏