分类
使用文档

WordPress小程序(WP-APP)-使用文档(27)-小程序分类(标签)页面设置

可直接通过后台设置小程序 “分类页面” 和 “标签(话题,专题)页面” 表现,设置后直接即时生效。

分类页面设置

分类页面设置可添加多个一级分类(一级分类不可点击跳转),每个一级分类下面可按自己需求添加wordpress分类的ID即可。

标签(话题/专题)页面设置

标签(话题/专题)页面设置和分类页面设置类似,多了几个设置项

taxonomy
默认为为post_tag,表示标签;某些主题wordpress网站,可能有其他自定义分类法,有需要可以直接设置即可

显示所有term:
是否显示设置的taxonomy下的所有term项目,如果设置的taxonomy为post_tag,就表示是否显示所有的标签

如果这里设置为”否”,那么可以自行填入需要显示的term的ID,和上面 分类页面设置 类似。

每次加载term数量
设置“显示所有term”时有效

分类页面 和 标签(话题/专题)页面样式设置

小程序前端 分类页面 和 标签(话题/专题)页面样式设置,各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的效果,以下是部分设置案例参考:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(26)-小程序文章底部工具栏设置

基本设置

可通过后台直接设置文章页面底部工具栏显示的组件和显示的样式,设置后前端小程序即时生效,无需重复上传前端代码再走审核流程。

预设项目包含如下5个可直接使用,这5个预设项目name的值为固定为comment_input,comment,favor,like,share不可更改,其他设置的值都可以按自己需求更改

{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'}

设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行

name
用来区分项目
name值为comment_input 表示设置工具栏上的评论输入框
name值为comment 表示设置工具栏上的 “评论” 图标
name值为favor 表示设置工具栏上的 “收藏” 图标
name值为like 表示设置工具栏上的 “点赞” 图标
name值为share 表示设置工具栏上的 “分享” 图标

name为 favorlike 时,可单独设置激活后的显示文字active_display 和 激活后的显示图标 active_icon
name为 share 时,可单独设置激活后的显示图标 active_icon

dispaly
为显示的文字

icon
为显示的图标名称。(关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称

样式设置

小程序前端文章底部工具栏各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的轮播图效果,以下是部分设置案例参考:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(25)-小程序文章页面meta参数设置

小程序文章页面meta参数为小程序文章页面上显示的文章额外附加信息,比如浏览量,点赞量,评论量,所属分类等,如下所示:

预设项目包含如下6个可直接使用,这6个预设项目name的值为固定为author,term,comment,date,view,like不可更改

{name:'author',display:'作者',icon:'my',show_avatar:'1',show_display_name:'1'}
{name:'term',taxonomy:'category',display:'分类',icon:'apps'}
{name:'comment',display:'评论',icon:'mark'}
{name:'date',display:'日期',icon:'time'}
{name:'view',display:'浏览',icon:'attention'}
{name:'like',display:'点赞',icon:'like'}

name
用来区分项目
name为 term 时,必须设置taxonomy的值,一般为 ‘category’,’post_tag’ 或其他自定义分类
name为 author 时,可选设置show_avatar:’1′ 和 show_display_name:’1′ 可2选1设置,或2个都设置;设置show_avatar表示显示作者头像;设置show_display_name表示显示作者名称

dispaly
为显示的前缀文字

icon
为显示的前缀图标名称,可在后面样式里设置前缀显示为文字还是图标,icon优先级大于dispaly,如果设置了icon将忽略不显示display设置的文字。(关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称

除了这6个预设项目外,也可自定义添加,自定义添加必须设置自定义栏目custom_field名称,例如:

{name:'some_name',display:'some_text',icon:'icon_name',custom_field:'custom_field_name'}

设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行

分类
使用文档

WordPress小程序(WP-APP)-使用文档(24)-小程序文章页面基本设置

小程序文章页面基本设置

显示文章标题:
可设置是否显示标题

文章底部显示标签(话题、专题等):
可设置文章底部是否显示标签(话题、专题等),可设置taxonomy,一般为 post_tag ,可设置是否有前缀,背景颜色,边框颜色,字体颜色。

显示文章底部工具栏:
可设置是否显示文章底部工具栏,文章底部工具栏显示组件及样式在 文章页面底部工具栏设置 里进行设置。

开启评论功能:
可设置是否开启评论功能
可设置发表评论是否必须登录小程序,
可设置是否显示评论数量的角标
可设置发表评论字数要求
可设置发表评论是否必须审核
可设置显示评论排序规则
可设置每次提取评论数量

开启收藏功能:
可设置是否开启收藏功能
可设置收藏操作时是否开启收藏图标动画效果

开启点赞功能:
可设置是否开启点赞功能
可设置同一用户是否可重复点赞
可设置文章末是否显示点赞用户(只有授权登陆的用户才会显示)
可设置点赞操作时是否开启点赞图标动画效果

开启分享功能:
可设置是否开启分享功能
可设置“分享”图标文章末是否有自动激活动画效果

显示相关推荐:
可设置文章末是否显示相关文章推荐,相关推荐将根据该文章的标签来提现相关推荐文章

分类
使用文档

WordPress小程序(WP-APP)-使用文档(23)-小程序首页文章列表设置

可设置小程序首页是否加载文章列表,如果加载文章列表可设置加载哪些分类,哪些标签(等其他自定义分类)的文章列表。

首页文章列表显示样式设置由 小程序文章列表及样式设置 决定。

分类
使用文档

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 值,满足多样性,个性化需求,以下是部分设置案例:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(21)-小程序首页通知栏设置

可设置是否开启首页通知栏,设置后前端小程序即时生效

可自行输入通知栏文案,可设置通知栏是否可点击,点击后打开的文章ID

小程序前端通知栏各种样式和效果可自由组合,自由设置各元素颜色,背景颜色,满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的通知栏效果,以下是部分设置案例参考:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(20)-小程序首页轮播图设置

可设置是否开启首页轮播图,设置后前端小程序即时生效

可指定轮播图的文章ID,如果不指定轮播图的文章ID,那么将自动加载使用最新有图片的文章(轮播图数量可指定)

小程序前端轮播图各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的轮播图效果,以下是部分设置案例参考:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(19)-小程序首页顶部操作栏设置

可分别开启和关闭是否显示首页顶部搜索框和顶部选项卡,设置选项卡栏目选项,顶部操作栏是否吸顶效果,及设置显示样式,颜色,及背景颜色(含透明度),设置后小程序前端即时生效,无需重复上传代码。

可扫码打开demo版小程序在组件预览处参考效果,各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,以下是部分设置案例参考:

分类
使用文档

WordPress小程序(WP-APP)-使用文档(18)-小程序文章列表及样式设置

小程序文章列表及样式设置对于某个端的小程序而言是全局设置,设置后对小程序所有页面(首页,标签页,分类页,搜索结果页面等)显示的文章列表都会生效,但每个端(微信小程序,百度小程序,头条小程序,QQ小程序,支付宝小程序,H5端)的设置相互独立(就是说不同端的小程序可以有不同的设置及样式)。

文章列表及样式,设置后即时生效,无需重复上传前端代码再走审核流程。

列表页基本设置

列表页面每次提取文章数量
默认为10,每次加载列表加载的文章数量

列表封面优先使用文章特色图像
列表封面图是否优先使用文章的特色图像

如果为 “是” 的话,顺序如果文章有特色图像那么将使用特色图像作为封面图,如果没有特色图像,那么将尝试从文章寻找第一张图像做为封面图。

如果为 “否” 的话,顺序是从文章中自动寻找第一张图片,如果文章里没有图片,那么将尝试寻找文章的特色图像。


列表展示文章“参数”设置

列表展示文章“参数”为文章列表上显示的文章额外的参数信息,比如浏览量,点赞量,评论量,所属分类等,如下所示:

可在wordpress后台直接设置需要展示的项目,显示图标还是文字,设置后即时生效,设置如下:

预设项目包含如下4个可直接使用,这4个预设项目name的值为固定为term,comment,view,like不可更改

{name:'term',taxonomy:'category',display:'分类',icon:'apps'}
{name:'comment',display:'评论',icon:'mark'}
{name:'view',display:'浏览',icon:'attention'}
{name:'like',display:'点赞',icon:'like'}

name
用来区分项目,name为term 时,必须设置taxonomy的值,一般为 ‘category’,’post_tag’ 或其他自定义分类

dispaly
为显示的前缀文字

icon
为显示的前缀图标名称,可在后面样式里设置前缀显示为文字还是图标。(关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称

除了这4个预设项目外,也可自定义添加,自定义添加必须设置自定义栏目custom_field名称,例如:

{name:'some_name',display:'some_text',icon:'icon_name',custom_field:'custom_field_name'}

设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行

列表样式设置

可通过后台直接设置展示的列表页样式,设置后即时生效,无需重复上传前端代码

各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,以下是部分设置案例参考