分类
功能演示

预定义短代码-链接卡片形式

支持wordpress短代码,已预定义“链接卡片形式”的短代码,可在文章任意位置插入直接使用,可同时设置path参数和hre参数(兼容PC端,H5端,小程序端),同时提供短代码接口,可2次开发满足自己需求的短代码

默认简单样式

跳转到小程序内其他页面

短代码:

[wpapp type="card" 
   title="跳转到小程序内其他页面" 
   path="/pages/product/product?id=1"]

带标题带提示样式

这是一个标题,跳转到其他页面
这是一个提示文案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案"]

   

这是一个标题,跳转到其他页面
修改颜色方案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="修改颜色方案"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

带按钮样式

这是一个标题,跳转到其他页面
这个是提示文案
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个是提示文案"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影带圆角
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影带圆角"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_border_radius="10px"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

发表评论

邮箱地址不会被公开。 必填项已用*标注