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

支持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"]

带图片样式

这是一个标题，跳转到任意小程序页面

这是一个提示文案

去看看

短代码：

[wpapp type="card" 
   title="这是一个标题，跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案" 
   btn_text="去看看"]

带图片带价格信息样式

这是一个标题，跳转到任意小程序页面

这是一个提示文案

$9999

阴影按钮

短代码：

[wpapp type="card" 
   title="这是一个标题，跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案" 
   price="$9999" 
   btn_text="阴影按钮"  
   btn_bg_color="red" btn_border_color="red" 
   btn_text_color="#FFFFFF" btn_shadow="1"]

   

这是一个标题，跳转到任意小程序页面

一个随意样式

$9999

去看看

短代码：

[wpapp type="card" 
   title="这是一个标题，跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="一个随意样式" 
   price="$9999" 
   btn_text="去看看"  
   btn_bg_color="red" btn_border_color="red" 
   btn_text_color="#FFFFFF"
   card_border_color="#00B3DB" card_shadow="1" card_border_radius="10px" 
   ]