分类
使用文档

WordPress小程序(WP-APP)-使用文档(22)-小程序首页栏目区域设置

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

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

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

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


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

可在一个栏目区域下增加若干个显示的栏目(项目)

样式4支持项目数量为3,4,6,7,8
样式5支持项目数量为2,3,4,5,6

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

url:
为小程序APP内跳转页面路径,路径详细列表可参考文档 小程序页面路径说明

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

bg_color:
可选设置,可在栏目(项目)的图像上增加一层颜色遮盖层,值示例: rgba(0,0,0,0.3)
关于bg_color设置的rgba值,若不了解,参考文档 背景颜色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 值,满足多样性,个性化需求,以下是部分设置案例:

发表评论

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