微慕小程序專業版支持WordPress自定義短代碼

微慕小程序專業版支持在文章的詳情頁跳轉商品卡片和公衆號文章卡片;不過這些跳轉卡片,只能固定在小程序文章裏頂部或者底部,沒法放置在文章裏的某個位置。由於微慕小程序後端採用的WordPress,WordPress支持短代碼的功能,因而在文章的任意位置插入卡片式連接成爲可能。html

WordPress的自定義短代碼須要支持如下3個功能:前端

**1.在小程序的文章詳情頁任意位置支持卡片式連接
2.卡片式連接的跳轉支持多個跳轉方式:跳轉本小程序,跳轉其餘小程序,跳轉網頁
3.須要兼容WordPress的頁面卡片式連接顯示和跳轉。**小程序

自定義短代碼的格式以下:
[minappershortcode qrcode=」小程序二維碼圖」 poster=」封面圖」 title=」標題」 appid=」小程序appid」 path=」小程序頁面路徑」 url=」網頁連接」 codetype=」短代碼類型」 redirectype=」跳轉方式」 description=」說明」 price=」價格」 buttontext=」跳轉按鈕文字」]後端

示例以下:
[minappershortcode qrcode=」https://blog.minapper.com/wp-...」 poster=」http://shop.minapper.com/uplo...」 title=」【專業版Pro】微慕WordPress小程序專業版」 appid=」wxc1771b619b83316b」 path=」pages/goods_details/index?id=27″ url=」」 codetype=」goods」 redirectype=」miniapp」 description=」最新版本V3,包含後臺插件+前端小程序源碼」 price=」1688″ buttontext=」當即購買」]瀏覽器

在小程序端的效果圖以下:
app

查看實際效果請訪問:微慕小程序專業版 ,或直接能夠掃描以下二維碼查看實際效果:
wordpress

在pc端瀏覽器裏的效果圖以下:post

實際效果請訪問以下連接:https://blog.minapper.com/wordpress/theme/test-shortcode.htmlurl

在手機瀏覽器裏的效果以下:spa

運用wordpress短代碼,能夠爲小程序擴展更多的功能。

原文連接:https://www.watch-life.net/wordpress/minapper-shortcode.html

相關文章
相關標籤/搜索