分类
功能演示

预定义短代码-链接卡片形式

支持wordpress短代码,已预定义“链接卡片形式”的短代码,可在文章任意位置插入直接使用,可同时设置path参数和hre参数(兼容PC端,H5端,小程序端),同时提供短代码接口,可2次开发满足自己需求的短代码

默认简单样式

跳转到小程序内其他页面

短代码:

[wpapp type="card" 
   title="跳转到小程序内其他页面" 
   path="/pages/product/product?id=1"]

带标题带提示样式

这是一个标题,跳转到其他页面
这是一个提示文案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案"]

   

这是一个标题,跳转到其他页面
修改颜色方案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="修改颜色方案"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

带按钮样式

这是一个标题,跳转到其他页面
这个是提示文案
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个是提示文案"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影带圆角
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影带圆角"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_border_radius="10px"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

分类
功能演示

预定义短代码-链接卡片形式

支持wordpress短代码,已预定义“链接卡片形式”的短代码,可在文章任意位置插入直接使用,可同时设置path参数和hre参数(兼容PC端,H5端,小程序端),同时提供短代码接口,可2次开发满足自己需求的短代码

默认简单样式

跳转到小程序内其他页面

短代码:

[wpapp type="card" 
   title="跳转到小程序内其他页面" 
   path="/pages/product/product?id=1"]

带标题带提示样式

这是一个标题,跳转到其他页面
这是一个提示文案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案"]

   

这是一个标题,跳转到其他页面
修改颜色方案

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="修改颜色方案"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

带按钮样式

这是一个标题,跳转到其他页面
这个是提示文案
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个是提示文案"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

   

这是一个标题,跳转到其他页面
这个卡片带阴影带圆角
立即查看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到其他页面" 
   path="/pages/product/product?id=1" 
   tip="这个卡片带阴影带圆角"
   btn_text="立即查看"
   card_border_color="#00B3DB"
   card_shadow="1"
   card_border_radius="10px"
   card_bg_color="#00B3DB" title_color="#ffffff" tip_color="#f1f2f3"]

带图片样式

这是一个标题,跳转到任意小程序页面
这是一个提示文案
去看看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案" 
   btn_text="去看看"]

带图片带价格信息样式

这是一个标题,跳转到任意小程序页面
这是一个提示文案
$9999
阴影按钮

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="这是一个提示文案" 
   price="$9999" 
   btn_text="阴影按钮"  
   btn_bg_color="red" btn_border_color="red" 
   btn_text_color="#FFFFFF" btn_shadow="1"]

   

这是一个标题,跳转到任意小程序页面
一个随意样式
$9999
去看看

短代码:

[wpapp type="card" 
   title="这是一个标题,跳转到任意小程序页面" 
   poster="图像URL" 
   path="/pages/product/product?id=1" 
   tip="一个随意样式" 
   price="$9999" 
   btn_text="去看看"  
   btn_bg_color="red" btn_border_color="red" 
   btn_text_color="#FFFFFF"
   card_border_color="#00B3DB" card_shadow="1" card_border_radius="10px" 
   ]
分类
功能演示

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

观看视频激励广告后显示自定义设置内容

分类
功能演示

文章开启"展开全文"功能

这是一篇示例文章,点击展开全文后才能显示文章全文,支持全局开启,支持只针对某分类(标签等)开启,支持只针对某一篇文章开启

用户留存,是每一个公司都要面对的难题。随着移动互联网进入下半场,流量红利逐渐被吃尽,互联网人群的渗透越来越彻底,获客成本越来越高,遍地是流量的时代一去不返。

如何留住用户,并让存量用户贡献更大的价值变成了多数公司制定运营策略时的重中之重。

通常来讲用户在某段时间内开始使用某产品,经过一段时间后仍在使用某产品,那这个用户就是该时间维度内的留存用户。

在常规的运营操作中,次日留存、七日留存、月留存这三个时间维度用到的会比较多。假设月初你获取了100个用户,到月末这100人中还有80人在使用你的产品,那月留存率就是80%。

用户留存的重要性

1. 节省成本,增加营收

根据哈佛商学院的一项研究发现,获得一个新用户的费用要比维护老用户的成本高7倍,当用户留存率每提升5%,公司的利润将提升25%-95%。

这项数据不适用于每一个公司,但是可以给我们提供一些参考。产生了忠诚度的用户能为产品提供非常长期的直接价值和附加价值,所以从获取第一个用户开始,就应该想好怎么做留存,留存也是获客的一个环节。

现在有个特别不好的现象,好多初创公司把“快速迭代,小步快跑”这一经典理论曲解为:别的不管,先上线再说,上线了再去想办法。连个最基本的用户运营策略都没有,上的快死的更快。

2. 判断你的产品提供的是不是伪需求

如果你的产品用户留存率极低,而在其他方面又找不到问题时,就要问问自己了,你的产品对用户来说有没有价值?是不是提供了一个自嗨的伪需求?特别是初创公司,很容易出现这个问题。

做好用户留存的三板斧

1. 从源头开始,明确定义,精准获客

  • 构建用户模型根据产品目标,分析目标用户群体的特征,先弄清楚自己要面对的是哪些人,再开始做运营。
  • 明确数据指标不同的时间跨度权重如何?用户留存率合格线既定为多少?用户路径和转化漏斗是怎样的?怎样从某一段用户增长数据中判断运营策略的正确与否?
  • 做好获客渠道的可行性分析目前常见的获客渠道有:应用商店、信息流、搜索、APP直投、新媒体直投、行业KOL、异业合作等,任意一项都需要真金白银的付出。

所以一开始就要想清楚获客渠道的组合策略是怎样的,尽力做到效果最大化、获客精准化。

2. 提高用户使用产品的频次

  • 品牌调性做品牌不一定非要找代言、铺广告。目前的行业现状是任意一个赛道都挤满了人,所以让用户能够记住自己的产品就成功了一半。做留存本来就是虚实结合的事情,产品功能是实,品牌调性就是虚。给产品赋予一种情感上的基调,用UI界面、文案话术、运营方式来表达出来。遍地高大上的时代,小而美反而更容易被记住。
  • 积分活动积分、等级、营销活动是最简单易行的促活手段,以正激励的方式让用户产生情感上的捆绑,进而转化为行动,让用户自己忍不住时不时的打开产品看一看,获得成就感和满足感。
  • 趣味功能第一种方法,在不影响产品核心功能使用的前提下,加上签到打卡类的小功能,和送积分、等级提升这些手段融合在一起,让用户产品行为惯性。第二种方法,深度结合产品功能,开发趣味性的小功能,甚至是小工具,因为趣味功能的尝试门槛更低,可以为长久的留下用户产生一个过渡作用。
  • 日常推送PUSH推送、短信推送是把双刃剑,用不好了招人烦,但是也不能因噎废食。只要把控好推送的频率、时间点和内容,推送可能是效果最直接的促活手段。
  • 更新提示:保持固定的更新频率,让用户对产品保持持续的新鲜感。

3. 增加用户的沉没成本

“人们在决定是否去做一件事情的时候,不仅是看这件事对自己有没有好处,也会看过去是不是已经在这件事情上有过投入。我们把这些已经发生不可收回的支出,如时间、金钱、精力等称为沉没成本。”

1)金钱成本

对于付费类产品,应该尽可能的降低首次付费的门槛。一旦用户付了钱,他就会产生不多用几次产品自己就吃亏了的心理,后期再加上合适的引导,这个用户离开的可能就很小了。

2)时间成本

例如内容类产品,用户花费了大量的时间和精力去输出内容、撰写评论,并且这些内容都是留在产品里的,只要产品的核心价值还在,用户就不会轻易的离开。

前面说到的积分体系和用户等级也是同样的道理,用户花费了时间来经营一个东西,即使这个东西可能对他已经没有什么价值了,但他就是舍不得丢弃,这就是沉没成本心理在起作用。

3)情感成本

最常见的方式就是让用户把人际关系引入到产品中去,或是与产品中的其他用户产生关系,这个关系不一定非是强关系,也可以是以产品为平台的弱关系。

相比金钱成本和时间成本,能让用户投入情感成本的产品留存是最好的。

避免以下误区

不要为了短时间内的数据增长作出伤害用户的行为,看的长远一点;做用户留存没有终点,需要持续不断的优化,不要想着做一件事就能解决所有的问题;时刻关注自己产品的价值,不要做伪需求。在某垂直电商Top1公司负责用户增长,曾担任百亿GMV互金平台COO,有过创业经历并成功套现,分享用户增长、职场进阶、创业感悟等硬核内容。

分类
功能演示

观看激励视频后显示文章全文

这是一篇示例文章,观看激励视频后才能显示文章全文,支持全局开启,支持只针对某分类(标签等)开启,支持只针对某一篇文章开启,可选择是否开启缓存用户已解锁内容,解锁成功后下次访问直接解锁

用户留存,是每一个公司都要面对的难题。随着移动互联网进入下半场,流量红利逐渐被吃尽,互联网人群的渗透越来越彻底,获客成本越来越高,遍地是流量的时代一去不返。

如何留住用户,并让存量用户贡献更大的价值变成了多数公司制定运营策略时的重中之重。

通常来讲用户在某段时间内开始使用某产品,经过一段时间后仍在使用某产品,那这个用户就是该时间维度内的留存用户。

在常规的运营操作中,次日留存、七日留存、月留存这三个时间维度用到的会比较多。假设月初你获取了100个用户,到月末这100人中还有80人在使用你的产品,那月留存率就是80%。

用户留存的重要性

1. 节省成本,增加营收

根据哈佛商学院的一项研究发现,获得一个新用户的费用要比维护老用户的成本高7倍,当用户留存率每提升5%,公司的利润将提升25%-95%。

这项数据不适用于每一个公司,但是可以给我们提供一些参考。产生了忠诚度的用户能为产品提供非常长期的直接价值和附加价值,所以从获取第一个用户开始,就应该想好怎么做留存,留存也是获客的一个环节。

现在有个特别不好的现象,好多初创公司把“快速迭代,小步快跑”这一经典理论曲解为:别的不管,先上线再说,上线了再去想办法。连个最基本的用户运营策略都没有,上的快死的更快。

2. 判断你的产品提供的是不是伪需求

如果你的产品用户留存率极低,而在其他方面又找不到问题时,就要问问自己了,你的产品对用户来说有没有价值?是不是提供了一个自嗨的伪需求?特别是初创公司,很容易出现这个问题。

做好用户留存的三板斧

1. 从源头开始,明确定义,精准获客

  • 构建用户模型根据产品目标,分析目标用户群体的特征,先弄清楚自己要面对的是哪些人,再开始做运营。
  • 明确数据指标不同的时间跨度权重如何?用户留存率合格线既定为多少?用户路径和转化漏斗是怎样的?怎样从某一段用户增长数据中判断运营策略的正确与否?
  • 做好获客渠道的可行性分析目前常见的获客渠道有:应用商店、信息流、搜索、APP直投、新媒体直投、行业KOL、异业合作等,任意一项都需要真金白银的付出。

所以一开始就要想清楚获客渠道的组合策略是怎样的,尽力做到效果最大化、获客精准化。

2. 提高用户使用产品的频次

  • 品牌调性做品牌不一定非要找代言、铺广告。目前的行业现状是任意一个赛道都挤满了人,所以让用户能够记住自己的产品就成功了一半。做留存本来就是虚实结合的事情,产品功能是实,品牌调性就是虚。给产品赋予一种情感上的基调,用UI界面、文案话术、运营方式来表达出来。遍地高大上的时代,小而美反而更容易被记住。
  • 积分活动积分、等级、营销活动是最简单易行的促活手段,以正激励的方式让用户产生情感上的捆绑,进而转化为行动,让用户自己忍不住时不时的打开产品看一看,获得成就感和满足感。
  • 趣味功能第一种方法,在不影响产品核心功能使用的前提下,加上签到打卡类的小功能,和送积分、等级提升这些手段融合在一起,让用户产品行为惯性。第二种方法,深度结合产品功能,开发趣味性的小功能,甚至是小工具,因为趣味功能的尝试门槛更低,可以为长久的留下用户产生一个过渡作用。
  • 日常推送PUSH推送、短信推送是把双刃剑,用不好了招人烦,但是也不能因噎废食。只要把控好推送的频率、时间点和内容,推送可能是效果最直接的促活手段。
  • 更新提示:保持固定的更新频率,让用户对产品保持持续的新鲜感。

3. 增加用户的沉没成本

“人们在决定是否去做一件事情的时候,不仅是看这件事对自己有没有好处,也会看过去是不是已经在这件事情上有过投入。我们把这些已经发生不可收回的支出,如时间、金钱、精力等称为沉没成本。”

1)金钱成本

对于付费类产品,应该尽可能的降低首次付费的门槛。一旦用户付了钱,他就会产生不多用几次产品自己就吃亏了的心理,后期再加上合适的引导,这个用户离开的可能就很小了。

2)时间成本

例如内容类产品,用户花费了大量的时间和精力去输出内容、撰写评论,并且这些内容都是留在产品里的,只要产品的核心价值还在,用户就不会轻易的离开。

前面说到的积分体系和用户等级也是同样的道理,用户花费了时间来经营一个东西,即使这个东西可能对他已经没有什么价值了,但他就是舍不得丢弃,这就是沉没成本心理在起作用。

3)情感成本

最常见的方式就是让用户把人际关系引入到产品中去,或是与产品中的其他用户产生关系,这个关系不一定非是强关系,也可以是以产品为平台的弱关系。

相比金钱成本和时间成本,能让用户投入情感成本的产品留存是最好的。

避免以下误区

不要为了短时间内的数据增长作出伤害用户的行为,看的长远一点;做用户留存没有终点,需要持续不断的优化,不要想着做一件事就能解决所有的问题;时刻关注自己产品的价值,不要做伪需求。在某垂直电商Top1公司负责用户增长,曾担任百亿GMV互金平台COO,有过创业经历并成功套现,分享用户增长、职场进阶、创业感悟等硬核内容。

分类
功能演示

支持腾讯视频

支持腾讯视频,无需特殊操作,网页端的iframe嵌入形式的腾讯视频在小程序端会自动解析,示例如下

HTML代码:

<iframe 
   src="https://v.qq.com/txp/iframe/player.html?vid=r06304ovabg"
></iframe>
分类
功能演示

自动根据h2和h3标签生成目录

这是一篇示例文章,将根据H2标签自动生成目录,同时本文章开启了根据H3标签生成2级目录,可选择在 “文章开头显示目录” 或 “页面右下角显示目录悬浮按钮”,支持全局开启,支持只针对某分类(标签等)开启,支持只针对某一篇文章开启

用户留存,是每一个公司都要面对的难题。随着移动互联网进入下半场,流量红利逐渐被吃尽,互联网人群的渗透越来越彻底,获客成本越来越高,遍地是流量的时代一去不返。

如何留住用户,并让存量用户贡献更大的价值变成了多数公司制定运营策略时的重中之重。

通常来讲用户在某段时间内开始使用某产品,经过一段时间后仍在使用某产品,那这个用户就是该时间维度内的留存用户。

在常规的运营操作中,次日留存、七日留存、月留存这三个时间维度用到的会比较多。假设月初你获取了100个用户,到月末这100人中还有80人在使用你的产品,那月留存率就是80%。

用户留存的重要性

1. 节省成本,增加营收

根据哈佛商学院的一项研究发现,获得一个新用户的费用要比维护老用户的成本高7倍,当用户留存率每提升5%,公司的利润将提升25%-95%。

这项数据不适用于每一个公司,但是可以给我们提供一些参考。产生了忠诚度的用户能为产品提供非常长期的直接价值和附加价值,所以从获取第一个用户开始,就应该想好怎么做留存,留存也是获客的一个环节。

现在有个特别不好的现象,好多初创公司把“快速迭代,小步快跑”这一经典理论曲解为:别的不管,先上线再说,上线了再去想办法。连个最基本的用户运营策略都没有,上的快死的更快。

2. 判断你的产品提供的是不是伪需求

如果你的产品用户留存率极低,而在其他方面又找不到问题时,就要问问自己了,你的产品对用户来说有没有价值?是不是提供了一个自嗨的伪需求?特别是初创公司,很容易出现这个问题。

做好用户留存的三板斧

1. 从源头开始,明确定义,精准获客

  • 构建用户模型根据产品目标,分析目标用户群体的特征,先弄清楚自己要面对的是哪些人,再开始做运营。
  • 明确数据指标不同的时间跨度权重如何?用户留存率合格线既定为多少?用户路径和转化漏斗是怎样的?怎样从某一段用户增长数据中判断运营策略的正确与否?
  • 做好获客渠道的可行性分析目前常见的获客渠道有:应用商店、信息流、搜索、APP直投、新媒体直投、行业KOL、异业合作等,任意一项都需要真金白银的付出。

所以一开始就要想清楚获客渠道的组合策略是怎样的,尽力做到效果最大化、获客精准化。

2. 提高用户使用产品的频次

  • 品牌调性做品牌不一定非要找代言、铺广告。目前的行业现状是任意一个赛道都挤满了人,所以让用户能够记住自己的产品就成功了一半。做留存本来就是虚实结合的事情,产品功能是实,品牌调性就是虚。给产品赋予一种情感上的基调,用UI界面、文案话术、运营方式来表达出来。遍地高大上的时代,小而美反而更容易被记住。
  • 积分活动积分、等级、营销活动是最简单易行的促活手段,以正激励的方式让用户产生情感上的捆绑,进而转化为行动,让用户自己忍不住时不时的打开产品看一看,获得成就感和满足感。
  • 趣味功能第一种方法,在不影响产品核心功能使用的前提下,加上签到打卡类的小功能,和送积分、等级提升这些手段融合在一起,让用户产品行为惯性。第二种方法,深度结合产品功能,开发趣味性的小功能,甚至是小工具,因为趣味功能的尝试门槛更低,可以为长久的留下用户产生一个过渡作用。
  • 日常推送PUSH推送、短信推送是把双刃剑,用不好了招人烦,但是也不能因噎废食。只要把控好推送的频率、时间点和内容,推送可能是效果最直接的促活手段。
  • 更新提示:保持固定的更新频率,让用户对产品保持持续的新鲜感。

3. 增加用户的沉没成本

“人们在决定是否去做一件事情的时候,不仅是看这件事对自己有没有好处,也会看过去是不是已经在这件事情上有过投入。我们把这些已经发生不可收回的支出,如时间、金钱、精力等称为沉没成本。”

1)金钱成本

对于付费类产品,应该尽可能的降低首次付费的门槛。一旦用户付了钱,他就会产生不多用几次产品自己就吃亏了的心理,后期再加上合适的引导,这个用户离开的可能就很小了。

2)时间成本

例如内容类产品,用户花费了大量的时间和精力去输出内容、撰写评论,并且这些内容都是留在产品里的,只要产品的核心价值还在,用户就不会轻易的离开。

前面说到的积分体系和用户等级也是同样的道理,用户花费了时间来经营一个东西,即使这个东西可能对他已经没有什么价值了,但他就是舍不得丢弃,这就是沉没成本心理在起作用。

3)情感成本

最常见的方式就是让用户把人际关系引入到产品中去,或是与产品中的其他用户产生关系,这个关系不一定非是强关系,也可以是以产品为平台的弱关系。

相比金钱成本和时间成本,能让用户投入情感成本的产品留存是最好的。

避免以下误区

不要为了短时间内的数据增长作出伤害用户的行为,看的长远一点;做用户留存没有终点,需要持续不断的优化,不要想着做一件事就能解决所有的问题;时刻关注自己产品的价值,不要做伪需求。在某垂直电商Top1公司负责用户增长,曾担任百亿GMV互金平台COO,有过创业经历并成功套现,分享用户增长、职场进阶、创业感悟等硬核内容。

分类
功能演示

兼容文章内链在小程序内部跳转

对原有文章内超链接(a标签)添加 “path” 属性,即可在小程序内部点击后跳转到任意小程序页面路径,path属性为小程序路径,具体路径可参考文档。

简单示例

点击打开小程序内wordpress示例页面

点击打开小程序内某分类页面

代码示例:

<a href="?page_id=2" path="/pages/page/page?post_id=2">
      点击打开小程序内wordpress示例页面
     </a>

自定义内联样式示例

XXXXXXXX什么什么标题点击打开XXX自定义文本

熟悉CSS样式的朋友,可以实现任何自己想要的样式。

示例代码:

<a href="?page_id=2" 
   path="/pages/page/page?post_id=2" 
   style="display:block;color:#333333;padding:10px;
          background-color: #00B3DB; color: #FFFFFF;">
	<span style="display:block;margin:5px;">XXXXXXXX什么什么标题</span>
	<span style="display:flex;margin:5px;justify-content: flex-end;">
		<span style="padding:5px 10px; border-radius: 20px;font-size:12px;
				  background-color: #ffffff; color: #00B3DB;">
				  打开文章XXX自定义文本
		</span>
	</span>
</a>

使用预定义短代码

也可以使用预定义的短代码来实现小程序内页面之间直接跳转,具体查考如下文章

预定义短代码-链接卡片形式
更多示例
立即查看
分类
功能演示

WordPress小程序(WP-App 多端小程序套件)

前言:原本是自己一个wordpress网站想转换成小程序版本,本来打算从市面现成的插件(有免费的也有收费的)直接使用,但发现都无法满足自己的要求,索性还不如我们自己开发一款功能更全面,更好的小程序插件,因此诞生了该WP-App套件(包含后台插件及前端代码包),目前发布版本已经可以满足大部分用户需求,但对于我们自己要求的“更全面,更好的小程序插件”还一些距离,因此功能和特性还再不断更新完善中,请拭目以待

WP-App WordPress多端小程序套件可将你的wordpress网站轻松生成小程序版

支持所有小程序,包括微信小程序,百度小程序,头条/抖音小程序,支付宝小程序,QQ小程序

百度搜索流量全面倾斜扶持百度智能小程序,还不上线您的小程序版?

官方网站及购买地址:
https://wp-autoblog.net/zh

演示案例

本小程序Demo对应的网站:
https://wp-autoblog.net/wordpress/

包含一个wordpress后台插件及各端前端代码包,多端可用,支持微信小程序,百度小程序等

支持所有小程序,包括微信小程序,百度小程序,头条系小程序(头条,抖音),支付宝小程序,QQ小程序。

提供尽可能多的APP端常用组件及功能

提供尽可能多的APP端常用组件及功能,选项卡,轮播图,通知栏,评论,收藏,点赞,分享,海报等等

如果没有需要的组件及功能可提交反馈,都尽量提供,还再不断更新完善中~

自带缓存功能,提速APP性能和体验

后台插件自带缓存功能,自动生成缓存文件,用户访问APP直接提取缓存文件内容,最大程度减少数据库连接和数据加工处理步骤,加速用户APP访问速度和体验。

后台插件功能截图(缓存文件管理)

后台插件功能截图(开启/关闭缓存功能)

左右滑动查看更多

百度小程序SEO优化

目前百度全面扶持小程序内容和生态,搜索流量优先展示小程序内容,插件当然要做好小程序的SEO功能。

首页可自行设置按百度官方要求的SEO信息,文章内页会自动提取标题,关键词,摘要,相关图片等自动设置百度要求的SEO信息,其他页面分类页面,标签页面等都会自动设置SEO信息。

后台插件功能截图(百度小程序SEO设置)

强大自定义能力,后台可自定义需要显示的组件及设置样式,可实现无限前端效果,设计您自己独立的视觉效果,避免千篇一律

后台可自定义需要显示的组件及设置样式,设置保存后前端即时生效,无需重复上传前端代码,避免各家超级APP重复审核流程。

提供图标系统,可自行设置需要显示的图标。

后台更多设置没有全部展示,可在本小程序底部“组件”菜单预览其自定义能力

后台插件功能截图(列表页设置)

后台插件功能截图(列表页样式设置)

后台插件功能截图(底部“tabbar”设置)

后台插件功能截图(首页选项卡设置)

后台插件功能截图(首页轮播图设置)

后台插件功能截图(首页通知栏设置)

后台插件功能截图(首页文章列表设置)

左右滑动查看更多

支持单独设置前端文章CSS样式,文章比较特别,需要特别样式,没有问题,可设置CSS样式即时生效

支持单独设置前端文章CSS样式,也可以支持“内联”样式,本文章大部分特殊样式就是“内联”样式结果,关于“内联”样式详情可点击查看下面文章(下面文章为app内页面跳转):

文章基本HTML元素渲染测试

后台插件功能截图(文章基本样式后台设置)

分类
功能演示

文章基本HTML元素渲染测试

这是HTML的H1标题

这是HTML的H2标题

这是HTML的H3标题

这是HTML的H4标题

这是HTML的H5标题
这是HTML的H6标题

这是一个p标签段落,
这是一个p标签段落,这是一个p标签段落,这是一个p标签段落,这是一个p标签段落,这是一个p标签段落,这是一个p标签段落,这是一个p标签段落

这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落,这是另一个P标签段落

div标签测试

这里是div标签里面的文字,没有P标签
这里是div标签里面的文字,没有P标签

HTML代码:

<div>这里是div标签里面的文字,没有P标签</div>

section标签测试

PRC

The People’s Republic of China was born in 1949…

HTML代码:

<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

文字渲染测试

em标签测试

上下标展示:水的化学式是H2O,23=8
插入和删除文本:我想出去玩,不你不想,你想学习
引用:这是一句引用的文字,这是code标签
粗体斜体
大一号正常小一号

HTML代码:

<em>em标签测试</em>
<div>上下标展示:水的化学式是H<sub>2</sub>O,2<sup>3</sup>=8</div>
<div>插入和删除文本:<del>我想出去玩</del>,不你不想,<ins>你想学习</ins></div>
<div>引用:<q>这是一句引用的文字</q>,这是<code>code</code>标签</div>
<div><strong>粗体</strong>与<i>斜体</i></div>
<div><big>大一号</big>正常<small>小一号</small></div>

段落引用(blockquote标签)渲染测试

段落引用:欢迎!我白天是个邮递员,晚上就是个有抱负的演员。这是我的网站。我住在天朝的帝都,有条叫做Jack的狗。。

内联style属性渲染测试

该元素使用了style属性设置样式

HTML代码:

<div style="background-color:#00b3db;color:#ffffff;border-radius: 5px;padding:10px;">
   该元素使用了style属性设置样式
</div>

图像渲染测试

下面是2张图像,图像之间没有间隔(插件后台默认设置img标签样式为block,这样连续图像之间将没有间隔)


HTML代码:

<p>
 <img  src="image_url"/>
 <img  src="image_url"/>
</p>

下面是2张图像,图像之间有间隔

HTML代码:

<p><img  src="image_url"/></p>
<p><img  src="image_url"/></p>

下面是图像自定义样式布局

HTML代码:

<div style="width: 100%; box-sizing: border-box;">
  <div style="width: 100%;margin-bottom:5px;">
    <img  src="image_url">
  </div>
  <div style="margin-top:5px; display: flex;justify-content: center;-webkit-justify-content: center;display: -webkit-flex;">
    <div style="width: 100%;margin-right: 5px;">
      <img  src="image_url">
    </div>
    <div style="width: 100%;">
      <img  src="image_url">
    </div>
  </div>
</div>

图片1

图片2

图片3

左右滑动查看更多

HTML代码:

<div style="margin: 1em auto; white-space: normal; border: 0px none; text-align: center; padding: 0px; padding: 5px;border:1px solid #ddd;overflow: hidden;">
  <div style="white-space: nowrap; width:100%; overflow-x: scroll;">
    <div style="display: inline-block;word-wrap: break-word;white-space: normal;vertical-align: top;">
      <img src="image_url" style="display: inline-block;width:100%;"/>
      <p style="font-size:12px; text-align:center;">
        图片1
      </p>
    </div>
    <div style="display: inline-block;word-wrap: break-word;white-space: normal;vertical-align: top;">
      <img src="image_url" style="display: inline-block;width:100%;"/>
      <p style="font-size:12px; text-align:center;">
        图片2
      </p>
    </div>
    <div style="display: inline-block;word-wrap: break-word;white-space: normal;vertical-align: top;">
      <img src="image_url" style="display: inline-block;width:100%"/>
      <p style="font-size:12px; text-align:center;">
        图片3
      </p>
    </div>
  </div>
  <p style="line-height:32px;margin: 5px;">
    <span style="font-size: 12px;">左右滑动查看更多</span>
  </p>
</div>

列表渲染测试

有序列表

  1. 多级列表
    1. 子标题1
    2. 子标题2
    3. 子标题3
  2. 段落你好,我是一个在li标签里面的p标签段落,我是一个在li标签里面的p标签段落

无序列表

  • 标题1
    • 子标题1
    • 子标题2
    • 子标题3
  • 标题2
  • 标题3

HTML代码:

<p>有序列表</p>
<ol>
  <li>多级列表
    <ol>
      <li>子标题1</li>
      <li>子标题2</li>
      <li>子标题3</li>
    </ol>
  </li>
  <li>段落
    <p>你好,我是一个在li标签里面的p标签段落,我是一个在li标签里面的p标签段落</p>
  </li>
</ol>
<br/>
<p>无序列表 </p>
<ul>
  <li>标题1
    <ul>
      <li>子标题1</li>
      <li>子标题2</li>
      <li>子标题3</li>
    </ul>
  </li>
  <li>标题2</li>
  <li>标题3</li>
</ul>

链接渲染测试



图片链接,点击可以跳转到APP内部其他页面

HTML代码:

<a href="/pages/page/page?post_id=2">
  <img src="image_url"/>
</a>

https://wp-autoblog.net/zh

APP外部链接(http链接),点击可以复制链接

HTML代码:

<a href="https://wp-autoblog.net/zh">
  https://wp-autoblog.net/zh
</a>

表格渲染测试

表头th 表头th 表头th
表格td元素 表格td元素 表格td元素
表格td元素 表格td元素 表格td元素

表格显示默认样式,可通过插件后台自行设置样式

HTML代码:

<table>
  <tr>
    <th>表头th</th>
    <th>表头th</th>
    <th>表头th</th>
  </tr>
  <tr>
    <td>表格td元素</td>
    <td>表格td元素</td>
    <td>表格td元素</td>
  </tr>
  <tr>
    <td>表格td元素</td>
    <td>表格td元素</td>
    <td>表格td元素</td>
  </tr>
</table>