小程序文章列表及样式设置
<p>小程序文章列表及样式设置对于某个端的小程序而言是全局设置,设置后对小程序所有页面(首页,标签页,分类页,搜索结果页面等)显示的文章列表都会生效,但每个端(微信小程序,百度小程序,头条小程序,QQ小程序,支付宝小程序,H5端)的设置相互独立(就是说不同端的小程序可以有不同的设置及样式)。</p>
<p><strong>文章列表及样式,设置后即时生效,无需重复上传前端代码再走审核流程。</strong></p>
<h1>列表页基本设置</h1>
<p><strong>列表页面每次提取文章数量</strong>:
默认为10,每次加载列表加载的文章数量</p>
<p><strong>列表封面优先使用文章特色图像</strong>:
列表封面图是否优先使用文章的特色图像</p>
<p>如果为 “是” 的话,顺序如果文章有特色图像那么将使用特色图像作为封面图,如果没有特色图像,那么将尝试从文章寻找第一张图像做为封面图。</p>
<p>如果为 “否” 的话,顺序是从文章中自动寻找第一张图片,如果文章里没有图片,那么将尝试寻找文章的特色图像。</p>
<hr />
<h1>列表展示文章“参数”设置</h1>
<p>列表展示文章“参数”为文章列表上显示的文章额外的参数信息,比如浏览量,点赞量,评论量,所属分类等,如下所示:</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/43.png" alt="" /></p>
<p>可在wordpress后台直接设置需要展示的项目,显示图标还是文字,设置后即时生效,设置如下:</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/44.png" alt="" /></p>
<p>预设项目包含如下4个可直接使用,这4个预设项目name的值为固定为term,comment,view,like不可更改</p>
<pre><code class="language-json">{name:'term',taxonomy:'category',display:'分类',icon:'apps'}
{name:'comment',display:'评论',icon:'mark'}
{name:'view',display:'浏览',icon:'attention'}
{name:'like',display:'点赞',icon:'like'}</code></pre>
<p><strong>name</strong>
用来区分项目,name为term 时,必须设置taxonomy的值,一般为 'category','post_tag' 或其他自定义分类</p>
<p><strong>dispaly</strong>
为显示的前缀文字</p>
<p><strong>icon</strong>
为显示的前缀图标名称,可在后面样式里设置前缀显示为文字还是图标。(<strong>关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称</strong>)</p>
<p>除了这4个预设项目外,也可自定义添加,自定义添加必须设置自定义栏目custom_field名称,例如:</p>
<pre><code class="language-json">{name:'some_name',display:'some_text',icon:'icon_name',custom_field:'custom_field_name'}</code></pre>
<p><strong>设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行</strong></p>
<h1>列表样式设置</h1>
<p>可通过后台直接设置展示的列表页样式,设置后即时生效,无需重复上传前端代码</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/45.png" alt="" /></p>
<p>各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,以下是部分设置案例参考</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/46.png" alt="" /></p>