WP-App wordpress小程序套件使用说明

WP-App wordpress小程序套件使用说明


小程序首页栏目区域设置

可通过后台插件直接设置需要在首页显示的各种栏目(比如文章精选,媒体库,其他页面链接等等)及显示的样式效果

该栏目区域显示名称: 小程序前端栏目区域的显示名称

显示样式: 目前提供5种样式可供选择,具体效果可扫码打开demo小程序,组件预览里参考 样式一(横向滑动) 样式二(每行3列) 样式三(每行4列) 样式四(矩阵排列) 样式五(矩阵排列)

标题覆盖图片: 是:项目标题将覆盖在项目图片上面显示(类似蒙版效果) 否:项目标题在项目图片下方显示 PS:如果显示样式选择 样式四 和 样式五,该选项设置无效


栏目区域下显示栏目(项目)设置说明:

可在一个栏目区域下增加若干个显示的栏目(项目) 但 样式4支持项目数量为3,4,6,7,8 样式5支持项目数量为2,3,4,5,6

栏目(项目)设置参数说明: name: 为栏目(项目)显示名称

url: 为小程序APP内跳转页面路径,路径详细列表可参考文档 [小程序页面路径说明](https://www.showdoc.cc/wpapp?page_id=3867944244269045 "小程序页面路径说明")

image: 为图像地址(http 或 https 开头的地址),为栏目(项目)添加一个图片

bg_color: 可选设置,可在栏目(项目)的图像上增加一层颜色遮盖层,值示例: rgba(0,0,0,0.3) 关于bg_color设置的rgba值,若不了解,参考文档 [背景颜色rgba设置](https://www.showdoc.cc/wpapp?page_id=3880359231519132 "背景颜色rgba设置")

color: 可选设置,名称字体颜色,值示例: #333333

设置示例:

{name:'某篇文章',url:'/pages/...',image:'http://...'}
{name:'图片库',url:'/pages/...',image:'http://...',bg_color:'rgba(0,0,0,0.2)',color:'#333333'}
{name:'某个分类',url:'/pages/...',image:'http://...'}

设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行

每个项目可分别设置不同的 bg_color 和 color 值,满足多样性,个性化需求,以下是部分设置案例:

页面列表

ITEM_HTML