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

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


小程序首页栏目区域设置

<p>可通过后台插件直接设置需要在首页显示的各种栏目(比如文章精选,媒体库,其他页面链接等等)及显示的样式效果</p> <p><img src="https://wpapp-cdn.wp-autoblog.net/manual/53.png" alt="" /></p> <p><strong>该栏目区域显示名称</strong>: 小程序前端栏目区域的显示名称</p> <p><strong>显示样式</strong>: 目前提供5种样式可供选择,具体效果可扫码打开demo小程序,组件预览里参考 样式一(横向滑动) 样式二(每行3列) 样式三(每行4列) 样式四(矩阵排列) 样式五(矩阵排列)</p> <p><strong>标题覆盖图片</strong>: 是:项目标题将覆盖在项目图片上面显示(类似蒙版效果) 否:项目标题在项目图片下方显示 PS:如果显示样式选择 样式四 和 样式五,该选项设置无效</p> <hr /> <h4>栏目区域下显示栏目(项目)设置说明:</h4> <p>可在一个栏目区域下增加若干个显示的栏目(项目) 但 样式4支持项目数量为3,4,6,7,8 样式5支持项目数量为2,3,4,5,6</p> <p>栏目(项目)设置参数说明: <strong>name</strong>: 为栏目(项目)显示名称</p> <p><strong>url</strong>: 为小程序APP内跳转页面路径,路径详细列表可参考文档 <a href="https://www.showdoc.cc/wpapp?page_id=3867944244269045" title="小程序页面路径说明">小程序页面路径说明</a></p> <p><strong>image</strong>: 为图像地址(http 或 https 开头的地址),为栏目(项目)添加一个图片</p> <p><strong>bg_color</strong>: 可选设置,可在栏目(项目)的图像上增加一层颜色遮盖层,值示例: rgba(0,0,0,0.3) 关于bg_color设置的rgba值,若不了解,参考文档 <a href="https://www.showdoc.cc/wpapp?page_id=3880359231519132" title="背景颜色rgba设置">背景颜色rgba设置</a></p> <p><strong>color</strong>: 可选设置,名称字体颜色,值示例: #333333</p> <p>设置示例:</p> <pre><code class="language-json">{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://...'}</code></pre> <p><strong>设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行</strong></p> <p>每个项目可分别设置不同的 bg_color 和 color 值,满足多样性,个性化需求,以下是部分设置案例:</p> <p><img src="https://wpapp-cdn.wp-autoblog.net/manual/54.png" alt="" /></p>

页面列表

ITEM_HTML