wordpress社区商城小程序pro版-安装教程

点击在本站购买:wordpress社区商城小程序pro版-正版商业授权版

wordpress社区商城小程序

一、准备工作

1、配置服务器和环境(建议使用linux+centos+php7.2+nginx1.15+MySQL5.6)

2、注册小程序开发者账号(注册教程)

3、域名备案+配置域名SSL(https);

4、下载WordPress(建议5.3.2以上版本)安装+设置“网站固定链接”+服务器伪静态。

二、小程序pro插件安装与配置

1、WordPress插件安装
wordpress后台 – 插件 – 安装插件 -上传购买安装包里提供的插件 – 启用;

启用插件后,一些选项设置已自动设置好默认值,可根据自身需求自行修改。

2、WordPress插件设置
进入WordPress后台 – 小程序PRO – 基础设置 - 把 APPID 和 APPSECRET设置好;

wordpress社区商城小程序pro版

3、插件功能模块截图和说明 - 功能介绍 - 后台截图

4、上传安装插件“bbPress(2.6.4)”,或 wp后台插件 - 安装插件 - 搜索“bbPress” - 安装并启用。

5、上传安装插件“WooCommerce(4.2.2)”,暂时请勿升级到最新版。

三、小程序导入与提交审核

1、安装微信小程序开发工具(工具下载)/(安装教程);

2、解压获取到的“MiniProgram”前端代码到本地计算机上;如解压到本地 D:jiangqieMiniProgram;

3、使用小程序管理员或有开发权限的微信扫码登录​​;

4、小程序开发者工具 – 项目 – 导入项目 – 填写项目名称 – 选择刚解压的小程序路径D:jiangqieMiniProgram – 修改AppID – 导入。

3-2

5、【重点】导入项目后,在utils/config.js文件中找到域名www.8ym8.com替换为你自己的域名;

温馨提示:域名要和开发者后台的域名保持一致 ;

QQ20200809-192303@2x

6、登录小程序管理后台设置域名(教程请点这),ps:填写上面所修改的域名;

7、工具上的编译按钮,可在工具的左侧模拟器界面看到酱茄小程序pro版的表现,也可以点预览按钮,通过微信的扫一扫在手机上体验小程序;

8、预览正常 – 上传代码和填写信息 – 小程序管理后台提交审核 – 通过后小程序管理后台发布。

四、小程序配置(下图可查看大图)

以下设置项目请访问wp后台 - 小程序PRO - 找到相关菜单进行配置。

1、小程序“首页”设置

sy-scaled

2、小程序“热榜/饭团”设置

rebang-scaled
%E6%88%91%E7%9A%84-scaled

3、小程序“我的”设置

4、小程序“广告”设置

4.1、mp.weixin.qq.com - 左边菜单“流量主” - 新建所需类型广告;

4.2、新建后复制“广告位ID” - 小程序PRO - 广告设置 - 填写在相应位置。

111-scaled

五、饭团话题配置

1、登录wp后台 - 论坛 - Add New(创建新板块)- 参考下图;

11

2、wp后台 - 小程序 - 板块设置 - 配置相关内容;

六、短代码(A标签增强)使用教程

酱茄块支持打开网页(业务域名下的网页和公众号文章),跳转第三方小程序和打开小程序本身的内部页面。

1、添加短代码卡片流程

111-1

2、酱茄块格式如下:

[jq-widget cover="封面图" title="标题" desc="描述" button="按钮" link="链接地址" price="商品价格"][/jq-widget]

把【封面图标题描述按钮链接地址商品价格】 按自己所需替换即可。

封面图是一个图片地址;标题描述按钮是文字信息;商品价格可忽略不写,不写把价格文字删除;下面逐一举例说明。

2.1.业务域名下的网页(需要在小程序后台配置业务域名)

例如:
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="酱茄官网" desc="功能介绍/常见问题/安装文档" button="打开链接" link="https://www.jiangqie.com/doc" price=""][/jq-widget]


2.2.公众号文章(需要在小程序后台配置关联公众号)

例如:
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="Hi,我回来了..." desc="其实我一直都在,从未离开!" button="打开文章" link="https://mp.weixin.qq.com/s/9c2yHqjibChWSRExO7JJYA" price=""][/jq-widget]


2.3.第三方小程序

例如:
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="人人咖啡师" desc="打开人人咖啡师小程序首页" button="打开小程序" link="appid:wxb0b82c1a4e82a353" price=""][/jq-widget]

这里link的值是:appid:wxb0b82c1a4e82a353。即在要跳转的appid签名加上前缀:appid:

如果要打开第三方小程序内的其他页面呢?

[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="人人咖啡师" desc="打开人人咖啡师小程序首页" button="打开小程序" link="appid:wxb0b82c1a4e82a353;page:/pages/article/article?post_id=1154" price=""][/jq-widget]

这里link的值是:appid:wxb0b82c1a4e82a353;page:/pages/article/article?post_id=1154。即在后面追加上:;page:/pages/article/article?post_id=1154

/pages/article/article?post_id=1154 是指定的页面

这里的link规则可以总结为:appid:[第三方小程序appid的值];page:[指定的第三方小程序内的页面地址]


2.4.小程序本身的内部页面

例如,打开我的小站页面:
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="我的小站" desc="我的小站一片荒芜" button="参观一下" link="/pages/mysite/mysite" price=""][/jq-widget]

例如,打开一个商品页面:
[jq-widget cover="https://pro.jiangqie.com/wp-content/uploads/2020/06/n-2.png" title="酱茄调价公告
" desc="优惠活动截止:2020年x月x日 24:00" button="立即购买" link="/pages/goods_view/goods_view?goods_id=3195" price="1299"][/jq-widget]

这里link就是页面的路径就可以,小程序页面路径可参考:https://www.jiangqie.com/pro/1232.html


3、A标签增强 链接

<a data-link="链接">描述</a>

<a data-link="appid:Appid;page:链接">跳转到其他小程序/页面</a>

ps:小程序页面路径参考如下:

序号页面路径说明参数
1/pages/index/index首页
2/pages/hot/hot热榜
3/pages/topic/topic饭团
4/pages/store/store小店
5/pages/mine/mine我的
6/pages/type/type文章分类
7/pages/list/list文章/Tag/搜索列表
8/pages/view/view文章详情
9/pages/topic_view/topic_view话题详情
10/pages/topic_post/topic_post话题发布
11/pages/topic_list/topic_list话题列表
12/pages/mysite/mysite?track=favorites&title=标题我的收藏
13/pages/mysite/mysite?track=likes&title=标题我的点赞
14/pages/mysite/mysite?track=comments&title=标题我的评论
15/pages/mysite/mysite?track=topic&title=标题我发布的/作品
16/pages/mysite/mysite?track=likeme&title=标题获赞
17/pages/search/search搜索
18/pages/mysite/mysite小站
19/pages/comment/comment评论页
20/pages/friend/friend关注和粉丝
21/pages/friend/friend?tab=follow我的关注
22/pages/friend/friend?tab=fans我的粉丝
23/pages/friend/friend?tab=riceball关注的话题
24/pages/mysite/mysite我的发布
25/pages/message/message消息
26/pages/viewhtml/viewhtml关于我们
27/pages/login/login登录
28/pages/list/list?search=关键词搜索结果页注意ID/名称
29/pages/view/view?post_id=ID文章详情
30/pages/list/list?tag_id=ID&title=名称Tag页
31/pages/list/list?cat_id=ID&title=名称文章分类
32/pages/topic_view/topic_view?id=ID话题详情
33/pages/topic_list/topic_list?tag_id=ID&title=话题Tag名称话题Tag列表
34/pages/type/type?tab=topic饭团话题
35/pages/shopping_cart/shopping_cart购物车
36/pages/order_list/order_list订单管理
37/pages/goods_view/goods_view?goods_id=产品ID 产品具体页注意ID/名称
38/pages/goods_view/goods_view产品详情
39/pages/order_submit/order_submit购买页
40/pages/certification/certification 达人认证

4、卡片和A标签增强样式如下:

QQ20200714-120342@2x-1

七、商城(小店)安装配置

(一)、安装WooCommerce插件

1、WordPress后台 - 插件 - 搜索 - WooCommerce - 安装启用;

WooCommerce可下载语言包,上传到wp-content/languages/plugins/

链接:https://pan.baidu.com/s/14qZxRe2lFG0zIxyOtOVSGg 提取码:deac

2、或打开所购程序包提供的代码文件,找到plugins中的WooCommerce,压缩成zip,然后wp后台上传启用;

3、温馨提示:WooCommerce前面几步可根据自身需求选择后下一步,重点在第四步配置支付。


(二)、商城(小店)产品分类创建

1

(三)、商城(小店)产品添加

12122121-2

(四)、商城(小店)微信支付设置

WordPress后台 - WooCommerce - 设置 - 付款 - 开启微信支付 - 右侧管理 - 根据信息填写即可;

重要:1、微信商户号获取   2、API密钥获取

1-2

安装过程中,其他问题请参考:

wordpress社区商城小程序pro版-常见问题汇总

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论