小程序文章列表及样式设置
<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>