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

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


小程序文章底部工具栏设置

<h1>基本设置</h1> <p>可通过后台直接设置文章页面底部工具栏显示的组件和显示的样式,设置后前端小程序即时生效,无需重复上传前端代码再走审核流程。</p> <p><img src="https://wpapp-cdn.wp-autoblog.net/manual/59.png" alt="" /></p> <p>预设项目包含如下5个可直接使用,这5个预设项目name的值为固定为comment_input,comment,favor,like,share不可更改,其他设置的值都可以按自己需求更改</p> <pre><code class="language-json">{name:'comment_input',display:'说点什么...',icon:'write'} {name:'comment',display:'评论',icon:'comment'} {name:'favor',display:'收藏',icon:'favor',active_display:'已收藏',active_icon:'favorfill'} {name:'like',display:'点赞',icon:'appreciate',active_display:'已点赞',active_icon:'appreciatefill'} {name:'share',display:'分享',icon:'forward',active_icon:'forwardfill'}</code></pre> <p><strong>设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行</strong></p> <p><strong>name</strong> 用来区分项目 name值为<strong>comment_input</strong> 表示设置工具栏上的评论输入框 name值为<strong>comment</strong> 表示设置工具栏上的 “评论” 图标 name值为<strong>favor</strong> 表示设置工具栏上的 “收藏” 图标 name值为<strong>like</strong> 表示设置工具栏上的 “点赞” 图标 name值为<strong>share</strong> 表示设置工具栏上的 “分享” 图标</p> <p>name为 <strong>favor</strong> 和 <strong>like</strong> 时,可单独设置激活后的显示文字active_display 和 激活后的显示图标 active_icon name为 <strong>share</strong> 时,可单独设置激活后的显示图标 active_icon</p> <p><strong>dispaly</strong> 为显示的文字</p> <p><strong>icon</strong> 为显示的图标名称。(<strong>关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称</strong>)</p> <h1>样式设置</h1> <p>小程序前端<strong>文章底部工具栏</strong>各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的轮播图效果,以下是部分设置案例参考:</p> <p><img src="https://wpapp-cdn.wp-autoblog.net/manual/60.png" alt="" /></p>

页面列表

ITEM_HTML