Categories
功能演示

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *